@extends('Client.layouts.layout')
@section('content')

@php($country_id = (isset($Address) && $Address) ? $Address->country_id : (request('country_id') ?? Country()->id))
@php($region_id = (isset($Address) && $Address) ? $Address->region_id : request('region_id'))

@php($block = (isset($Address) && $Address) ? $Address->block : request('block'))
@php($road = (isset($Address) && $Address) ? $Address->road : request('road'))
@php($building_no = (isset($Address) && $Address) ? $Address->building_no : request('building_no'))
@php($floor_no = (isset($Address) && $Address) ? $Address->floor_no : request('floor_no'))
@php($apartment = (isset($Address) && $Address) ? $Address->apartment : request('apartment'))
@php($type = (isset($Address) && $Address) ? $Address->type : request('type'))
@php($note = (isset($Address) && $Address) ? $Address->note : request('note'))
@php($additional_directions	 = (isset($Address) && $Address) ? $Address->additional_directions : request('additional_directions'))

<form action="{{ route('client.submit') }}" method="POST" id="form-submit">
    @csrf

    <input type="hidden" name="wallet" value="0.000">
    <input type="hidden" name="delivery_id" value="{{ request('delivery_id') }}">
    <input type="hidden" name="address_id" value="{{ request('address_id') }}">
    <div class="bg-ccc py-2">
        <div class="container">
            <div class="row py-2">
                <div class="col-12">
                    <ul class="breadcrumb wizard">
                      <li class="completed"><a href="{{ route('client.home') }}">@lang('trans.home')</a></li>
                      <li class="not-completed"><a href="javascript:void(0);">{{ __('trans.Confirm Order')  }}</a></li>
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-7">
                    
                    @if(!auth('client')->check())
                        <div class="card border shadow-none">
                            <div class="card-body">
                                <h5 class="capital my-2 fw-normal">@lang('trans.Customer Details')</h5>
                                <div class="row">
                                    <div class="col-12 col-md-6 form-group">
                                        <label for="name">@lang('trans.Name')</label>
                                        <input type="text" class="form-control" name="name" value="{{ request('name') }}" id="name" required >
                                        <span class="text-danger">@error('name'){{ $message }}@enderror</span>
                                    </div>
                                    <div class="col-12 col-md-6 form-group">
                                        <div class="row position-relative">
                                            <label for="phone">@lang('trans.mobile')</label>
                                            <div class="row">
                                                @if(lang('ar'))
                                                    <div class="col-7">
                                                        <input class="form-control" name="phone" value="{{ request('phone') }}" onkeypress="return AllowOnlyNumbers(event);" required type="number">
                                                    </div>
                                                @endif
                                                <div class="col-5">
                                                    @include('Client.layouts.phone-select')
                                                </div>
                                                @if(lang('en'))
                                                    <div class="col-7">
                                                        <input class="form-control" name="phone" value="{{ request('phone') }}" onkeypress="return AllowOnlyNumbers(event);" required type="number">
                                                    </div>
                                                @endif
                                            </div>
                                            <span class="text-danger">@error('phone'){{ $message }}@enderror</span>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 form-group">
                                        <label for="email">@lang('trans.email')</label>
                                        <input type="email" class="form-control" name="email" value="{{ request('email') }}" id="email" placeholder="xyz@gmail.com">
                                        <span class="text-danger">@error('email'){{ $message }}@enderror</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if(request('delivery_id') == 1)
                        <div class="card border shadow-none">
                            <div class="card-body">
                                <h5 class="capital my-2 fw-normal">@lang('trans.Delivery Information')</h5>
                                <div class="row">
                                    <div class="col-12 col-md-6 form-group">
                                        <label for="delivery_date">@lang('trans.delivery_date')</label>
                                        <ul>
                                            @foreach (\App\Models\DeliveryDate::Active()->get() as $DeliveryDate)
                                                <li>
                                                    <div class="form-check form-check-inline">
                                                        <input @checked(request('delivery_date') == $DeliveryDate['id']) class="form-check-input" type="radio" name="delivery_date" id="delivery_date-{{ $DeliveryDate->id }}" value="{{ now()->addDays($loop->index)->format('Y-m-d') }}" required>
                                                        <label class="form-check-label" for="delivery_date-{{ $DeliveryDate->id }}">
                                                            {{ $DeliveryDate->title() }}
                                                        </label>
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                    
                                    <div class="col-12 col-md-6 form-group">
                                        <label for="delivery_time">@lang('trans.delivery_time')</label>
                                        <ul>
                                            @foreach (\App\Models\DeliveryTime::Active()->get() as $DeliveryTime)
                                                <li>
                                                    <div class="form-check form-check-inline">
                                                        <input @checked(request('delivery_time') == $DeliveryTime['id']) class="form-check-input" type="radio" name="delivery_time" id="delivery_time-{{ $DeliveryTime->id }}" value="{{ $DeliveryTime->title_en }}" required>
                                                        <label class="form-check-label" for="delivery_time-{{ $DeliveryTime->id }}">
                                                            {{ $DeliveryTime->title() }}
                                                        </label>
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @php($sub_total = 0)
                    @php($exclusive_sub_total = 0)
                    @php($Dicount = 0)
                    @foreach ($Cart as $CartItem)
                        @php($ProPrice = format_number( $CartItem->Product->Quantity->where('size_id',$CartItem->size_id)->where('color_id',$CartItem->color_id)->first()?->CalcPrice() ?? $CartItem->Product->CalcPrice() ) )
                        @php($Price = format_number( $CartItem->Product->Quantity->where('size_id',$CartItem->size_id)->where('color_id',$CartItem->color_id)->first()?->Price() ?? $CartItem->Product->Price() ) )
                        @php($Dicount += format_number($Price - $ProPrice) )
                        @php($sub_total +=  $ProPrice * $CartItem->quantity)
                        @php($exclusive_sub_total +=  $CartItem->Product->VAT == 'exclusive' ? ( $ProPrice * $CartItem->quantity ) : 0)
                        @php($ItemOptions = $Options->whereIn('id',explode(',', $CartItem->options))->pluck('title')->implode(','))
                        <div class="card border shadow-none">
                            <div class="card-body">
                                <div class="d-flex align-items-start border-bottom pb-3">
                                    <div class="me-4">
                                        <img src="{{ asset($CartItem->Product->RandomImage()) }}" alt="" class="avatar-lg rounded" style="margin: 20px;">
                                    </div>
                                    <div class="flex-grow-1 align-self-center overflow-hidden">
                                        <div>
                                            <p style="font-size: 13px !important;" class="text-truncate font-size-18 d-flex justify-content-between"><a href="{{ route('client.product',['title'=>str_replace(' ', '-', $CartItem->Product->title())]) }}" class="text-dark">{{ $CartItem->Product->title() }}</a> </p>
                                            @if ($CartItem->Size)
                                            <p style="font-size: 13px !important;" class="mb-0 mt-1">@lang('trans.size') : <span class="fw-medium">{{ $CartItem->Size->title() }}</span></p>
                                            @endif
                                            @if ($CartItem->Color)
                                            <p style="font-size: 13px !important;" class="mb-0 mt-1">@lang('trans.color') : <span class="fw-medium">{{ $CartItem->Color->title() }}</span></p>
                                            @endif
                                            @if ($ItemOptions)
                                            <p style="font-size: 13px !important;" class="mb-0 mt-1"><span class="fw-medium">{{ $ItemOptions }}</span></p>
                                            @endif
                                            @if ($CartItem->note)
                                            <p style="font-size: 13px !important;" class="mb-0 mt-1"><span class="fw-medium">{{ $CartItem->note }}</span></p>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div>
                                    <div class="row">
                                        <div class="col-5 col-md-5">
                                            <div class="mt-3">
                                                <p class="text-muted mb-2">@lang('trans.Price')</p>
                                                <div class="d-flex">@if ($CartItem->Product->HasDiscount()) <small class="text-danger" style="text-decoration: line-through">{{ $Price }}</small> @endif <h5 class="mx-1">{{ $ProPrice }} {{ Country()->currancy_code }}</h5></div>
                                            </div>
                                        </div>
                                        <div class="col-3 col-md-3">
                                            <div class="mt-3">
                                                <p class="text-muted mb-2">@lang('trans.Quantity')</p>
                                                <div class="d-inline-flex">
                                                    <div class="number">
                                                        <input data-id="{{ $CartItem->id }}" data-price="{{ $ProPrice }}"  data-discount="{{ format_number( $Dicount ) }}" type="text" class="form-control border-0" value="{{ $CartItem->quantity }}" readonly />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-4 col-md-4">
                                            <div class="mt-3">
                                                <p class="text-muted mb-2">@lang('trans.Total')</p>
                                                <p><span id="total-{{ $CartItem->id }}">{{ format_number($ProPrice * $CartItem->quantity) }}</span> {{ Country()->currancy_code }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach

                    <div class="mt-5 mt-lg-0">
                        <div class="card border shadow-none" style="text-align: inherit">
                            <div class="card-header bg-transparent border-bottom py-3 px-4">
                                <h5 class="font-size-16 mb-0">
                                    {{ Deliveries()->where('id',request('delivery_id',request('delivery_id')))->first()->title() }} {{ $type ? ('(' . __('trans.' . $type) . ')') : '' }}
                                    @if (request('delivery_id',request('delivery_id')) == 1)
                                        <img src="{{ asset('assets/img/delivery.png') }}" alt="delivery" style="max-width: 50px;margin: 0px 5px">
                                    @elseif (request('delivery_id',request('delivery_id')) == 2)
                                        <img src="{{ asset('assets/img/pickup.png') }}" alt="delivery" style="max-width: 50px;margin: 0px 5px">
                                    @else
                                        <img src="{{ asset('assets/img/dinein.svg') }}" alt="delivery" style="max-width: 50px;margin: 0px 5px">
                                    @endif
                                </h5>
                            </div>
                            <style>
                                .nav-pills .nav-link, .nav-pills .show>.nav-link {
                                    padding: 10px 30px;
                                    border-radius: 50px;
                                    border: 1px solid var(--main--color);
                                    margin: 5px;
                                    color: #000;
                                }
                                .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
                                    color: #fff;
                                    background-color: var(--main--color);
                                }
                            </style>
                            <div class="card-body p-4 pt-2">
                                @if (request('delivery_id') == 1)
                                    <div class="p-3 pb-5 my-1">
                                        <div  class="row">
                                            <div class="col-12 col-md-6">
                                                <label for="country_id">@lang('trans.country')</label>
                                                <span>{{ Country($country_id)->title() }}</span>
                                                <input type="hidden" name="country_id" value="{{ $country_id }}">
                                            </div>
                                            <div class="col-12 col-md-6">
                                                <label for="region_id">@if($country_id == 1) @lang('trans.region') @else @lang('trans.region') @endif</label>
                                                <span>{{ Region($region_id)->title() }}</span>
                                                <input type="hidden" name="region_id" value="{{ $region_id }}">
                                            </div>
                                            <input type="hidden" name="type" id="type" value="{{ $type }}">
                                            <div class="col-12 col-md-6">
                                                <label for="block">@if($country_id == 1) @lang('trans.block') @else @lang('trans.district') @endif</label>
                                                <span>{{ $block }}</span>
                                                <input type="hidden" name="block" value="{{ $block }}">
                                            </div>
                                            <div class="col-12 col-md-6">
                                                <label for="road">@if($country_id == 1) @lang('trans.road') @else @lang('trans.street') @endif</label>
                                                <span>{{ $road }}</span>
                                                <input type="hidden" name="road" value="{{ $road }}">
                                            </div>
                                            <div class="col-12">
                                                @if($additional_directions)
                                                    <label for="additional_directions">@lang('trans.additional_directions')</label>
                                                    <span>{{ $additional_directions }}</span>
                                                @endif
                                                <input type="hidden" name="additional_directions" value="{{ $additional_directions }}">
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="row">
                                        <div class="col-12 col-md-6">
                                            @foreach (Branches() as $Branch)
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="branch_id" id="del-{{ $Branch->id }}" value="{{ $Branch->id }}" @checked($loop->first)>
                                                    <label class="form-check-label" for="del-{{ $Branch->id }}">{{ $Branch->title() }}</label>
                                                </div>
                                            @endforeach
                                            <span class="text-danger">@error('branch_id'){{ $message }}@enderror</span>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    @if(auth('client')->check())
                    <div class="mt-5 mt-lg-0 ">
                        <div class="card border shadow-none py-4 @if(auth('client')->user()?->wallet == 0) d-none @endif" style="text-align: inherit">
    						<div class="form-check col-sm-12 mb-4 d-flex">
    							<input class="form-check-input mx-2" type="checkbox"  id="wallet-checkbox">
    							<label class="form-check-label text-dark" for="wallet-checkbox">
    							    
    							</label>
    						</div>
                        </div>
                    </div>
                    @endif
                </div>
                @php($VAT = format_number($exclusive_sub_total /100 * setting('VAT')))

                @php($delivery_cost = 0)
                @if (request('delivery_id') == 1)     
                    @php($delivery_cost = Region($region_id)->delivery_cost  *  Country()->currancy_value)
                @endif
                
                @php($netTotal = $sub_total + $VAT + $delivery_cost )
                                            
                <div class="col-xl-5">
                    <div class="mt-5 mt-lg-0">
                        <div class="card border shadow-none" style="text-align: inherit">
                            <div class="card-header bg-transparent border-bottom py-3 px-4">
                                <h5 class="font-size-16 mb-0">@lang('trans.paymentMethod')</h5>
                            </div>
                            <div class="card-body p-4 pt-2">
                                <div class="table-responsive">
                                    <table class="table mb-0 ">
                                        <tbody>
                                            @foreach (Payments()->when($country_id != Country()->id, function ($query) {
                                                return $query->whereNotIn('id', [1,2,4]);
                                            }) as $Payment)
                                            <tr>
                                                <td>
                                                    <div class="form-check form-check-inline">
                                                        <label for="payment-{{ $Payment->id }}"><img src="{{ asset($Payment->image) }}" alt="payment" style="max-width: 50px;margin: 0px 5px"></label>
                                                        <input @checked(request('payment_id') == $Payment['id']) class="form-check-input" type="radio" name="payment_id" id="payment-{{ $Payment->id }}" value="{{ $Payment->id }}" vat="{{ $Payment->vat }}" @checked($loop->first)>
                                                        <label class="form-check-label" for="payment-{{ $Payment->id }}">
                                                            {{ $Payment->title() }}
                                                            @if($Payment->id == 6 && lang('ar'))
                                                                (<small>قسّمها على 4. بدون أي فوائد، أو رسوم.</small>)
                                                            @elseif($Payment->id == 6 && lang('en'))
                                                                (<small>Pay in 4. No interest, no fees.</small>)
                                                            @endif
                                                        </label>
                                                    </div>
                                                    @if($Payment->id == 6)
                                                        <div class="position-relative">
                                                            <div id="tabbyCard"></div>
                                                        </div>
                                                    @elseif($Payment->id == 8)
                                                        <div class="position-relative">
                                                            <div class="m-3" id="tamara-widget-container">
                                                                <tamara-widget type="tamara-summary" amount="350" inline-type="2" inline-variant="outlined" config='{"badgePosition":"right","showExtraContent":""}'></tamara-widget>
                                                            </div>
                                                        </div>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>  
                <div class="col-xl-12">

                    <div class="mt-5 mt-lg-0">
                        <div class="card border shadow-none" style="text-align: inherit">
                            <div class="card-header bg-transparent border-bottom py-3 px-4">
                                <h5 class="font-size-16 mb-0">@lang('trans.Summary')</h5>
                            </div>
                            <div class="card-body p-4 pt-2">
                                <div class="table-responsive">
                                    <table class="table mb-0">
                                        <tbody>
                                            <tr>
                                                <td>@lang('trans.sub_total') :</td>
                                                <td class="text-end">{{ Country()->currancy_code }} <span id="sub_total">0.00</span> </td>
                                            </tr>
                                            @if (request('delivery_id') == 1)     
                                                <tr>
                                                    <td>@lang('trans.delivery_charge') :</td>
                                                    <td class="text-end">{{ Country()->currancy_code }} <span id="delivery_charge">0.00</span> </td>
                                                </tr>
                                            @endif
                                            @if($Dicount > 0)
                                            <tr>
                                                <td>@lang('trans.Discount') : </td>
                                                <td class="text-end">- {{ Country()->currancy_code }} <span id="discount">0.00</span> </td>
                                            </tr>
                                            @endif
                                            <tr>
                                                <td style="font-size: 13px;">@lang('trans.vat') ( {{ setting('VAT') }}% ) : </td>
                                                <td class="text-end">{{ Country()->currancy_code }} <span id="vat">0.00</span> </td>
                                            </tr>
                                            <tr>
                                                <td id="payment_vat_text">@lang('trans.payment_vat') :</td>
                                                <td class="text-end">{{ Country()->currancy_code }} <span id="payment_vat">0.00</span> </td>
                                            </tr>
                                            <tr>
                                                <td>@lang('trans.wallet') :</td>
                                                <td class="text-end">- {{ Country()->currancy_code }} <span id="wallet">0.00</span> </td>
                                            </tr>
                                            <tr class="bg-light">
                                                <th>@lang('trans.netTotal') :</th>
                                                <td class="text-end">
                                                    <span class="fw-bold">
                                                        {{ Country()->currancy_code }} <span id="netTotal">0.00</span> </td>
                                                    </span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="my-5">
                        <div class="card border shadow-none" style="text-align: inherit;max-width: 300px;margin: auto;">
                            <button type="submit" class="btn main_bt  w-100 py-3"><i class="fa-regular fa-circle-check me-1"></i> @lang('trans.confirmOrder') </button>
                        </div>
                    </div>
                </div>
            </div>
       
        </div>
    </div>

