<!-- 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"><?php echo e(__("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">
                                    <?php echo e(__('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="<?php echo e(__('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="<?php echo e(__('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">

                                </label>
                            </div>
                            <div style="width: 85%;" class="pt-2 credit">
                                <div class="row">
                                    <div class="col-sm-4 col-xl-4">
                                        <label><?php echo e(__("message.usd price")); ?></label>
                                    </div>
                                    <div class="col-sm-4 col-xl-4">
                                        <label><?php echo e(__("message.khr price")); ?></label>
                                    </div>
                                    <div class="col-sm-4 col-xl-4">
                                        <label><?php echo e(__("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">
                                    <?php echo e(__('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">
                                    <?php echo e(__('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()"
                                               
                                               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"
                                               
                                               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"
                                               
                                               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">
                                    <?php echo e(__('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">
                                    <?php echo e(__('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="<?php echo e(__('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>
                            <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('sale-not-use-rate')): ?>
                                <tr>
                                    <td colspan="2" class="text-right">
                                        <?php echo e(__('message.not use rate')); ?> :
                                    </td>
                                    <td>
                                        <input type="checkbox" id="not_use_rate" style="width: 50%;height: 50%;margin-top: 10px">
                                    </td>
                                </tr>
                            <?php endif; ?>
                            </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">
                        <?php echo e(__('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"><?php echo e(__('message.pay')); ?></label>
                    <i class="fal fa-credit-card"></i>
                </button>
            </div>
        </div>
    </div>
</div>
<script>

            // function modify_price(){
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
</script>
<?php /**PATH /var/www/html/jewelry-pos/resources/views/pointToSale/modalPay.blade.php ENDPATH**/ ?>