@extends('layout.master')
@section('content')
    <section class="content pb-5">
        <div class="container-fluid">
            <meta name="csrf-token" content="{!! csrf_token() !!}">
            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>Booking</p>
                    </div>
                </div>
            </div>
            <div class="row pt-0 pt-sm-4">
                <form id="add_individual_booking" method="post" autocomplete="off" novalidate>
                    @csrf
                    <div class="col-md-12">
                        <div class="title-section">
                            <p>Individual Booking</p>
                        </div>
                        <div class="zone-box">
                            <div class="row">
                                <div class="col-md-12">
                                    <h5 class="heading mb-3">Receiver</h5>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Contact Number</label>
                                        <input name="to_contact" class="form-control AllowNumeric" placeholder=""
                                            type="text" value="{{ old('to_contact') }}" onblur="fetchUserDetails(this)"
                                            id="receiverContactNo" maxlength="10" pattern="\d{10}">
                                        <span class="text-danger" id="to_contact_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Email</label>
                                        <input name="email" class="form-control" placeholder="" type="email"
                                            value="{{ old('email') }}" id="receiverEmail">
                                        <span class="text-danger" id="email_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Name</label>
                                        <input name="buyer_name" class="form-control" placeholder="" type="text"
                                            value="{{ old('buyer_name') }}" id="receiverName">
                                        <span class="text-danger" id="buyer_name_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Address</label>
                                        <input name="to_address" class="form-control" placeholder="" type="text"
                                            value="{{ old('to_address') }}" id="receiverAddress">
                                        <span class="text-danger" id="to_address_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Pincode</label>
                                        <input name="to_pincode" class="form-control pincode" placeholder="" type="text"
                                            value="{{ old('to_pincode') }}" id="receiverPincode" id="senderPincode">
                                        <span class="text-danger" id="to_pincode_err"></span>
                                    </div>
                                </div>
                                <hr class="my-2">
                                <div class="col-md-12">
                                    <h5 class="heading mb-3">Sender</h5>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Contact Number</label>
                                        <input name="from_contact" class="form-control" placeholder="" type="text"
                                            value="{{ old('from_contact', $userDetail->mobile_number) }}" maxlength="10" pattern="\d{10}">
                                        <span class="text-danger" id="from_contact_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    @php
                                        $houseNo = $userDetail->house_number ? $userDetail->house_number : '';
                                        $roadAreaColony = $userDetail->road_area_colony ? $userDetail->road_area_colony : '';
                                        $city = isset($userDetail->cities->name) ? $userDetail->cities->name : '';
                                        $pincode = $userDetail->pincode ? $userDetail->pincode : '';
                                        $address = $houseNo . ' ' . $roadAreaColony . ' ' . $city . ' ' . $pincode;
                                    @endphp
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Address</label>
                                        <input name="from_address" class="form-control" placeholder="" type="text"
                                            value="{{ old('from_address', $address) }}">
                                        <span class="text-danger" id="from_address_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Pincode</label>
                                        <input name="from_pincode" class="form-control pincode" placeholder=""
                                            type="text" value="{{ old('from_pincode', $userDetail->pincode) }}"
                                            id="senderPincode">
                                        <span class="text-danger" id="from_pincode_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Declare Value Per Unit (Rs)</label>
                                        <input name="declared_value" class="form-control" placeholder="" type="text"
                                            value="{{ old('declared_value') }}">
                                        <span class="text-danger" id="declared_value_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Pick up schedule</label>
                                        <input name="pickup_shedule" class="form-control pickup_date_shedule" placeholder="" type="text"
                                            value="{{ old('pickup_shedule') }}" id="datepicker" onchange="pickupSchedule()">
                                            
                                        <span class="text-danger" id="pickup_shedule_err"></span>
                                    </div>
                                </div>
                                @php
                                        $slotArr = [];
                                        $date= date('H');
                                        foreach ($timeSlots as $key => $value){  
                                            if((date('Y-m-d'))&&($value['from_time'] > $date)){
                                                $slotArr[$value['id']] = substr($value['from_time'],0,5) .'-'. substr($value['to_time'],0,5);
                                            }
                                        } 
                                    @endphp
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Preferred Time Slot</label>
                                        <select name="preferred_time_slot" class="form-control" id="expected_time">
                                            <option value="">Select Slot</option>
                                            
                                            @if ($slotArr)
                                                @foreach ($slotArr as $key => $value)
                                                    <option value="{{$key}}">
                                                        {{$value}}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                        <span class="text-danger" id="preferred_time_slot_err"></span>
                                        {{-- <input name="preferred_time_slot" class="form-control" placeholder=""
                                            type="date" value="{{ old('preferred_time_slot') }}"> --}}
                                    </div>
                                </div>
                            </div>

                            <hr class="my-4">
                            <div class="row">
                                <div class="col-md-12">
                                    <h5 class="heading mb-3">Package Weight</h5>
                                </div>
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group custom-form-group">
                                                <label class="form-label" for="is_package">The Package Is: <span
                                                        class="text-danger">*</span></label>
                                                <input type="hidden" name="package_sku" value=""
                                                    id="packageSku" />
                                                <select class="form-control" id="isPackage" name="is_package">
                                                    <option value="">Select</option>
                                                    @foreach ($skus as $sku)
                                                        <option value="{{ $sku['id'] }}"
                                                            {{ old('is_package') == $sku['id'] ? 'selected' : '' }}
                                                            data-package="{{ $sku['sku'] }}">{{ $sku['name'] }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <span class="text-danger" id="is_package_err"></span>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group custom-form-group">
                                                <label class="form-label" for="customer">Total Dead Weight</label>
                                                <input class="form-control" name="dead_weight" placeholder=""
                                                    type="text" value="{{ old('dead_weight') }}" id="dead_weight">
                                                <span class="text-danger" id="dead_weight_err"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 package_section">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group custom-form-group">
                                                <label class="form-label" for="customer">Length</label>
                                                <div class="input-group">
                                                    <input type="text" name="length" value="{{ old('length') }}"
                                                        class="form-control" placeholder="0.00"
                                                        aria-label="Dollar amount (with dot and two decimal places)"
                                                        id="length">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">CM</span>
                                                    </div>
                                                    <span class="text-danger" id="length_err"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group custom-form-group mb-0">
                                                <label class="form-label" for="customer">Width</label>
                                                <div class="input-group">
                                                    <input type="text" name="width" value="{{ old('width') }}"
                                                        class="form-control" placeholder="0.00"
                                                        aria-label="Dollar amount (with dot and two decimal places)"
                                                        id="width">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">CM</span>
                                                    </div>
                                                    <span class="text-danger" id="width_err"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group custom-form-group mb-0">
                                                <label class="form-label" for="customer">Height</label>
                                                <div class="input-group">
                                                    <input type="text" name="height" value="{{ old('height') }}"
                                                        class="form-control" placeholder="0.00"
                                                        aria-label="Dollar amount (with dot and two decimal places)"
                                                        id="height">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">CM</span>
                                                    </div>
                                                    <span class="text-danger" id="height_err"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group custom-form-group">
                                                <label class="form-label" for="customer">Quantity</label>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                    </div>
                                                    <input type="text" name="quantity" class="form-control"
                                                        placeholder="1" aria-label="Amount (to the nearest dollar)"
                                                        value="{{ old('quantity') }}" id="quantity">
                                                    <span class="text-danger" id="quantity_err"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <span>Note: Dimension should be in centimeters only, & values should be greater than
                                        0.50 cm.</span>
                                </div>
                                <div class="col-md-12">
                                    <div class="volume">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <p>Volumetric Weight <i class="fa fa-balance-scale"></i></p>
                                            </div>
                                            <div class="col-md-2">
                                                <p id="voumetricWeightId">0.00 Kg</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="volume">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <p><strong>Applicable Weight  <i class="fa fa-balance-scale"></i></strong></p>
                                            </div>
                                            <div class="col-md-2">
                                                <p><strong id="minimumChargableWeight">0.00 Kg</strong></p>
                                            </div>
                                            <div class="col-md-12 mt-2">
                                                <span>*Applicable weight is the heavier among the two weights that is Dead
                                                    Weight V/s the Volumetric Weight, basis on which freight charges are
                                                    calculated.</span> <br>
                                                <span>*Final chargeable weight will be based on the weight slab of the
                                                    courier selected before shipping</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <hr class="my-2">
                            <div class="row mt-4">
                                <div class="col-md-12 py-3">
                                    <h6 class="heading">Other Charges</h6>
                                </div>
                                <div class="col-md-2 col-6">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="other_charges_shipping"
                                            type="checkbox" id="other_charges_shipping_id">
                                        <label for="other_charges_shipping_id" class="order-label">Shipping</label>

                                        <input name="shipping_charge" class="form-control mt-3 AllowNumeric"
                                            placeholder="" type="text" value="" aria-invalid="false"
                                            style="display: none;" id="shipping_charge_value_id"
                                            onblur="priceCalculation(this,1)">
                                    </div>
                                </div>
                                <div class="col-md-2 col-6">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="gift_wrap_checkbox" type="checkbox"
                                            id="gift_wrap_id">
                                        <label for="gift_wrap_id" class="order-label">Gift Wrap</label>

                                        <input name="gift_wrap_charge" class="form-control mt-3 AllowNumeric"
                                            placeholder="" type="text" value="" aria-invalid="false"
                                            style="display: none;" id="gift_wrap_id_value"
                                            onblur="priceCalculation(this,1)">
                                    </div>
                                </div>
                                <div class="col-md-2 col-6">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="shipping_transaction" type="checkbox"
                                            id="transaction_check">
                                        <label for="transaction_check" class="order-label">Transaction</label>

                                        <input name="transaction_charge" class="form-control mt-3 AllowNumeric"
                                            placeholder="" type="text" value="" aria-invalid="false"
                                            style="display: none;" id="transaction_charge_id"
                                            onblur="priceCalculation(this,1)">
                                    </div>
                                </div>
                                <div class="col-md-2 col-6">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="shipping_discount" type="checkbox"
                                            id="discount_check_id">
                                        <label for="discount_check_id" class="order-label">Discounts</label>

                                        <input name="discount_charge" class="form-control mt-3 AllowNumeric"
                                            placeholder="" type="text" value="" aria-invalid="false"
                                            style="display: none;" id="shipping_discount_id"
                                            onblur="priceCalculation(this,1)">
                                    </div>
                                </div>
                            </div>
                            {{-- <hr class="my-2">
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <h5 class="heading mb-3">Order Details</h5>
                                </div>
                                <div class="row add-more">
                                    <div class="col-md-3">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="is_package">The Package Is: <span
                                                    class="text-danger">*</span></label>
                                            <select class="form-control" id="isPackage0" name="is_package[]"
                                                onchange="isPackage(this,0)">
                                                <option value="">Select</option>
                                                @foreach ($skus as $sku)
                                                    <option value="{{ $sku['id'] }}"
                                                        {{ old('is_package') == $sku['id'] ? 'selected' : '' }}
                                                        data-package="{{ $sku['sku'] }}">{{ $sku['name'] }}</option>
                                                @endforeach

                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-3 package_section">
                                        <label class="form-label" for="customer">SKU</label>
                                        <select id="skuList0" name="sku[]" class="form-control product_sku"
                                            onblur="productName(this,0)">
                                            @if (!empty($productMasters))
                                                @foreach ($productMasters as $key => $value)
                                                    <option value="{{ $value['id'] }}">{{ $value['code'] }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>

                                    <div class="col-md-3 package_section" id="product_name_div0">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customer">Product Name</label>
                                            <input class="form-control" placeholder="Enter your product name"
                                                name="product_name[]" type="text" value="{{ old('product_name[]') }}"
                                                id="product_name0">
                                        </div>
                                    </div>
                                    <div class="col-md-2 package_section">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customer">Quantity</label>
                                            <div class="input-group mb-3" id="product_quantity_div0">
                                                <div class="input-group-prepend">
                                                </div>
                                                <input type="text" name="product_quantity[]" class="form-control"
                                                    placeholder="1" aria-label="Amount (to the nearest dollar)"
                                                    value="{{ old('product_quantity[]') }}" id="product_quantity0"
                                                    onblur="totalCalculationData(this,0)">
                                                <div class="input-group-append">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2 package_section">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customer">Unit Price *</label>
                                            <div class="input-group mb-3" id="unit_price_div0">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">₹</span>
                                                </div>
                                                <input type="text" name="unit_price[]"
                                                    value="{{ old('unit_price[]') }}" class="form-control"
                                                    placeholder="0.00"
                                                    aria-label="Dollar amount (with dot and two decimal places)"
                                                    id="unit_price0" onblur="totalCalculationData(this,0)">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2 package_section">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customer">Total Price</label>
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">₹</span>
                                                </div>
                                                <input type="text" name="total_price[]"
                                                    value="{{ old('total_price[]') }}" class="form-control total_price"
                                                    placeholder="0.00"
                                                    aria-label="Dollar amount (with dot and two decimal places)"
                                                    id="total_price0" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <button type="button" class="btn btn-danger mt-3 add_field_button"><i
                                            class="fa fa-plus" aria-hidden="true" id="addAnotherProductButton"></i> Add
                                        Another Product</button>
                                </div>
                            </div> --}}
                            {{-- <hr class="my-4">
                            <div class="row">
                                <div class="col-md-12">
                                    <h5 class="heading mb-3">Package Details</h5>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group custom-form-group mb-1">
                                        <label class="form-label" for="customer">Total Dead Weight(kg)</label>
                                        <input class="form-control" name="dead_weight" placeholder="" type="text"
                                            value="{{ old('dead_weight') }}" id="dead_weight">
                                    </div>
                                    <span>(Max. 2 digits after decimal place) <br>
                                        Note: The minimum chargeable weight is 0.50 Kg</span>
                                </div>
                                <div class="col-md-9 package_section">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group custom-form-group mb-1">
                                                <label class="form-label" for="customer">Length</label>
                                                <div class="input-group">
                                                    <input type="text" name="length" value="{{ old('length') }}"
                                                        class="form-control" placeholder="0.00"
                                                        aria-label="Dollar amount (with dot and two decimal places)"
                                                        id="length">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">CM</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 package_section">
                                            <div class="form-group custom-form-group mb-0">
                                                <label class="form-label" for="customer">Width</label>
                                                <div class="input-group">
                                                    <input type="text" name="width" value="{{ old('width') }}"
                                                        class="form-control" placeholder="0.00"
                                                        aria-label="Dollar amount (with dot and two decimal places)"
                                                        id="width">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">CM</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 package_section">
                                            <div class="form-group custom-form-group mb-0">
                                                <label class="form-label" for="customer">Height</label>
                                                <div class="input-group">
                                                    <input type="text" name="height" value="{{ old('height') }}"
                                                        class="form-control" placeholder="0.00"
                                                        aria-label="Dollar amount (with dot and two decimal places)"
                                                        id="height">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">CM</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <span>Note: Dimension should be in centimeters only, & values should be greater than
                                        0.50 cm.</span>
                                </div>
                                <div class="col-md-12">
                                    <div class="volume">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <p>Volumetric Weight</p>
                                               <i class="fa fa-balance-scale" aria-hidden="true"></i>
                                            </div>
                                            
                                            <div class="col-md-2">
                                                <p id="voumetricWeightId">0.00 Kg</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="volume">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <p><strong>Applicable Weight</strong></p>
                                            </div>
                                            <div class="col-md-2">
                                                <p><strong id="minimumChargableWeight">0.00 Kg</strong></p>
                                            </div>
                                            <div class="col-md-12 mt-2">
                                                <span>*Applicable weight is the heavier among the two weights that is Dead
                                                       Weight V/s the Volumetric Weight, basis on which freight charges are
                                                    calculated.</span> <br>
                                                <span>*Final chargeable weight will be based on the weight slab of the
                                                    courier selected before shipping</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}
                            {{-- <hr class="my-4">
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <h5 class="heading mb-3">Payment Details</h5>
                                </div>
                                <div class="col-md-12">
                                    <p>Select Mode of Payment that your buyer has chosen for the order</p>
                                </div>
                                <div class="col-md-3 col-7">
                                    <input class="with-gap" name="payment_mode" type="radio" id="prepaid"
                                        checked="" value="prepaid">
                                    <label for="prepaid" class="order-label">Prepaid</label>
                                </div>
                                <div class="col-md-3 col-5">
                                    <input class="with-gap" name="payment_mode" type="radio" id="cod"
                                        value="cod">
                                    <label for="cod" class="order-label">Cash on Delivery</label>
                                </div>
                                <div class="col-md-12">
                                    <div class="volume">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <p>Total Order Value</p>
                                            </div>
                                            <div class="col-md-9 text-right">
                                                <p id="orderTotalValue">₹ 0.00</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="volume"style="display: none;">
                                        <div class="row">
                                            <div class="col-md-12" style="display:none">
                                                <p>Note: In case a shipment gets lost, the amount above will be refunded to
                                                    your account, capped at ₹5000</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 py-3">
                                    <h6 class="heading">Other Charges</h6>
                                </div>
                                <div class="col-md-2 col-6">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="other_charges_shipping"
                                            type="checkbox" id="other_charges_shipping_id">
                                        <label for="other_charges_shipping_id" class="order-label">Shipping</label>

                                        <input name="shipping_charge" class="form-control mt-3 AllowNumeric"
                                            placeholder="" type="text" value="" aria-invalid="false"
                                            style="display: none;" id="shipping_charge_value_id"
                                            onblur="priceCalculation(this,1)">
                                    </div>
                                </div>
                                <div class="col-md-2 col-6">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="gift_wrap_checkbox" type="checkbox"
                                            id="gift_wrap_id">
                                        <label for="gift_wrap_id" class="order-label">Gift Wrap</label>

                                        <input name="gift_wrap_charge" class="form-control mt-3 AllowNumeric"
                                            placeholder="" type="text" value="" aria-invalid="false"
                                            style="display: none;" id="gift_wrap_id_value"
                                            onblur="priceCalculation(this,1)">
                                    </div>
                                </div>
                                <div class="col-md-2 col-6">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="shipping_transaction" type="checkbox"
                                            id="transaction_check">
                                        <label for="transaction_check" class="order-label">Transaction</label>

                                        <input name="transaction_charge" class="form-control mt-3 AllowNumeric"
                                            placeholder="" type="text" value="" aria-invalid="false"
                                            style="display: none;" id="transaction_charge_id"
                                            onblur="priceCalculation(this,1)">
                                    </div>
                                </div>
                                <div class="col-md-2 col-6">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="shipping_discount" type="checkbox"
                                            id="discount_check_id">
                                        <label for="discount_check_id" class="order-label">Discounts</label>

                                        <input name="discount_charge" class="form-control mt-3 AllowNumeric"
                                            placeholder="" type="text" value="" aria-invalid="false"
                                            style="display: none;" id="shipping_discount_id"
                                            onblur="priceCalculation(this,1)">
                                    </div>
                                </div>
                            </div> --}}
                        </div>
                    </div>

                    <input type="hidden" name="volumetric_weight" id="volumetricWeight">
                    <input type="hidden" name="acctual_weight" id="actualWeight">
                    <input type="hidden" name="order_total_value" id="orderTotalVal">
                        <div class="col-md-12 mt-3 text-right">
                            <button type="submit" class="btn btn-danger">Select Courier</button>
                        </div>
                </form>
            </div>
        </div>
    </section>
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <!-- <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>   -->
    <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>  
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>   -->
    <!-- <script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.js') }}"></script>
    <script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.min.js') }}"></script> -->

   <script type="text/javascript">
       $(function() {
               $("#datepicker").datepicker({ defaultDate: new Date(),dateFormat: "dd-mm-yy",minDate:0});
               var date = $('#datepicker').datepicker('setDate', 'today');
               $('#datepicker').attr('value', $('#datepicker').val());
               
       });

       $('#datepicker').change(function(){
            $(this).attr('value', $('#datepicker').val());
        });
   </script>
    <script type="text/javascript">
        const Toast = swal.mixin({
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timer: 2000,
            timerProgressBar: true,
            didOpen: (toast) => {
                toast.addEventListener('mouseenter', Swal.stopTimer)
                toast.addEventListener('mouseleave', Swal.resumeTimer)
            }
        });

        // start price calculation method
        function priceCalculation() {

            let total = 0;
            let subTotal = 0;
            var quantity = [];
            let price = [];
            let discount = 0;
            let quantityProductDiscount = 0;
            let basicPriceQuantity = 0;
            let discountType = [];

            quantity = [];
            price = [];
            discount = [];
            let y = 0;
            $('.product_quantity').each(function() {
                console.log('Value123', $(this).val(), 'y+++', y);
                if ($(this).val()) {
                    quantity.push(parseFloat($(this).val()));
                    let quantityIds123 = "skusQuantity" + y + "";
                    $('#' + quantityIds123).text($(this).val());
                    y++;
                } else {
                    quantity.push(0);
                    y++;
                }
            });

            $('.product_unit_price').each(function() {
                if ($(this).val()) {
                    price.push(parseFloat($(this).val()));
                } else {
                    price.push(0);
                }

            });

            $('.product_discount').each(function() {
                if ($(this).val()) {
                    discount.push(parseFloat($(this).val()));
                } else {
                    discount.push(0);
                }
            });

            $('.discount_type').each(function() {
                //alert('aya');
                if ($(this).val()) {
                    discountType.push($(this).val());
                } else {
                    discountType.push('rs');
                }
            });

            console.log('+++++Quantity Type+++++', discountType);

            i = 0;
            total = 0;
            quantity.forEach(function() {

                if (discountType[i] == 'percentage') {
                    total += (quantity[i] * price[i] - (quantity[i] * price[i] * discount[i]) / 100);
                } else {
                    total += (quantity[i] * price[i] - quantity[i] * discount[i]);
                }
                i++;

            });
            //shipping_discount_id
            let shippingChargeValue = 0;
            let giftWrapIdValue = 0;
            let transactionChargeIdValue = 0;
            let shippingDiscountValue = 0;

            if ($('#shipping_charge_value_id').val()) {
                shippingChargeValue = parseInt($('#shipping_charge_value_id').val());
            }

            if ($('#gift_wrap_id_value').val()) {
                giftWrapIdValue = parseInt($('#gift_wrap_id_value').val());
            }

            if ($('#transaction_charge_id').val()) {
                transactionChargeIdValue = parseInt($('#transaction_charge_id').val());
            }

            if ($('#shipping_discount_id').val()) {
                shippingDiscountValue = parseInt($('#shipping_discount_id').val());
            }

            return $('#subtotalCalCulation').text(total + shippingChargeValue + giftWrapIdValue +
                transactionChargeIdValue - shippingDiscountValue);

        }

        // close price calculation method

        function fetchUserDetails(val) {

            let mobileNumber = val.value;

            if (mobileNumber.length == 10) {
                jQuery.ajax({
                    url: "{{ route('fetch-user-details') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        mobileNumber: mobileNumber
                    },
                    success: function(data) {
                        if (data?.data) {
                            pincode = data.data.address.pincode;
                            console.log('hhghhjhhhj',data?.data?.address?.address);
                            $('#receiverName').val(data?.data?.first_name);
                            $('#receiverEmail').val(data?.data?.email);
                            $('#receiverAddress').val(data?.data?.address?.address);
                            $('#receiverPincode').val(data?.data?.address?.pincode);
                        } else {
                            $('#receiverName').val('');
                            $('#receiverEmail').val('');
                            $('#receiverAddress').val('');
                            $('#receiverPincode').val('');
                        }
                    }
                });
            }
        }

        // $(document).ready(function() {
        //     $('#skuList0').editableSelect();
        // });

        $("#add_individual_booking").validate({
            // myField: { lettersonly: true }

            rules: {
                //Buyers Validations
                to_address: {
                    required: true,
                    maxlength: 250,
                },
                email: {
                    required: true,
                    email: true,
                },
                buyer_name: {
                    required: true,
                    maxlength: 250,
                },
                pickup_shedule: "required",
                to_pincode: {
                    required: true,
                    minlength: 6,
                    maxlength: 6,
                    digits: true,
                },
                to_contact: {
                    required: true,
                    digits: true,
                    minlength: 10,
                    maxlength: 10
                },
                from_address: {
                    required: true,
                    maxlength: 250,
                },
                from_pincode: {
                    required: true,
                    minlength: 6,
                    maxlength: 6,
                    digits: true,
                },
                from_contact: {
                    required: true,
                    digits: true,
                    minlength: 10,
                    maxlength: 10
                },
                //product_name:"required",
                quantity: {
                    required: true,
                    digits: true,
                },
                preferred_time_slot: {
                    required: true,
                },
                dead_weight: {
                    required: true,
                    number: true,
                },
                is_package: {
                    required: true,
                },
                /* unit_price: {
                     required: true,
                     number: true,
                 },*/
                length: {
                    required: true,
                    number: true,
                },
                width: {
                    required: true,
                    number: true,
                },
                height: {
                    required: true,
                    number: true,
                },
                declared_value: {
                    required: true,
                    number: true,
                },
            },
            messages: {
                //address2: "Please enter address line 2",
                to_contact: {
                    required: 'Please enter mobile number',
                    digits: 'please enter digits only',
                    minLength: 'Invalid mobile number',
                    maxlength: 'Invalid mobile number'
                },
                from_contact: {
                    required: 'Please enter mobile number',
                    digits: 'please enter digits only',
                    minLength: 'Invalid mobile number',
                    maxlength: 'Invalid mobile number'
                },
                quantity: {
                    required: 'Quantity is required',
                    digits: 'Quantity must be integer',
                },
                /* unit_price: {
                                required: 'Unit price is required',
                                numeric: 'Unit Price must be numeric.',
                            },
                            product_name:"Product name is required.",
                */
                dead_weight: {
                    required: 'Dead Weight is required.',
                    number: 'Dead Weight must be a number.',
                    maxlength: 4,
                },
                declared_value: {
                    required: 'Declared value in INR.',
                    number: 'Declared value must be a number.',
                    maxlength: 4,
                },
                length: {
                    required: 'Length is required.',
                    number: 'Length must be a number.',
                    maxlength: 4,
                },
                width: {
                    required: 'Width is required.',
                    number: 'Width must be a number.',
                    maxlength: 4,
                },
                height: {
                    required: 'Height is required.',
                    number: 'Height must be a number.',
                    maxlength: 4,
                },
                weight: {
                    required: 'Weight is required.',
                    number: 'Weight must be a number.',
                    maxlength: 4,
                },
                expected_time: {
                    expected_time: 'Expected pickup time.'
                }

            }

        });

        $("#add_individual_booking").on('submit', function(e) {
            e.preventDefault();

            if (!$("#add_individual_booking").valid()) {
                return;
            }

            var form = $(this);
            $.ajax({
                method: 'POST',
                url: "{{ url('/bookings/individual-booking') }}",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: form.serialize(),
                success: function(data) {

                    if (data.success == true) {

                        /*swal({
                        						title: "Success",
                        						text: data.message,
                        						type: "success",

                        						closeOnConfirm: false,
                        						showLoaderOnConfirm: true,
                        					},
                        					function(){
                        						window.location.href='{{ url('/bookings') }}'
                        					});
                        */

                        // Toast.fire({
                        //     icon: 'success',
                        //     title: 'Shipment created successfully.'
                        // }).then(() => {
                        //     window.location.href = '{{ url('orders/all') }}'
                        // });
                        Toast.fire({
                            icon: 'success',
                            title: data.message
                        }).then(() => {
                            window.location.href = data.url
                        });
                    }

                },
                error: function(data) {
                    var errors = $.parseJSON(data.responseText);

                    $.each(errors, function(index, value) {
                        console.log(value.from_pincode);

                        if (value.product_quantity) {
                            $("#product_quantity_err").show();
                            $("#product_quantity_err").html(value.product_quantity.toString());

                        } else {
                            $("#product_quantity_err").hide();

                        }

                        if (value.from_address) {
                            $("#from_address_err").show();
                            $("#from_address_err").html(value.from_address.toString());
                        } else {
                            $("#from_address_err").hide();
                        }

                        if (value.to_address) {

                            $("#to_address_err").show();
                            $("#to_address_err").html(value.to_address.toString());

                        } else {
                            $("#to_address_err").hide();
                        }

                        if (value.from_pincode) {
                            $("#from_pincode_err").show();
                            $("#from_pincode_err").html(value.from_pincode.toString());
                        } else {
                            $("#from_pincode_err").hide();
                        }


                        if (value.to_pincode) {

                            $("#to_pincode_err").show();
                            $("#to_pincode_err").html(value.to_pincode.toString());

                        } else {

                            $("#to_pincode_err").hide();

                        }


                        if (value.from_contact) {

                            $("#from_contact_err").show();
                            $("#from_contact_err").html(value.from_contact.toString());

                        } else {

                            $("#from_contact_err").hide();

                        }


                        if (value.to_contact) {

                            $("#to_contact_err").show();
                            $("#to_contact_err").html(value.to_contact.toString());

                        } else {

                            $("#to_contact_err").hide();

                        }


                        if (value.preferred_time_slot) {

                            $("#preferred_time_slot_err").show();
                            $("#preferred_time_slot_err").html(value.preferred_time_slot
                                .toString());

                        } else {

                            $("#preferred_time_slot_err").hide();

                        }


                        if (value.pickup_shedule) {

                            $("#pickup_shedule_err").show();
                            $("#pickup_shedule_err").html(value.pickup_shedule.toString());

                        } else {

                            $("#pickup_shedule_err").hide();

                        }


                        if (value.declared_value) {

                            $("#declared_value_err").show();
                            $("#declared_value_err").html(value.declared_value.toString());

                        } else {

                            $("#declared_value_err").hide();

                        }


                    });

                }
            });
        });

        // var max_fields = 10;
        // var wrapper = $(".add-more");
        // var add_button = $(".add_field_button");

        // let x = 0;

        // $(add_button).on('click', function(e) {

        //     e.preventDefault();

        //     var productNameValue = $('#product_name' + x + '').val();
        //     var quantityValue = $('#product_quantity' + x + '').val();
        //     var unitPriceValue = $('#unit_price' + x + '').val();

        //     if (productNameValue && quantityValue && unitPriceValue) {

        //     } else {
        //         Toast.fire({
        //             icon: 'warning',
        //             title: 'Please enter all order details.'
        //         }).then(() => {
        //             //window.location.href='{{ url('/home') }}'
        //         });
        //         return;
        //     }

        //     if (x < max_fields && quantityValue && unitPriceValue && productNameValue) {

        //         x++;

        //         let html1 = '<div class="row" id="row' + x +
        //             '"><div class="col-md-3"><label class="form-label" for="is_package">The Package Is: <span class="text-danger">*</span></label><select class="form-control" id="isPackage' +
        //             x +
        //             '" name="is_package[]" onchange="isPackage(this,' + x +
        //             ')"><option value="">Select</option>@foreach ($skus as $sku)<option value="{{ $sku['id'] }}" data-package="{{ $sku['sku'] }}">{{ $sku['name'] }}</option>@endforeach</select></div><div class="col-md-3"> <label class="form-label" for="customer">Sku</label> <select id="skuList' +
        //             x + '" name="sku[]" class="form-control product_sku" onblur="productName(this,' + x +
        //             ')"> @if (!empty($productMasters)) @foreach ($productMasters as $key => $value) <option value="{{ $value['id'] }}">{{ $value['code'] }}</option> @endforeach @endif </select> </div><div class="col-md-3 id="product_name_div' +
        //             x +
        //             '" ><div class="form-group custom-form-group"> <label class="form-label" for="customer">Product 1 Name</label> <input class="form-control" placeholder="Enter or search your product name" name="product_name[]" type="text" value="{{ old('product_name[]') }}" id="product_name' +
        //             x +
        //             '"> </div></div><div class="col-md-2"> <div class="form-group custom-form-group"> <label class="form-label" for="customer">Quantity</label> <div class="input-group mb-3" id="product_quantity_div' +
        //             x +
        //             '"> <div class="input-group-prepend"> </div><input type="text" name="product_quantity[]" class="form-control" placeholder="1" aria-label="Amount (to the nearest dollar)" value="{{ old('product_quantity[]') }}" id="product_quantity' +
        //             x + '" onblur="totalCalculationData(this,' + x +
        //             ')"> <div class="input-group-append"> </div></div></div></div><div class="col-md-2"> <div class="form-group custom-form-group"> <label class="form-label" for="customer">Unit Price</label> <div class="input-group mb-3" id="unit_price_div' +
        //             x +
        //             '"> <div class="input-group-prepend"> <span class="input-group-text">₹</span> </div><input type="text" name="unit_price[]" value="{{ old('unit_price[]') }}" class="form-control" placeholder="0.00" aria-label="Dollar amount (with dot and two decimal places)" id="unit_price' +
        //             x + '" onblur="totalCalculationData(this,' + x +
        //             ')"> </div></div></div><div class="col-md-2"> <div class="form-group custom-form-group"> <label class="form-label" for="customer">Total Price</label> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">₹</span> </div><input type="text" name="total_price[]" value="{{ old('total_price[]') }}" class="form-control total_price" placeholder="0.00" aria-label="Dollar amount (with dot and two decimal places)" id="total_price' +
        //             x + '" disabled> <button type="button" class="btn btn-danger mr-3 remove_field" id="' + x +
        //             '"><img src="{{ asset('assets/images/trash-icon.svg') }}" height="14px" alt=""></button> </div></div></div></div>';

        //         $(wrapper).append(html1);

        //         let skuList1 = 'skuList' + x + '';
        //         $('#' + skuList1).editableSelect();


        //         var productNameValue = $('#product_name' + x + '').val();

        //         if (productNameValue) {
        //             $('#product_name_span' + x + '').text('');
        //         } else {
        //             $('#product_name_div' + x + '').append('<span id="product_name_span' + x +
        //                 '" style="color:red"> Product name field is required</span>');
        //         }
        //     }

        // });

        // $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text
        //     e.preventDefault();
        //     var button_id = $(this).attr("id");
        //     $('#row' + button_id + '').remove();
        //     x--;
        // });

        let height = 1;
        let width = 1;
        let length = 1;
        let totalVolumetricWeight = 0;
        let weight = 1;
        let newQuantity = 1;

        $("#height").blur(function() {
            weight = $('#dead_weight').val() ? $('#dead_weight').val() : 1;
            console.log(weight);
            height = $('#height').val() ? $('#height').val() : 1;
             newQuantity = $('#quantity').val() ? $('#quantity').val() : 1;
            totalVolumetricWeight = (height != 0) && (width != 0) && (length != 0) ? ((height * width * length) /
                4500) : 1;

            totalVolumetricWeight = totalVolumetricWeight * newQuantity;

             totalVolumetricWeight = Math.round(totalVolumetricWeight * 1000)/1000;
             weight = Math.round(weight*1000)/1000;
            
            $('#voumetricWeightId').text(totalVolumetricWeight +' kg');
            $('#volumetricWeight').val(totalVolumetricWeight);
            if (totalVolumetricWeight > weight) {

                $('#minimumChargableWeight').text(totalVolumetricWeight+' kg');
                $('#volumetricWeight').val(totalVolumetricWeight);

            } else {

                $('#minimumChargableWeight').text(weight+' kg');
                $('#actualWeight').val(totalVolumetricWeight);

            }

            return height;
        });

        $("#width").blur(function() {
            weight = $('#dead_weight').val() ? $('#dead_weight').val() : 1;
            width = $('#width').val() ? $('#width').val() : 1;
            newQuantity = $('#quantity').val() ? $('#quantity').val() : 1;
            totalVolumetricWeight = (height != 0) && (width != 0) && (length != 0) ? ((height * width * length) /
                4500) : 1;

             totalVolumetricWeight = totalVolumetricWeight * newQuantity;

            totalVolumetricWeight = Math.round(totalVolumetricWeight * 1000)/1000;
             weight = Math.round(weight*1000)/1000;
            
            $('#voumetricWeightId').text(totalVolumetricWeight +' kg');
            $('#volumetricWeight').val(totalVolumetricWeight);
            if (totalVolumetricWeight > weight) {

                $('#minimumChargableWeight').text(totalVolumetricWeight+' kg');
                $('#volumetricWeight').val(totalVolumetricWeight);

            } else {

                $('#minimumChargableWeight').text(weight+' kg');
                $('#actualWeight').val(totalVolumetricWeight);

            }

            return width;
        });

        $("#length").blur(function() {
            weight = $('#dead_weight').val() ? $('#dead_weight').val() : 1;
            length = $('#length').val() ? $('#length').val() : 1;
             newQuantity = $('#quantity').val() ? $('#quantity').val() : 1;
            totalVolumetricWeight = (height != 0) && (width != 0) && (length != 0) ? ((height * width * length) /
                4500) : 1;

             totalVolumetricWeight = totalVolumetricWeight * newQuantity;

             totalVolumetricWeight = Math.round(totalVolumetricWeight * 1000)/1000;
             weight = Math.round(weight*1000)/1000;
            
            $('#voumetricWeightId').text(totalVolumetricWeight +' kg');
            $('#volumetricWeight').val(totalVolumetricWeight);
            if (totalVolumetricWeight > weight) {

                $('#minimumChargableWeight').text(totalVolumetricWeight+' kg');
                $('#volumetricWeight').val(totalVolumetricWeight);

            } else {

                $('#minimumChargableWeight').text(weight+' kg');
                $('#actualWeight').val(totalVolumetricWeight);

            }

            return length;
        });        

        $("#dead_weight").blur(function() {
            weight = $('#dead_weight').val() ? $('#dead_weight').val() : 1;
            length = $('#length').val() ? $('#length').val() : 1;
            newQuantity = $('#quantity').val() ? $('#quantity').val() : 1;

            totalVolumetricWeight = (height != 0) && (width != 0) && (length != 0) ? ((height * width * length) /
                4500) : 1;

            totalVolumetricWeight = totalVolumetricWeight * newQuantity;

             totalVolumetricWeight = Math.round(totalVolumetricWeight * 1000)/1000;
             weight = Math.round(weight*1000)/1000;

            $('#voumetricWeightId').text(totalVolumetricWeight+' kg');
            $('#volumetricWeight').val(totalVolumetricWeight);
            if (totalVolumetricWeight > weight) {

                $('#minimumChargableWeight').text(totalVolumetricWeight+' kg');
                $('#volumetricWeight').val(totalVolumetricWeight);

            } else {

                $('#minimumChargableWeight').text(weight+' kg');
                $('#actualWeight').val(totalVolumetricWeight);

            }

            return length;
        });

         $("#quantity").blur(function() {

            //alert($('#quantity').val());

            weight = $('#dead_weight').val() ? $('#dead_weight').val() : 1;
            length = $('#length').val() ? $('#length').val() : 1;
            newQuantity = $('#quantity').val() ? $('#quantity').val() : 1;
            totalVolumetricWeight = (height != 0) && (width != 0) && (length != 0) ? ((height * width * length) /
                4500) : 1;

             totalVolumetricWeight = totalVolumetricWeight * newQuantity;

             totalVolumetricWeight = Math.round(totalVolumetricWeight * 1000)/1000;
             weight = Math.round(weight*1000)/1000;
            
            $('#voumetricWeightId').text(totalVolumetricWeight +' kg');
            $('#volumetricWeight').val(totalVolumetricWeight);
            if (totalVolumetricWeight > weight) {

                $('#minimumChargableWeight').text(totalVolumetricWeight+' kg');
                $('#volumetricWeight').val(totalVolumetricWeight);

            } else {

                $('#minimumChargableWeight').text(weight+' kg');
                $('#actualWeight').val(totalVolumetricWeight);

            }

            return length;
        });

        // let orderTotalPriceValue = [];

        // function totalCalculationData(value, id) {

        //     let quantityValue = $('#product_quantity' + id + '').val();
        //     let unitPriceValue = $('#unit_price' + id + '').val();

        //     if (quantityValue && unitPriceValue) {
        //         orderTotalPriceValue = [];

        //         $('#total_price' + id + '').val(quantityValue * unitPriceValue);

        //         $('.total_price').each(function() {
        //             if ($(this).val()) {
        //                 orderTotalPriceValue.push(parseFloat($(this).val()));
        //             } else {
        //                 orderTotalPriceValue.push(0);
        //             }
        //         });


        //         $('#orderTotalVal').val(orderTotalPriceValue.reduce((a, b) => a + b, 0));

        //         return $('#orderTotalValue').text(orderTotalPriceValue.reduce((a, b) => a + b, 0));

        //     } else {
        //         orderTotalPriceValue.push(0);
        //         return $('#total_price' + id + '').val(0);

        //     }

        // }

        // var skusArray = [];
        // var skuQuantity = [];
        // var quantity = [];

        // function productName(e, xId) {
        //     //alert('aya');
        //     //skusArray = [];
        //     var skuQuantity = [];
        //     let uniqueId = xId;
        //     let a = xId;
        //     let id = e.getAttribute('list');

        //     console.log('uniqueId', uniqueId);

        //     jQuery.ajax({
        //         url: "{{ route('fetch-product-details') }}",
        //         type: "POST",
        //         data: {
        //             _token: "{{ csrf_token() }}",
        //             prductName: e.value,
        //             sku: ''
        //         },
        //         success: function(data) {
        //             let productNameList = 'product_name' + uniqueId + '';
        //             let skuList = 'skuList' + x + '';
        //             //let productCategory = 'product_category' + uniqueId + '';
        //             //let productWeight = 'productWeight' + x + '';
        //             //let productLength = 'productLength' + uniqueId + '';
        //             //let productHeight = 'productHeight' + uniqueId + '';
        //             //let productWidth = 'productWidth' + uniqueId + '';
        //             let unitPrice = 'unit_price' + uniqueId + '';
        //             // let hsnList = 'productHsnList' + uniqueId + '';
        //             //let taxRate = 'tax_rate' + uniqueId + '';

        //             //alert('aya');

        //             /*$('.product_quantity').each(function(){
        //             	if ($(this).val()) {
        //             		skuQuantity.push(parseFloat($(this).val()));
        //             	}else{
        //             		skuQuantity.push(0);
        //             	}
        //             });*/

        //             /*let appendskuData = {
        //                 'id': data.data.id,
        //                 'name': data.data.name,
        //                 'weight': data.data.weight,
        //                 'length': data.data.length,
        //                 'width': data.data.width,
        //                 'height': data.data.height,
        //                 'code': data.data.code,
        //                 'quantity': skuQuantity[x],
        //                 'packages': data.packages
        //             };*/

        //             //skusArray[x] = appendskuData;

        //             $('#' + productNameList).val(data.data.name);
        //             //$('#' + productCategory).val(data.data.name);
        //             //$('#' + productWeight).val(data.data.weight);
        //             //$('#' + productLength).val(data.data.length);
        //             //$('#' + productWidth).val(data.data.width);
        //             //$('#' + productHeight).val(data.data.height);
        //             $('#' + unitPrice).val(data.data.price);
        //             //$('#' + hsnList).val(data.hsn.code);
        //             //$('#' + taxRate).val(data.hsn.tax_rate);
        //         }

        //     });
        // }


        jQuery('select[name="is_package"]').on('change', function() {
            var package = $(this).find(':selected').attr('data-package');
            if (package) {
                $('#packageSku').val(package);
            } else {
                $('#packageSku').val('');
            }

            if (package == 'SKUDOC') {
                $('.package_section').each(function() {
                    $(this).find('input').val(0);
                    $(this).hide();
                });
            } else {
                $('.package_section').each(function() {
                    $(this).show();
                    $(this).find('input').val('');
                });
            }
        });



        $('#other_charges_shipping_id').on('click', function(e) {

            if ($('#other_charges_shipping_id').is(":checked")) {
                $('#shipping_charge_value_id').show();
            } else {
                $('#shipping_charge_value_id').hide();
                $('#shipping_charge_value_id').val(0);
            }

            priceCalculation();

        });

        //Gift Wrap id
        $('#gift_wrap_id').on('click', function(e) {

            if ($('#gift_wrap_id').is(":checked")) {
                $('#gift_wrap_id_value').show();
            } else {
                $('#gift_wrap_id_value').hide();
                $('#gift_wrap_id_value').val(0);
            }
            priceCalculation();

        });

        //Transaction Id
        $('#transaction_check').on('click', function(e) {

            if ($('#transaction_check').is(":checked")) {
                $('#transaction_charge_id').show();
            } else {
                $('#transaction_charge_id').hide();
                $('#transaction_charge_id').val(0);
            }

            priceCalculation();

        });

        //Shipping Charges Discount
        $('#discount_check_id').on('click', function(e) {

            if ($('#discount_check_id').is(":checked")) {
                $('#shipping_discount_id').show();
            } else {
                $('#shipping_discount_id').hide();
                $('#shipping_discount_id').val(0);
            }
            priceCalculation();

        });

        //Allow only numeric fields

        $(".AllowNumeric").on("keypress keyup blur", function(event) {
            $(this).val($(this).val().replace(/[^\d].+/, ""));
            if ((event.which < 48 || event.which > 57)) {
                event.preventDefault();
            }
        });


        // appending default slots on change
        function pickupSchedule(){
            var today = new Date();
            var currentDate  = today.toLocaleDateString();
            var currentHour = today.getHours();
            // var selectedDate = $('.pickup_date_shedule').val();
            var slots = {!! json_encode($timeSlots) !!};
            var dropdown = $("#expected_time");
            // Remove existing options
            dropdown.empty();
            $.each(slots, function(index, slot) {
              dropdown.append("<option value='" + slot.id + "'>" + slot.from_time.slice(0,5)+"-"+slot.to_time.slice(0,5)+ "</option>");
            });
          
        };
    </script>
@endsection