</form>
@endsection



@push('css')
  <script>
    window.tamaraWidgetConfig = {
        lang: "{{ lang() }}",
        country: "SA",
        publicKey: "{{ env('TAMARA_PUBLIC') }}"
    }
  </script>
  <script defer type="text/javascript" src="https://cdn.tamara.co/widget-v2/tamara-widget.js"></script>
@endpush




@push('js')
<script src="https://checkout.tabby.ai/tabby-card.js"></script>
@endpush

@push('css')
    <style>
    
        input[type=number]::-webkit-inner-spin-button, 
        input[type=number]::-webkit-outer-spin-button { 
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0; 
        }


        .bg-ccc {
            background-color: #f1f3f7;
        }

        .avatar-lg {
            height: auto;
            /*width: 5rem;*/
            max-height: 5rem
        }

        .font-size-18 {
            font-size: 18px !important;
        }

        .text-truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        a {
            text-decoration: none !important;
        }

        .w-xl {
            min-width: 160px;
        }

        .card {
            margin-bottom: 24px;
            -webkit-box-shadow: 0 2px 3px #e4e8f0;
            box-shadow: 0 2px 3px #e4e8f0;
        }

        .card {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-color: #fff;
            background-clip: border-box;
            border: 1px solid #eff0f2;
            border-radius: 1rem;
        }

        .minus,
        .plus {
            width: 20px;
            background: #f2f2f2;
            border-radius: 4px;
            border: 1px solid #ddd;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            cursor: pointer;
        }

        .number input {
            height: 34px;
            width: 100px;
            text-align: center;
            font-size: 20px;
            border: 1px solid #ddd;
            border-radius: 4px;
            display: inline-block;
            vertical-align: middle;
            max-width: 51px;
        }
    </style>
