currency.blade.php
4.44 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
@extends('header')
@section('content')
<div class="card">
<div class="card-body">
<h3>
<small class="text-muted"><span id="color">Fiat Currency converter</span></small>
</h3>
<div class="input-group">
<br>
<form id="Form">
<br>
<input style="width: 250px;" type="number" placeholder="Enter Amount to Convert" step="0.01" min="0" id="Amount" class="form-control" value="1">
<br>
<div class="row from" >
<div class="col">
<div id="select-from-container">
<select name="selValue1" class="selectpicker border" data-show-subtext="true" data-live-search="true" data-size="5" id="From">
@foreach ($currencies as $item)
<option class="form-control" value="{{ $item->iso }}">{{ $item->name }} - {{ $item->iso }}</option>
@endforeach
</select>
</div>
</div>
<button onclick="swapValues();" type="button" id="swap" style="background:none; border:none;"><i class="fa fa-exchange" style="font-size:36px; color: #3C1C78;"></i></button>
<br>
<div class="col to">
<div id="select-from-container">
<select name="selValue2" class="selectpicker border" data-show-subtext="true" data-live-search="true" data-size="5" id="To">
@foreach ($currencies as $item)
<option class="form-control" value="{{ $item->iso }}" selected>{{ $item->name }} - {{ $item->iso }}</option>
@endforeach
</select>
</div>
</div>
</div>
<br> <br>
</form>
<div class="row" style="padding-top: 10px;">
<div class="col">
<blockquote class="blockquote">
<h2 class="mb-0" id="color"><span id="amount">1</span> <span id="from">USD</span></h2>
</blockquote>
</div>
<span class="blockquote" id="mb-0" style="color: black;"> = </span>
<div class="col">
<blockquote class="blockquote">
<h2 class="mb-0" id="color" style="margin-left: 20px;"><span id="rezult">0.89</span> <span id="to">EUR</span></h2>
</blockquote>
</div>
</div>
{{-- <h1 style="padding-top: 50px;" id="color">Amount: <span id="amount"></span><span id="from"></span>:<span id="rezult"></span><span id="to"></span></h1> --}}
<?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;
}
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");
cbootstrap dropdown downonsole.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