@include('Admin.layouts.app')
@include('Admin.layouts.sidebar')
@section('title', 'Setting')

<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <h1 class="h3 mb-2 text-gray-800">Add Setting</h1>
    <!-- DataTales Example -->
    <div class="innerpagedetails card shadow mb-4">
        <!-- <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary"><a href="{{route('admin.promocodes')}}"><i class="fa fa-chevron-left"></i></a>Add Promo Code</h6>
    </div> -->

        <div class="card-body">
            @if(Session::has('success'))
                <div class="alert alert-success">
                    {{Session::get('success')}}
                </div>
            @endif
            <form method="post" action="{{route('admin.setting.add')}}">@csrf
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">Delivery Fee</label>
                            <input type="text" class="form-control" name="delivery_fee"
                                   value="{{$setting->delivery_fee}}" id="decimalInput31" placeholder="0.0" required>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">Load-unload Fee</label>
                            <input type="text" class="form-control" name="platform_fee"
                                   value="{{$setting->platform_fee}}" id="decimalInput32" placeholder="0.0" required>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">1 SAR Point</label>
                            <input type="number" class="form-control" value="{{$setting->sar_point}}" name="sar_point"
                                   id="exampleFormControlInput1" placeholder="1 SAR Point" required>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">Loyality Point Per Share</label>
                            <input type="number" class="form-control" value="{{$setting->loyality_point_per_share}}"
                                   name="loyality_point_per_share" id="exampleFormControlInput1"
                                   placeholder="Loyality Point Per Share" required>
                        </div>
                    </div>


                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">Loyality Point Per Order </label>
                            <input type="number" class="form-control" name="order_point"
                                   value="{{$setting->order_point}}" id="exampleFormControlInput1"
                                   placeholder="Order Point" required>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">Loyality Point Convert to amount (Ex: 20 Points is
                                equal to 1 SAR)</label>
                            <input type="number" class="form-control" name="per_point_amount"
                                   value="{{$setting->per_point_amount}}" id="exampleFormControlInput1"
                                   placeholder="Example: 20Points is equal to 1 SAR" required>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">Rider's Commission Per Order</label>
                            <input type="text" class="form-control" id="decimalInput33"
                                   name="driver_commission_per_order" value="{{$setting->driver_commission_per_order}}"
                                   placeholder="0.0" required>
                            <script>
                                // Get a reference to the input field
                                const numberInput3 = document.getElementById("decimalInput33");
                                const numberInput2 = document.getElementById("decimalInput32");
                                const numberInput1 = document.getElementById("decimalInput31");
                                // Add an event listener to the input field
                                numberInput3.addEventListener("input", function () {
                                    // Get the current value of the input field
                                    let inputValue3 = numberInput3.value;

                                    // Remove any non-numeric characters except for the decimal point
                                    inputValue3 = inputValue3.replace(/[^0-9.]/g, '');

                                    // Update the input field with the sanitized value
                                    numberInput3.value = inputValue3;
                                });


                                numberInput2.addEventListener("input", function () {
                                    // Get the current value of the input field
                                    let inputValue2 = numberInput2.value;

                                    // Remove any non-numeric characters except for the decimal point
                                    inputValue2 = inputValue2.replace(/[^0-9.]/g, '');

                                    // Update the input field with the sanitized value
                                    numberInput2.value = inputValue2;
                                });
                                numberInput1.addEventListener("input", function () {
                                    // Get the current value of the input field
                                    let inputValue1 = numberInput1.value;

                                    // Remove any non-numeric characters except for the decimal point
                                    inputValue1 = inputValue1.replace(/[^0-9.]/g, '');

                                    // Update the input field with the sanitized value
                                    numberInput1.value = inputValue1;
                                });
                            </script>
                        </div>
                    </div>


                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">VAT</label>
                            <input type="text" class="form-control" value="{{$setting->vat}}" id="vat" name="vat"
                                   placeholder="0.0" required>
                            <script>
                                // Get a reference to the input field
                                const numberInputVat = document.getElementById("vat");

                                // Add an event listener to the input field
                                numberInputVat.addEventListener("input", function () {
                                    // Get the current value of the input field
                                    let inputValueVat = numberInputVat.value;

                                    // Remove any non-numeric characters except for the decimal point
                                    inputValueVat = inputValueVat.replace(/[^0-9.]/g, '');

                                    // Update the input field with the sanitized value
                                    numberInputVat.value = inputValueVat;
                                });
                            </script>
                        </div>
                    </div>


                    <div class="col-lg-12">
                        <div class="form-group">
                            <button class="btn-gazna" style="height:50px;font-size:14px;" type="submit">Save Setting
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>


    <div style="text-align: center;">
        <!-- Display Image -->
        <h1 class="h3 mb-2 text-gray-800">App Store QRCode</h1>
        <img src="{{ asset('admin/img/qr.jpeg') }}" alt="Sample Image" width="300">

        <!-- Download Button -->
        <div class="col-lg-12">
            <div class="form-group">
                <a href="{{ asset('admin/img/qr.jpeg') }}" download="qr.jpeg" class="download-btn">
                    Download QR
                </a>
            </div>
        </div>
    </div>
</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->


@include('Admin.layouts.footer')
@include('Admin.layouts.modal')