currency.blade.php
3.38 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
@extends('header')
@section('content')
<div class="card">
<div class="card-body">
<label for="FormControlSelect1">Convert From</label>
<div class="input-group">
<br>
<form action="/currency" method="GET" id="Form">
<input type="number" step="0.01" min="0" id="Amount" name="Amount" class="form-control form-control-lg mx-3" value="">
<select class="form-control" id="From" name="From">
@foreach ($currencies as $item)
<option class="color" value="{{ $item->iso }}">{{ $item->name }} - {{ $item->iso }}</option>
@endforeach
</select>
<br>
<input type="button" id="go" value="Swap">
<br>
<select class="form-control" id="To" name="To">
@foreach ($currencies as $item)
<option class="color" value="{{ $item->iso }}">{{ $item->name }} - {{ $item->iso }}</option>
@endforeach
</select>
<br> <br>
<span id="result" value=""></span>
<br> <br>
<button class="btn btn--pill" type="submit">Convert!</button>
</form>
<?php
// if( isset($_GET["From"]) && isset($_GET["Amount"]) && isset($_GET["To"]))
// {
// if (!empty($_GET["From"]) && !empty($_GET["Amount"]) && !empty($_GET["To"])){
// $value = $_GET['Amount'];
// $arrFrom = (DB::table('currency')->select('rates')->where('iso', '=', $_GET['From'])->get())->pluck('rates');
// $From = $arrFrom[0];
// $arrTo = (DB::table('currency')->select('rates')->where('iso', '=', $_GET['To'])->get())->pluck('rates');
// $To = $arrTo[0];
// $rez = ($value/$From) * $To;
// echo $rez;
// }
// }
?>
</div>
</div>
</div>
{{-- <script>
function swapValues(){
var tmp = document.getElementById("From").value;
document.getElementById("From").value = document.getElementById("To").value;
document.getElementById("To").value = tmp;
}
</script> --}}
{{-- <script>
function swapValues(){
var tmp = document.getElementById("From").value;
document.getElementById("From").value = document.getElementById("To").value;
document.getElementById("To").value = tmp;
}
var request = new XMLHttpRequest()
// Open a new connection, using the GET request on the URL endpoint
request.open('GET', 'http://127.0.0.1:8000/api', true)
request.onload = function() {
// Begin accessing JSON data here
var data = JSON.parse(this.response)
if (request.status >= 200 && request.status < 400) {
// for(var i = 0; i < 33; i++){
// console.log(data[i]['iso']);
// }
var From = document.getElementById("From").value;
var To = document.getElementById("To").value;
var Fromjs = data[0]['rates'];
var Tojs = data[1]['rates'];
var value = document.getElementById("Amount");
console.log(calculate(Fromjs, Tojs, Value));
}
else{
console.log('error')
}
// Send request
request.send()
}
function calculate(one, two, thre){
return (three/one) * two;
}
</script> --}}
@include('footer')
@endsection