@endpush


@push('js')
    <script>
    
        total_wallet = parseFloat({{ auth('client')->check() ? auth('client')->user()->wallet : 0 }});
    
        decimals = {{ Country()->decimals }};
        
        $(document).on("change", 'input[name="payment_id"] ,#wallet-checkbox', function () {
            calc();
        });
        function calc(){
            wallet = 0;
            payment_vat_percentage = parseFloat($('input[name="payment_id"]:checked').attr('vat'));
            sub_total = {{ format_number( $sub_total + $Dicount ) }};
            vat = {{ format_number( $VAT ) }};
            discount = {{ format_number( $Dicount ) }};
            delivery_charge = {{ format_number( $delivery_cost ) }};
            vat_percentage = {{ setting('VAT') ?? 0 }};

            netTotal = sub_total + vat + delivery_charge - discount;

            payment_vat = parseFloat(calculateTotalAmountAfterPaymentVat(netTotal,payment_vat_percentage));
            netTotal += payment_vat;
            
            wallet = netTotal > total_wallet ? total_wallet : netTotal;
            $('#wallet').parent().parent().addClass('d-none');
            $('input[name="wallet"]').val(0.000);
            if($('#wallet-checkbox').is(':checked')){
                netTotal -= wallet;
                $('input[name="wallet"]').val(wallet.toFixed(decimals));
                $('#wallet').parent().parent().removeClass('d-none');
            }
            if(payment_vat == 0){
                $('#payment_vat').parent().parent().addClass('d-none');
            }else{
                $('#payment_vat').parent().parent().removeClass('d-none');
                if(payment_vat < 0){
                    $('#payment_vat_text').html("@lang('trans.discount')");
                }else{
                    $('#payment_vat_text').html("@lang('trans.payment_vat')");
                }
            }
            
            if(wallet > 0){
                wallet_text = "@lang('trans.use_wallet')";
                $('#wallet-checkbox').parent().find('label').html(wallet_text.replace(":amount", wallet.toFixed(decimals)));
            }
            
            $('#sub_total').html(sub_total.toFixed(decimals));
            $('#discount').html(discount.toFixed(decimals));
            $('#vat').html(vat.toFixed(decimals));
            $('#delivery_charge').html(delivery_charge.toFixed(decimals));
            $('#payment_vat').html(payment_vat.toFixed(decimals));
            $('#wallet').html(wallet.toFixed(decimals));
            $('#netTotal').html(netTotal.toFixed(decimals));
            
            new TabbyCard({
                selector: '#tabbyCard', // empty div for TabbyCard.
                currency: '{{ currancy_code() }}', // required, currency of your product. AED|SAR|KWD|BHD|QAR only supported, with no spaces or lowercase.
                lang: '{{ lang() }}', // Optional, language of snippet and popups.
                price: netTotal.toFixed(decimals), // required, total price or the cart. 2 decimals max for AED|SAR|QAR and 3 decimals max for KWD|BHD.
                size: 'narrow', // required, can be also 'wide', depending on the width.
                theme: 'white', // required, can be also 'default'.
                header: true // if a Payment method name present already. 
            });
            
                
            const widgetContainer = document.getElementById("tamara-widget-container");
            widgetContainer.innerHTML = '';
            
            const widget = document.createElement('tamara-widget');
            widget.setAttribute('type', 'tamara-summary');
            widget.setAttribute('amount', netTotal);
            widget.setAttribute('inline-type', '3');
            widget.setAttribute('inline-variant', 'outlined');
            widget.setAttribute('config', '{"badgePosition":"right","showExtraContent":""}');
            
            widgetContainer.appendChild(widget);
        }
        calc();
        
        function AllowOnlyNumbers(e) {
          e = (e) ? e : window.event;
        
          var clipboardData = e.clipboardData ? e.clipboardData : window.clipboardData;
          var key = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
          var str = (e.type && e.type == "paste") ? clipboardData.getData('Text') : String.fromCharCode(key);
        
          return (/^\d+$/.test(str));
        }
        
        function calculateTotalAmountAfterPaymentVat(desiredAmount, feePercentage) {
            return (desiredAmount / (1 - feePercentage / 100)) - desiredAmount;
        }
        
    </script>
@endpush