| Path : /var/www/html/jewelry-pos/resources/views/pointToSale/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/jewelry-pos/resources/views/pointToSale/modalPay.blade.php |
<!-- Modal -->
<div class="modal fade bd-example-modal-lg" id="tests" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="backdrop-filter: brightness(0.5);"">
<div class="modal-dialog modal-xl" id="modalPay">
<div class="modal-content">
<div class="model-header bg-info" style="display: flex;justify-content: center;align-items: center">
<h5 class="modal-title text-white" id="exampleModalLongTitle" style="width: 80%;height: 45px;display: flex;justify-content: right;align-items: center;font-weight: bold">{{__("message.payment form")}}</h5>
<div class="mr-2" style="display: flex;justify-content: right;align-items: center;width: 40%;">
<input type="button" class="btn-danger pr-2 pl-2" value="X" data-dismiss="modal" style="font-size: 14px;color: white;font-weight: bold;border-radius: 3px;cursor: pointer">
</div>
</div>
<div class="modal-body">
<div class="row" style="font-size: 15px">
<div class="" style="width: 75%">
<div class="row m-2 p-2">
<div class=" d-flex align-items-center justify-content-center" style="width: 15%;">
<label class="text-center m-0">
{{__('message.customer')}}
</label>
</div>
<div class="" style="width: 85%;">
<div class="row">
<div class="col-sm-6 col-xl-6">
<input tabindex="0" type="text"
placeholder="{{__('message.customer name')}}" id="customerName" class="form-control" required autofocus>
</div>
<div class="col-sm-6 col-xl-6">
<input tabindex="0" type="text" onfocus="f_phoneNumber()"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
placeholder="{{__('message.phone')}}" id="phone" class="form-control" required autofocus>
</div>
</div>
</div>
</div>
<div class="row ml-2 pl-2">
<div class="pr-2 credit" style="width: 15%;">
<label class="text-center mt-2">
{{-- {{__('message.currency')}}--}}
</label>
</div>
<div style="width: 85%;" class="pt-2 credit">
<div class="row">
<div class="col-sm-4 col-xl-4">
<label>{{__("message.usd price")}}</label>
</div>
<div class="col-sm-4 col-xl-4">
<label>{{__("message.khr price")}}</label>
</div>
<div class="col-sm-4 col-xl-4">
<label>{{__("message.thb price")}}</label>
</div>
</div>
</div>
</div>
<div class="row m-2 p-2">
<div class="d-flex align-items-center" style="width: 15%;">
<label class="text-center m-0">
{{__('message.amount')}}
</label>
</div>
<div class="" style="width: 85%;">
<div class="row">
<div class="col-sm-4 col-xl-4">
<input type="text" tabindex="0" class="form-control credit" id="dolarAmount" placeholder="Amount($)" value=""
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" onfocus="f_dolarAmount()" onkeyup="modify_price()">
</div>
<div class="col-sm-4 col-xl-4">
<input type="number" tabindex="999" class="form-control credit" id="khrAmount" placeholder="ចំនួនទឹកប្រាក់(៛)" value="" readonly>
</div>
<div class="col-sm-4 col-xl-4">
<input type="number" tabindex="9999" class="form-control credit" id="thbAmount" placeholder="จำนวน(B)" value="" readonly>
</div>
</div>
</div>
</div>
<div class="row m-2 p-2">
<div class="d-flex align-items-center justify-content-center" style="width: 15%;">
<label class="text-center m-0">
{{__('message.pay in')}}
</label>
</div>
<div class="" style="width: 85%">
<div class="row">
<div class="col-sm-4 col-xl-4">
<input type="text" class="form-control" tabindex="0" id="dolarPay" placeholder="Enter Amount($)" inputmode="numeric" name="usd_amount"
pattern="^[0-9]*$"
autocomplete="cc-number" onkeypress="isInputNumberDolar(event)" onchange="Check()"
{{-- maxlength="19"--}}
onfocus="f_focusCalDolar()" onkeyup="returnCash()" style="font-size: 14px">
</div>
<div class="col-sm-4 col-xl-4">
<input type="text" class="form-control" tabindex="0" id="realPay" placeholder="សូមបញ្ចូលទឹកប្រាក់រៀល(៛)"
inputmode="numeric"
name="khr_amount"
pattern="^[0-9]*$"
autocomplete="cc-number"
{{-- maxlength="19"--}}
onfocus="f_focusCalReal()" onkeyup="returnCash()" onkeypress="isInputNumberReal(event)" style="font-size: 14px" />
</div>
<div class="col-sm-4 col-xl-4">
<input type="text" tabindex="0" class="form-control" id="bthPay" placeholder="ใส่จำนวนเงิน(฿)" inputmode="numeric"
pattern="^[0-9]*$"
name="thb_amount"
autocomplete="cc-number"
{{-- maxlength="19"--}}
onkeypress="isInputNumberBth(event)" onfocus="f_focusCalBth()" onkeyup="returnCash()" style="font-size: 14px">
</div>
</div>
</div>
</div>
<div class="row m-2 p-2">
<div class="d-flex align-items-center justify-content-center" style="width: 15%;">
<label class="text-center m-0">
{{__('message.return in')}}
</label>
</div>
<div class="" style="width: 85%;">
<div class="row">
<div class="col-sm-4 col-xl-4">
<input type="number" class="form-control" id="returnusd" placeholder="Return In ($)" value="0">
</div>
<div class="col-sm-4 col-xl-4">
<input type="number" class="form-control" id="returnkhr" placeholder="Return In (៛)" value="0">
</div>
<div class="col-sm-4 col-xl-4">
<input type="number" class="form-control" id="returnthb" placeholder="Return In (B)" value="0">
</div>
</div>
</div>
</div>
<div class="row m-2 p-2">
<div class="d-flex align-items-center" style="width: 30%;">
<label class="text-center m-0">
{{__('message.select return')}}
</label>
</div>
<div class="" style="width: 70%;">
<div class="row">
<div class="col-sm-4 col-xl-4">
<input type="radio" tabindex="0" checked class="form-control" name="action" id="selectUsd" placeholder="Return In ($)" value="0" style="width: 20px">
</div>
<div class="col-sm-4 col-xl-4">
<input type="radio" tabindex="0" class="form-control" name="action" id="selectKhr" placeholder="Return In (៛)" value="0" style="width: 20px;">
</div>
<div class="col-sm-4 col-xl-4">
<input type="radio" tabindex="0" class="form-control" name="action" id="selectThb" placeholder="Return In (B)" value="0" style="width: 20px">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<textarea placeholder="{{__('message.note')}}" class="form-control" rows="2" name="note" id="note" style="resize: none !important;"></textarea>
</div>
</div>
</div>
<div class="text-end" style="width: 25%">
<table width="100%" height="75%" style="text-align: center;">
<thead>
<tr style="height: 50px">
<th colspan="3">
<input type="button" tabindex="9999" id="clear" value="C" class="btn-sm btn-primary" style="width: 100%;height: 100%;">
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="button" tabindex="9999" id="7" value="7" class="btn-sm btn-primary" style="width: 100%;height: 100%;">
</td>
<td>
<input type="button" tabindex="9999" id="8" value="8" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
<td>
<input type="button" tabindex="9999" id="9" value="9" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
</tr>
<tr>
<td>
<input type="button" tabindex="9999" id="4" value="4" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
<td>
<input type="button" tabindex="9999" id="5" value="5" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
<td>
<input type="button" tabindex="9999" id="6" value="6" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
</tr>
<tr>
<td>
<input type="button" tabindex="9999" id="1" value="1" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
<td>
<input type="button" tabindex="9999" id="2" value="2" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
<td>
<input type="button" tabindex="9999" id="3" value="3" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
</tr>
<tr>
<td>
<input type="button" tabindex="9999" id="0" value="0" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
<td>
<button id="dot" tabindex="9999" class="btn-sm btn-primary" style="width: 100%;height: 100%">.</button>
</td>
<td>
<input type="button" tabindex="9999" id="x" value="x" class="btn-sm btn-primary" style="width: 100%;height: 100%">
</td>
</tr>
@can('sale-not-use-rate')
<tr>
<td colspan="2" class="text-right">
{{__('message.not use rate')}} :
</td>
<td>
<input type="checkbox" id="not_use_rate" style="width: 50%;height: 50%;margin-top: 10px">
</td>
</tr>
@endcan
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="close_modal" class="btn btn-sm btn-danger" data-dismiss="modal" style="font-size: 15px">
<label style="cursor: pointer">
{{__('message.close')}}
</label>
</button>
{{-- <button type="button" id="modal_pay" onclick="pay()" class="btn btn-sm btn-info" style="font-size: 15px ;cursor: pointer">--}}
{{-- <label style="cursor: pointer">{{__('message.pay')}}</label>--}}
{{-- <i class="fal fa-credit-card"></i>--}}
{{-- </button>--}}
<button type="button" id="modal_pay" onclick="pay();" class="btn btn-sm btn-info" style="font-size: 15px ;cursor: pointer">
<label style="cursor: pointer">{{__('message.pay')}}</label>
<i class="fal fa-credit-card"></i>
</button>
</div>
</div>
</div>
</div>
<script>
// function modify_price(){
{{-- var q = $('input[name="q"]').val();--}}
{{-- $.ajax({--}}
{{-- url: "{{route('search')}}?q=" + q,--}}
{{-- cache: false,--}}
{{-- success: function (response) {--}}
{{-- let khr = response[0].price*({{$rate['KHR']}});--}}
{{-- if($('#khrAmount').val() < khr){--}}
{{-- // $('#dolarAmount').val(response[0].price)--}}
{{-- --}}{{--$('input#khrAmount').val(response[0].price*({{$rate['KHR']}}));--}}
{{-- --}}{{--$('input#thbAmount').val(response[0].price*({{$rate['THB']}}));--}}
{{-- document.getElementById('dolarAmount').focus();--}}
{{-- document.getElementById('modal_pay').disabled = true;--}}
{{-- }else {--}}
{{-- document.getElementById('modal_pay').disabled = false;--}}
{{-- }--}}
{{-- }--}}
{{-- })--}}
{{-- $('#dolarAmount').change(function (){--}}
{{-- var q = $('input[name="q"]').val();--}}
{{-- $.ajax({--}}
{{-- url: "{{route('search')}}?q=" + q,--}}
{{-- cache: false,--}}
{{-- success: function (response) {--}}
{{-- let khr = response[0].price*({{$rate['KHR']}});--}}
{{-- if($('#khrAmount').val() < khr){--}}
{{-- // $('#dolarAmount').val(response[0].price)--}}
{{-- --}}{{--$('input#khrAmount').val(response[0].price*({{$rate['KHR']}}));--}}
{{-- $('input#thbAmount').val(response[0].price*({{$rate['THB']}}));--}}
{{-- document.getElementById('dolarAmount').focus();--}}
{{-- document.getElementById('modal_pay').disabled = true;--}}
{{-- }else{--}}
{{-- document.getElementById('modal_pay').disabled = false;--}}
{{-- }--}}
{{-- }--}}
{{-- })--}}
{{-- });--}}
{{-- --}}
{{-- $(document).ready(function (){--}}
{{-- let khrAmount = $('#khrAmount').val();--}}
{{-- let thbAmount = $('#thbAmount').val();--}}
{{-- var amountUsd = document.getElementById('dolarAmount');--}}
{{-- var khr = amountUsd.value * {{$khrs->exchange_in_rate}};--}}
{{-- var thb = amountUsd.value * {{$thbs->exchange_in_rate}};--}}
{{-- document.getElementById('khrAmount').value = khr;--}}
{{-- document.getElementById('thbAmount').value = thb;--}}
{{-- });--}}
{{-- }--}}
</script>