@extends('layouts.master')

@section('page_title', 'Add Order')
@section('title', 'Add Order')
@section('main_item', 'Orders')
@section('sub_item', 'Add Orders')

@section('content')

    <div class="col-md-6">
        <div class="card">
            <div class="card-body" style="height: 390px;">
                <div class="form-group">
                    <label style="font-weight: bold" for="date-format" style="font-weight: bold">Order Date</label>
                    <input type="text" class="form-control mdate" placeholder="" id="mdate" name=""
                        required="required" @if($setting->enable_forchange_sale_date != '1') disabled @endif>
                </div>
                <div class="col-md-6" hidden>
                    <div class="form-group">
                        <label style="font-weight: bold" for="ref_number">Waybill Number</label>
                        <span id="way_bill">
                        </span>
                    </div>
                </div>
                <div class="form-group" hidden>
                    <label style="font-weight: bold" for="ref_no" style="font-weight: bold">Order ID</label>

                    <input type="text" class="form-control" id="ref_no" name="ref_no">

                    {{-- <label style="font-weight: bold" class="form-control-label"> <strong id="ref_no_error"
                            class="text-danger" hidden>This value is required.!</strong></label> --}}

                    <label style="font-weight: bold" class="form-control-label"> <strong id="ref_no_error"
                            class="text-danger" hidden>This value is required.!</strong></label>

                    <input type="text" class="form-control" id="ref_no" name="ref_no" >
                    


                </div>
                <div class="form-group" @if ($setting->carrancy_type_enable != '1') style="display: none" @endif>
                    <label style="font-weight: bold" for="currency_type" style="font-weight: bold">Currency Type</label>
                    <select class="form-control" id="currency_type" name="currency_type">
                        {{-- <option value="">Select Currency Type</option> --}}
                        <option value="lkr">LKR</option>
                        <option value="usd">USD</option>
                    </select>
                </div>
                <div class="form-group">
                    <div class="form-group" id="div_currency_rate">
                        <label style="font-weight: bold" for="currency_rate">USD Currency Rate (Rs.)</label>
                        <input type="text" class="form-control" placeholder="currency_rate" id="currency_rate"
                            name="currency_rate" value="{{ number_format($setting->currency_rate, 2) }}">
                    </div>
                </div>

                @can('enable_sales_users')
                    <div class="form-group">
                        <label style="font-weight: bold" for="currency_type" style="font-weight: bold">Sales Users</label>
                        <select class="form-control select2" id="user_id" name="user_id">
                            <option value="">Choose</option>
                            @foreach ($users as $user)
                                <option value="{{ $user->id }}">{{ $user->full_name }}</option>
                            @endforeach
                        </select>
                    </div>
                @endcan


                @if($setting->dropship_option = '1')
                <div class="form-group">
                    <label style="font-weight: bold" for="store_id">Stores</label>

                    <select class="form-control" id="store_id" name="store_id" required>
                        @if($dropships->isNotEmpty())
                            @foreach ($dropships as $store)
                                <option value="{{ $store->id }}" {{ $loop->first ? 'selected' : '' }}>{{ $store->store_name }}</option>
                            @endforeach
                        @else
                            <option value="">Select Store</option>
                        @endif
                    </select>

                </div>
                @endif


            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
 
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="input-group">
                                <select class="custom-select select2" id="grn-product-list"
                                    style="color:black; font-weight: bold;">
                                    <option selected="">Choose Product</option>
                                    
                                    @foreach ($stocks as $productId => $stockGroup)
                                @php
                                    // Find the first stock with qty > 0
                                    $availableStock = $stockGroup
                                        ->filter(function ($stock) {
                                            return $stock->qty > 0;
                                        })
                                        ->sortByDesc('created_at')
                                        ->first();

                                    // Aggregate total quantity for the group
                                    $totalQty = $stockGroup->sum('qty');

                                    // Use the first available stock's product or fallback to the first stock's product
                                    $product = $availableStock ? $availableStock->product : $stockGroup->first()->product;

                                    // Determine unit price from the first available stock or fallback
                                    $second_price = $availableStock ? $availableStock->second_price : 0;
                                    $stockId = $availableStock ? $availableStock->id : $stockGroup->first()->id;
                                @endphp

                                @if (!empty($product))
                                    <option 
                                        id="{{ $stockId }}" 
                                        value="{{ $stockId }}" 
                                        {{ $totalQty > 0 ? '' : 'disabled' }}>
                                        <strong>{{ $product->sku }}</strong>
                                        | {{ $product->product_name }}
                                        | 
                                        @if (!empty($product->attribute_value))
                                            ({{ $product->attribute_value }})
                                        @else
                                            (single)
                                        @endif
                                        | Price: {{ number_format($second_price, 2) }} 
                                        | Avb. Qty: 
                                        @if ($totalQty > 0)
                                            {{ number_format($totalQty, 1) }}
                                        @else
                                            Out of Stock
                                        @endif
                                        {{ $product->unit->short_name }}
                                    </option>
                                @endif
                            @endforeach

                                </select>


                                
                            </div>
                        </div>
                    </div>
                </div>
                <form action="{{ route('orders.store') }}" method="POST" id="product_form">
                    @csrf
                    <div class="table-responsive dash-social" style="height: 290px;" style="overflow: scroll;">
                        <table id="datatable" class="table table-striped">
                            <thead class="thead-dark">
                                <tr>
                                    <th>Image</th>
                                    <th>Product Name</th>
                                    <th>Order Quantity</th>
                                    <th>Selling Price</th>
                                    <th>Line Total</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody id="tbody">
                            </tbody>
                        </table>
                    </div>
            </div>
            <div style="display:none">
                <input type="text" class="form-control" placeholder="Reference Number" id="ref_number_copy"
                    name="waybill_id" readonly hidden>
                <input type="text" class="form-control" placeholder="" id="mdate_copy" name="sale_date" readonly hidden>
                <input type="text" class="form-control" placeholder="" id="ref_no_copy" name="ref_no_copy" hidden
                    required="">
                <input type="text" class="form-control" placeholder="" id="storeid_copy" name="storeid_copy" hidden
                    required="">
                <input type="text" class="form-control" placeholder="" id="courior_copy" name="courier"
                    value="{{$couriors->name}}" hidden>
                <input type="text" class="form-control" placeholder="" id="supplier_copy" name="contact_id" readonly
                    hidden>
                <input type="text" class="form-control" placeholder="" id="customer_id_set" readonly hidden>
                <input type="hidden" id="order_currency_type" name="currency_type" value="lkr">
                <input type="hidden" id="copy_user_id" name="user_id">
                <input type="text" class="form-control" placeholder="currency_rate" id="copy_currency_rate"
                    name="currency_rate" value="{{ $setting->currency_rate }}" hidden>
                <select class="form-control" id="copy_woocommerce_user_id" name="woocommerce_user_id">
                    <option value="">Choose</option>
                    @foreach ($woocommerce_users as $woocommerce_user)
                        <option value="{{ $woocommerce_user->id }}">{{ $woocommerce_user->username }}</option>
                    @endforeach
                </select>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
    <div class="col-md-6">
        <div class="card" style="height: 845px;">
            <div class="card-body">
                <h4 class="mt-0 header-title">Customer Details</h4>
                <p class="text-muted mb-3"></p>
                @csrf
                <input type="text" class="form-control" placeholder="type" id="type" name="type"
                    value="customer" readonly hidden>

                <div class="form-group">
                    <label style="font-weight: bold" for="name" style="font-weight: bold">Name *</label>
                    <input type="text" class="form-control cs-form" placeholder="Name" id="name" name="name"
                        required>
                </div>
                <div class="col-md-4" hidden>
                    <div class="form-group">
                        <label style="font-weight: bold" for="businesss_name" style="font-weight: bold">Business
                            Name</label>
                        <input type="text" class="form-control" placeholder="Business Name" id="business_name"
                            name="business_name" required>
                    </div>
                </div>
                <div class="col-md-4" hidden>
                    <div class="form-group">
                        <label style="font-weight: bold" for="email" style="font-weight: bold">Email</label>
                        <input type="text" class="form-control" placeholder="Email" id="email" name="email"
                            data-parsley-type="email" required>
                    </div>
                </div>
                <div class="form-group">
                    <label style="font-weight: bold" for="primary_mobile">Primary Mobile *</label>
                    <input type="text" oninput="numberOnly(this.id);" class="form-control cs-form"
                        placeholder="Primary Mobile" id="mobile" name="mobile" maxlength="10"
                        data-parsley-type="digits">
                    <label style="font-weight: bold" class="form-control-label"> <strong id="mobile_error"
                            class="text-danger" hidden>(Must have 10 Numbers.!)</strong></label>
                </div>
                <div class="form-group">
                    <label style="font-weight: bold" for="secondary_mobile">Secondary Mobile</label>
                    <input type="text" oninput="numberOnly(this.id);" class="form-control"
                        placeholder="Secondary Mobile" id="secondary_mobile" name="mobile_2" maxlength="10"
                        data-parsley-type="digits">
                    <label style="font-weight: bold" class="form-control-label"> <strong id="mobile_2_error"
                            class="text-danger" hidden>(Must have 10 Numbers.!)</strong></label>
                </div>
                <div class="col-md-4" hidden>
                    <div class="form-group">
                        <label style="font-weight: bold" for="landline">Landline</label>
                        <input type="text" class="form-control" placeholder="Landline" id="landline"
                            name="landline" data-parsley-type="digits" value="">
                    </div>
                </div>
                <div class="form-group">
                    <label style="font-weight: bold" for="landmark">Address *</label>
                    <input type="text" class="form-control cs-form" placeholder="Landmark" id="landmark"
                        name="landmark" required>
                </div>
                <div class="form-group" id="city_div1">
                    <label style="font-weight: bold" for="City">City *</label>
                    <select class="form-control cs-form" id="city" name="city">
                        <option value="">Select</option>
                        @foreach ($cities as $city)
                            <option value="{{ $city->id }}">{{ $city->name_en }}</option>
                        @endforeach
                    </select>
                </div>
                <div style="display: none" id="other_city_div">
                    <div class="form-group">
                        <label style="font-weight: bold" for="name">Other City</label>
                        <input type="text" class="form-control" id="other_city" name="other_city">
                    </div>
                </div>
                <div class="form-group" id="state_div1">
                    <label style="font-weight: bold" for="name">State</label>
                    <input type="text" placeholder="State" class="form-control" id="state" name="state">
                </div>
                <div class="form-group" id="district_div1">
                    <label style="font-weight: bold" for="province">District *</label>
                    <select class="form-control cs-form" id="province_id" name="province_id">
                        <option value="">Select</option>
                        @foreach ($provinces as $province)
                            <option value="{{ $province->id }}">{{ $province->name_en }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label style="font-weight: bold">Country *</label>
                    <select class="form-control" id="country_id" name="country_id" required>
                        <option value="">Select</option>
                        @foreach ($countries as $country)
                            <option value="{{ $country->id }}"
                                {{ (old('country_id') ? old('country_id') : $country->nicename ?? '') == 'Sri Lanka' ? 'selected' : '' }}>
                                {{ $country->nicename }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="row" style="display: none" id="cus_save">
                    <div class="col-sm-12 text-right">
                        <button type="submit" class="btn btn-primary px-5 py-2">Save</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <div id="message"></div>
                <h4 class="header-title mt-0">Add Payment</h4>
                <div class="form-group mt-2">
                    <label style="font-weight: bold" for="sub_total">Sub Total</label>
                    <input type="text" class="form-control @error('invoice_total') is-invalid @enderror"
                        placeholder="0.00" id="sub_total" name="invoice_total" readonly required value="">
                    @error('invoice_total')
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ $message }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @enderror
                </div>
                <div class="form-group">
                    <label style="font-weight: bold">Courier</label>
                    <select class="form-control select2 courior" id="courior" name="courior" required>
                            <option value="{{ $couriors->id }}">
                                {{ $couriors->name }} </option>
                    </select>
                </div>
       
                    <div class="form-group">
                        <label style="font-weight: bold" for="delivery_fee">Delivery Charge</label>

                        <select class="form-control select2" id="delivery_fee" name="delivery_fee" required>
                            <option value="{{$courier_cost}}">{{$courier_cost}}</option>
                        </select>
                       

                        <input type="text" class="form-control" placeholder="0.00" id="delivery_fee" name="delivery_fee" readonly required value="" hidden>

                        @error('delivery_fee')
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                {{ $message }}
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @enderror
                    </div>
          

                    <div class="form-group">
                        <label style="font-weight: bold" for="discount">Commission Agent</label>
                        <input type="number" class="form-control @error('agent_commission') is-invalid @enderror"
                            placeholder="0.00" name="agent_commission" id="agent_commission" required value="0.00" readonly>
                    </div>
               
                    <div class="form-group" hidden>
                        <label style="font-weight: bold" for="discount_type">Discount Type</label>
                        <select class="form-control " id="discount_type" name="discount_type" required>
                            <option value="fixed" selected>Fixed</option>
                            <option value="percentage">Percentage</option>
                        </select>
                    </div>
                    <div class="form-group" hidden>
                        <label style="font-weight: bold" for="discount">Discount</label>
                        <input type="text" class="form-control @error('invoice_discount') is-invalid @enderror"
                            placeholder="0.00" id="discount" required value="0.00">
                        <input type="hidden" id="invoice_discount" name="invoice_discount" value="0">
                        @error('invoice_discount')
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                {{ $message }}
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @enderror
                    </div>
              
                <div class="form-group">
                    <label style="font-weight: bold" for="payment_method">Payment Method</label>
                    <select class="form-control" id="payment_method" name="payment_method" required>
                        <option value="cash_on_delivery">Cash on Delivery</option>
                        <option value="online">Online Payment</option>
                    </select>
                    @error('payment_method')
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ $message }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @enderror
                </div>
                <div class="form-group" id="div_payment_amount">
                    <label style="font-weight: bold" for="payment_amount" style="font-weight: bold">Payment
                        Amount</label>
                    <label style="font-weight: bold" class="form-control-label"> <strong id="error"
                            class="text-danger" hidden>(Amount Exceed.!)</strong></label>
                    <input type="number" step="0.00" class="form-control cs-form" placeholder="Payment Amount"
                        id="payment_amount" name="payment_amount" value="0.00" required>
                </div>
                <div class="form-group" id="div_bank_account_number" hidden>
                    <label style="font-weight: bold;  background:#ed4b00; color:white;" for="bank_account_no"
                        style="font-weight: bold">Bank Account
                        No</label>
                    <input type="text" class="form-control" placeholder="Bank Account No" id="bank_account_no"
                        name="bank_account_no">
                </div>
                <div class="form-group account_div" style="display:none">
                    <label style="font-weight: bold;  background:#ed4b00; color:white;">Payment Account</label>
                    <select class="form-control select2" id="account" name="payment_account">
                        @foreach ($payment_accounts as $payment_account)
                            <option value="{{ $payment_account->id }}" 
                                {{ $payment_account->is_default == 1 ? 'selected' : '' }}>
                                {{ $payment_account->account_name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <input type="hidden" name="delivery_fee_type" value="{{ $setting->delivery_fee_type }}"
                    id="delivery_fee_type">
                @if ($setting->enable_dilivery_charj == '1')
                    <div class="form-group mt-4" id="com_call_status">
                        <label style="font-weight: bold" for="order_status">Call Status</label>
                        <input type="hidden" value="1" name="new_resell">
                        <select class="form-control select2 " id="order_status" name="order_status" required>
                            <option value="confirm">Confirm</option>
                            <option value="pending">Pending</option>
                        </select>
                        @error('order_status')
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                {{ $message }}
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @enderror
                    </div>
                    {{-- <div class="form-group mt-4" id="pen_call_status">
                        <label style="font-weight: bold" for="order_status">Call Status</label>
                        <select class="form-control select2 " id="second_order_status" name="second_order_status"
                            required>
                            <option value="pending">Pending</option>
                            <input type="hidden" value="1" name="new_resell">
                        </select>
                        @error('second_order_status')
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                {{ $message }}
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @enderror
                    </div> --}}
                @endif
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Note</h4>
                <div class="form-group mb-0">
                    <label style="font-weight: bold" for="exampleFormControlTextarea1">Sale note</label>
                    <textarea class="form-control" id="exampleFormControlTextarea1" name="sale_note" rows="9"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Summary</h4>
                <div class="form-group">
                    <label style="font-weight: bold" for="net_total">Net Total</label>
                    <input type="text" class="form-control @error('invoice_subtotal') is-invalid @enderror"
                        placeholder="0.00" id="net_total" name="invoice_subtotal" readonly required value=""
                        style="font-weight: bold">
                    @error('invoice_subtotal')
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ $message }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @enderror
                </div>
                <div class="form-group">
                    <label style="font-weight: bold" for="balance">Balance</label>
                    <input type="text" class="form-control" placeholder="" id="balance" name="invoice_balance"
                        readonly required value="0.00" style="font-weight: bold">
                </div>
                <div class="form-group">
                    <div class="form-check checkbox" style="margin-top: 20px">
                        <input class="form-check-input" id="send_sms" type="checkbox" name="send_sms" value="1"
                            disabled>
                        <label class="form-check-label"><b>Send sms</b> (Confirm orders only)</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6" hidden>
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Courier Payments</h4>
                <div class="form-group" hidden>
                    <label style="font-weight: bold" for="discount">Actual Courier Charge</label>
                    <input type="text" class="form-control" placeholder="0" id="courier_cost" name="courier_cost"
                        value="300" required readonly>
                </div>
                <div class="form-group" hidden>
                    <label style="font-weight: bold" for="discount">Weight</label>
                    <input type="text" class="form-control " placeholder="0.00" id="weight" name="weight"
                        required>
                </div>
                <div class="form-group" hidden>
                    <label style="font-weight: bold" for="discount">Additional Cost</label>
                    <input type="text" class="form-control" placeholder="0.00" id="additional_cost"
                        name="additional_cost" required>
                </div>
                <input type="hidden" name="basic_courier_cost" id="basic_courier_cost">
                <input type="hidden" name="additional_courier_cost" id="additional_courier_cost">
            </div>
        </div>
    </div>
    </div>
    <div class="row">
        <div class="col-sm-12 text-right">
            <button type="submit" class="btn btn-primary px-5 py-2" id="product_form_btn">Save Order
            </button>
        </div>
        </form>
    </div>
    <!--  Modal content -->
    <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"
        id="cus_modal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mt-0" id="myLargeModalLabel">Select Customer</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">
                    <div class="row" id="html">
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <input type="hidden" name="enable_dilivery_charj" id="enable_dilivery_charj"
        value="{{ $setting->enable_dilivery_charj }}">
    <input type="hidden" name="multi_modification_esb" id="multi_modification_esb"
        value="{{ $setting->multi_modification_esb }}">
@endsection
@section('scripts')
    <script src="{{ asset('js/main.js') }}"></script>
    <script !src="">
        $('#province_id').select2();
        $('#city').select2();
        $('#country_id').select2();
        $('#payment_method').select2();
    </script>
    <script>
        $(document).ready(function() {
            $('#mobile').on('input', function() {
                var inputValue = $(this).val();
                var charCount = inputValue.length;
                if (charCount == '10') {
                    $('#mobile_error').prop('hidden', true);
                    $("#product_form_btn").prop("disabled", false);
                } else {
                    $('#mobile_error').prop('hidden', false);
                    $("#product_form_btn").prop("disabled", true);
                }
                // Update the character count display
                $('#mobile_error').text('Numbers Count: ' + charCount);
            });
        });
        $(document).ready(function() {
            $('#secondary_mobile').on('input', function() {
                var inputValue = $(this).val();
                var charCount = inputValue.length;
                if (charCount == '10') {
                    $('#mobile_2_error').prop('hidden', true);
                    $("#product_form_btn").prop("disabled", false);
                } else {
                    $('#mobile_2_error').prop('hidden', false);
                    $("#product_form_btn").prop("disabled", true);
                }
                $('#mobile_2_error').text('Numbers Count: ' + charCount);
            });
        });
        var mobile = $('#mobile').val();
        var secondary_mobile = $('#secondary_mobile').val();

        function numberOnly(mobile) {
            var element = document.getElementById(mobile);
            element.value = element.value.replace(/[^0-9]/gi, "");
        }

        function numberOnly(secondary_mobile) {
            var element = document.getElementById(secondary_mobile);
            element.value = element.value.replace(/[^0-9]/gi, "");
        }
        var enable_dilivery_charj = $('#enable_dilivery_charj').val();
        if (enable_dilivery_charj == '1') {
            $('#pen_call_status').hide();
            $(document).on('change', '#payment_method', function() {
                var payment_method = $('#payment_method').val();
                if (payment_method != 'cash_on_delivery') {
                    $('#com_call_status').hide();
                    // $('#pen_call_status').show();
                } else {
                    $('#com_call_status').show();
                    // $('#pen_call_status').hide();
                }
            });
        }
        $(document).ready(function() {
            $(document).on('change', '#order_status', function() {
                let val = $(this).val();
                if (val === 'confirm') {
                    $('#send_sms').prop('checked', true);
                    $("#send_sms").prop("disabled", false);
                } else {
                    $('#send_sms').prop('checked', false);
                    $("#send_sms").prop("disabled", true);
                }
            });
            $('#currency_type').on('change', function() {
                if ($(this).val() != '') {
                    $('#grn-product-list').prop('disabled', false);
                } else {
                    $('#grn-product-list').prop('disabled', 'disabled');
                }
            });
            let country_id = $('#country_id').val();
            if (country_id == '200') {
                $('#district_div1').show();
                $('#city_div1').show();
                $('#state_div1').hide();
            } else {
                $('#district_div1').hide();
                $('#city_div1').hide();
                $('#state_div1').show();
            }
            $('#mdate').val(moment(new Date()).format("YYYY-MM-DD"));
            $('#mdate_copy').val(moment(new Date()).format("YYYY-MM-DD"));
            let courior_id = $('#courior').val();
            $.ajax({
                method: 'POST',
                url: "{{ route('oders.delivery-charge') }} ",
                data: {
                    "_token": "{{ csrf_token() }}",
                    'courior_id': courior_id,
                },
                success: function(response) {
                    $('#delivery_fee').empty().html(response.html);
                    $('#additional_courier_cost').val(response.additional);
                    $('#basic_courier_cost').val(response.basic);
                }
            });
        });

        $('#payment_method').on('change', function() {
            let payment_method = $(this).val();
            $.ajax({
                success: function(response) {
                    if (payment_method == 'cash') {
                        $('.account_div').show();
                        $('#div_bank_account_number').prop('hidden', true);
                    } else if (payment_method === 'bank_transfer') {
                        $('.account_div').show();
                        $('#div_bank_account_number').prop('hidden', false);
                    } else if (payment_method === 'online') {
                        $('.account_div').show();
                        $('#div_bank_account_number').prop('hidden', true);
                    } else {
                        $('.account_div').hide();
                        $('#div_bank_account_number').prop('hidden', true);
                    }
                }
            });
        });

        $('#free_of_charge').on('change', function() {
            var checkBox = document.getElementById("free_of_charge");
            let is_free = $('#free_of_charge').val();
            if (checkBox.checked == true) {
                $('#weight_package').val(0)
                calucalte();
            } else {
                $('#weight_package').val(1)
                calucalte();
            }
        });

        // $(document).on('change', '#grn-product-list', function() {
        //     var selected = $('#grn-product-list').find(':selected').val();
        //     var rowCount = $('#datatable tbody tr').length;
        //     $.ajax({
        //         method: 'GET',
        //         url: '/orders/product/add/',
        //         data: {
        //             selected: selected,
        //             rowCount: rowCount,
        //             currency_type: $('#currency_type').val(),
        //         },
        //         success: function(response) {
        //             $(response).appendTo($("#datatable tbody"));
        //             calucalte()
        //         }
        //     })
        // })
        $(document).on('change', '#grn-product-list', function() {
            var selected = $('#grn-product-list').find(':selected').val();
            var rowCount = $('#datatable tbody tr').length;
            var currencytype = $('#currency_type').val();
            axios.get('{{ url('/new_reseller_orders/product/add/') }}/' + selected + '/' + rowCount + '/' + currencytype)
                .then(function(response) {
                    $(response.data).appendTo($("#datatable tbody"));
                    calucalte()
                })
                .catch(function(error) {
                    console.log(error);
                })
        })
        $(document).on('change', '#ref_number, #supplier, #mdate ,#courior ,#ref_no, #currency_rate, #woocommerce_user_id, #user_id',
            function() {
                $("#mdate_copy").val($("#mdate").val());
                $("#courior_copy").val($("#courior").val());
                $("#ref_no_copy").val($("#ref_no").val());
                $("#copy_currency_rate").val($("#currency_rate").val());
                $("#supplier_copy").val($("#supplier").find(':selected').val());
                $("#customer_id_set").val($("#supplier").find(':selected').val());
                $("#copy_woocommerce_user_id").val($("#woocommerce_user_id").find(':selected').val());
                $("#copy_user_id").val($("#user_id").find(':selected').val());
            })

            $(document).on('change', '.qty, .s_price', function() {
            let qty = $(this).closest("tr").find(".qty").val();
            if (qty === "" || parseFloat(qty) <= 0) {
                alert('Quantity cannot be empty or less than 0!');
                window.location.reload();
            }
            })
        //check bad customer or not
        $(document).on('change', '#supplier', function() {
            $('#order_return').empty();
            let cus_id = $("#supplier").find(':selected').val();
            $.ajax({
                url: '{{ url('orders/customer/check/') }}',
                data: {
                    id: cus_id
                },
                success: function(response) {
                    $("[name='name']").val(response.data['name'])
                    $("[name='busines_name']").val(response.data['business_name'])
                    $("[name='email']").val(response.data['email'])
                    $("[name='mobile']").val(response.data['mobile'])
                    $("[name='mobile_2']").val(response.data['mobile_2'])
                    $("[name='landline']").val(response.data['landline'])
                    $("[name='landmark']").val(response.data['landmark'])
                    $("[name='province_id']").val(response.data['district_id'])
                    $("[name='province_id']").trigger('change')
                    $("[name='city']").val(response.data['city'])
                    $("[name='city']").trigger('change')
                }
            });
        })

        $(document).on('input', '.qty, .s_price,.edit_price,.agent_commission', function() {
            let qty = $(this).closest("tr").find(".qty").val();
            let p_price = $(this).closest("tr").find(".s_price").val();
            let edit_price = parseFloat($(this).find(".edit_price").val()) || 0;
            let line_total = parseFloat(qty) * parseFloat(p_price);
            console.log('qty ' + qty)
            console.log('price ' + p_price)
            console.log('total ' + line_total)
            $(this).closest("tr").find(".line_total").html(line_total);
            calucalte();
        })

        $(document).on('change', '.s_price, .edit_price,#check_lower', function() {
            let p_price = $(this).closest("tr").find(".s_price").val();
            let edit_price = parseFloat($(this).closest("tr").find(".edit_price").val()) || 0;

            if (edit_price < p_price) {
               
                swal({
                    title: "Warning!",
                    text: "Edit price cannot be less than selling price.",
                    icon: "warning",
                    button: "OK",
                }).then((value) => {
                    if (value) {
                        $('#product_form_btn').prop('disabled', true);
                            swal("The page has been refreshed. Edit price cannot be less than selling price.", "success");
                            setTimeout(() => {
                                location.reload(true); 
                            }, 2000);
                    }
                });
            } else {
                $('#product_form_btn').prop('disabled', false);
            }
        });

        // commission
        $(document).on('input', '.qty, .s_price, .edit_price,#tbody', function() {
            let total_comi = 0;
            $('#datatable tbody tr').each(function() {
                let qty = parseFloat($(this).find(".qty").val()) || 0;
                let p_price = parseFloat($(this).find(".s_price").val()) || 0;
                let edit_price = parseFloat($(this).find(".edit_price").val()) || 0;
                // let agent_commission = (edit_price !== '') ? (edit_price - parseFloat(p_price)) * qty : p_price * qty;
                let agent_commission = (edit_price !== '' && edit_price !== 0) ? (edit_price - p_price) * qty : 0;
                $(this).find('.agent_commission').val(agent_commission);
                total_comi += agent_commission;
            });
            $('#agent_commission').val(total_comi);
            calucalte();
        });
        
        $(document).on('input', '.qty, .s_price, .edit_price, #tbody, #currency_rate', function() {
        let total_comi = 0;
        let currency_rate = parseFloat($('#currency_rate').val()) || 1;

        $('#datatable tbody tr').each(function() {
            let qty = parseFloat($(this).find(".qty").val()) || 0;
            let p_price = parseFloat($(this).find(".s_price").val()) || 0;
            let edit_price = parseFloat($(this).find(".edit_price").val()) || 0;

            if (isNaN(edit_price)) {
                edit_price = 0;
            }

            let line_total = qty * currency_rate * edit_price;
            $(this).find(".line_total").html(line_total.toFixed(2));

            let agent_commission = (edit_price !== '' && edit_price !== 0) ? (edit_price - p_price) * qty : 0;
            $(this).find('.agent_commission').val(agent_commission.toFixed(2));

            total_comi += agent_commission;
            });

            $('#agent_commission').val(total_comi.toFixed(2));
            calucalte();
            
        });


        $(document).on('keyup', '.usd_qty, .usd_s_price , #currency_rate', function() {
            var qty = $(this).closest("tr").find(".usd_qty").val();
            var qty = $(".usd_qty").val();
            var p_price = $(this).closest("tr").find(".usd_s_price ").val();
            var p_price = $(".usd_s_price").val();
            var currency_rate = $('#currency_rate').val();
            var line_total = parseFloat(qty) * parseFloat(currency_rate) * parseFloat(p_price);
            console.log('usd_qty ' + qty)
            console.log('price ' + p_price)
            console.log('total ' + line_total)
            console.log('currency_rate ' + currency_rate)
            $(".line_total").html(line_total);
            $(this).closest("tr").find(".line_total").html(line_total);
            calucalte();
        })
        $(document).on('click', '.remove_row', function() {
            $(this).closest("tr").remove();
            calucalte();
            updateAgentCommission();
        })

        function updateAgentCommission() {
            let total_comi = 0;
            $('#datatable tbody tr').each(function() {
                let agent_commission = parseFloat($(this).find(".agent_commission").val()) || 0;
                total_comi += agent_commission;
            });
            $('#agent_commission').val(total_comi.toFixed(2));
        }

        $(document).on('change', '#weight_package', function() {
            calucalte();
        })
        let type = $('#delivery_fee_type').val();

        function calucalte() {
            if (type == 'from_list') {
                let sub_total = 0.00;
                let net_total = 0.00;
                let total = 0.00;
                let balance = 0.00;
                $('#datatable tbody tr').each(function() {
                    total += parseFloat($(this).find(".line_total").text());
                });

                let delivery_fee = $('#delivery_fee').val();
                let agent_commission = $('#agent_commission').val();
                let discount_type = $("#discount_type").val();
                let discount_value = $("#discount").val();
                let payment_amount = $('#payment_amount').val();
                sub_total = total;
                net_total = sub_total + parseInt(delivery_fee)
              
                let discount = 0;
                let percentage = 0;
                if (discount_type === 'fixed') {
                    discount = parseFloat(discount_value);
                    net_total -= parseFloat(discount);
                    $('#invoice_discount').val(discount);
                } else {
                    percentage = net_total * discount_value / 100;
                    net_total -= parseFloat(percentage);
                    $('#invoice_discount').val(percentage);
                }
                
                if (payment_amount == '') {
                    payment_amount = 0.00;
                    $('#payment_amount').val(0);
                }
                balance = net_total - payment_amount;
                $('#sub_total').val(sub_total.toFixed(2));
                $('#net_total').val(net_total.toFixed(2));
                $('#p_amount').val(sub_total.toFixed(2));
                $('#balance').val(balance.toFixed(2));
            } else {
                let sub_total = 0.00;
                let net_total = 0.00;
                let total = 0.00;
                let balance = 0.00;
                $('#datatable tbody tr').each(function() {
                    total += parseFloat($(this).find(".line_total").text());
                });
                let t_weight = 0;
                let basic_courier_cost = $('#basic_courier_cost').val();
                let additional_courier_cost = $('#additional_courier_cost').val();
                let weight = Math.ceil($('#weight_package').val());
                let discount_type = $("#discount_type").val();
                let discount_value = $("#discount").val();
                let payment_amount = $('#payment_amount').val();
                if (weight == 1) {
                    t_weight = 1 * basic_courier_cost;
                } else if (weight > 1) {
                    t_weight = 1 * basic_courier_cost;
                    weight = weight - 1;
                    t_weight = t_weight + weight * additional_courier_cost;
                }
                let delivery_fee = t_weight;
                sub_total = total;
                net_total = sub_total + parseInt(delivery_fee) + parseInt(agent_commission);
                let discount = 0;
                let percentage = 0;
                if (discount_type === 'fixed') {
                    discount = parseFloat(discount_value);
                    net_total -= parseFloat(discount);
                    $('#invoice_discount').val(discount);
                } else {
                    percentage = net_total * discount_value / 100;
                    net_total -= parseFloat(percentage);
                    $('#invoice_discount').val(percentage);
                }
                if (payment_amount == '') {
                    payment_amount = 0;
                    $('#payment_amount').val(0);
                }
                balance = net_total - payment_amount;
                $('#sub_total').val(sub_total);
                $('#net_total').val(net_total);
                $('#p_amount').val(sub_total);
                $('#balance').val(balance);
            }

            updateAgentCommission();
        }
            function calucalte() {
                let sub_total = 0.00;
                let net_total = 0.00;
                let balance = 0.00;
                
                // Loop through each product row and calculate the subtotal
                $('#datatable tbody tr').each(function() {
                    let qty = parseFloat($(this).find(".qty").val()) || 0;
                    let p_price = parseFloat($(this).find(".s_price").val()) || 0;
                    let edit_price = parseFloat($(this).find(".edit_price").val()) || p_price; // Use edited price if available

                    let line_total = qty * edit_price;
                    $(this).find(".line_total").html(line_total.toFixed(2)); // Update the line total

                    sub_total += line_total; // Add to subtotal
                });

                // Get the delivery fee
                let delivery_fee = parseFloat($('#delivery_fee').val()) || 0;

                // Calculate the net total
                net_total = sub_total + delivery_fee;

                // Update the payment amount
                let payment_amount = parseFloat($('#payment_amount').val()) || 0;

                // Calculate the balance
                balance = net_total - payment_amount;

                // Update the fields
                $('#sub_total').val(sub_total.toFixed(2));
                $('#net_total').val(net_total.toFixed(2));
                $('#balance').val(balance.toFixed(2));
            }
        $(document).on('click', '#discount', function() {
            this.select();
        })

        $(document).on('change', '#discount', function() {
            calucalte();
        })

        $(document).on('change', '#delivery_fee', function() {
            calucalte();
        })
        $(document).on('change', '#agent_commission', function() {
            calucalte();
        })
        $(document).on('change', '#payment_amount', function() {
            calucalte();
        })

        $(document).on('input', '.edit_price', function() {
            calucalte();
        });
        $(document).on('input', '.qty', function() {
            let id = $(this).attr('id');
            let available_qty = $('#stock' + id).val();
            let qty = $(this).val();
            if (parseInt(available_qty) >= parseInt(qty)) {
                $('#product_form_btn').attr('disabled', false);
            } else {
                if (qty != '') {
                    alert('Qty goes over')
                }
                $('#product_form_btn').attr('disabled', true);
            }
        })
        $(document).on('input', '.usd_qty', function() {
            let id = $(this).attr('id');
            let available_qty = $('#stock' + id).val();
            let qty = $(this).val();
            if (parseInt(available_qty) >= parseInt(qty)) {
                $('#product_form_btn').attr('disabled', false);
            } else {
                if (qty != '') {
                    alert('Qty goes over')
                }
                $('#product_form_btn').attr('disabled', true);
            }
        })
        $(document).on('change', '[name="name"], [name="mobile"]', function() {
            var value = $(this).val();
            axios.get('{{ url('orders/customer/search') }}', {
                    params: {
                        query: value
                    }
                })
                .then(function(response) {
                    // console.log(response);
                    if (response.data !== "") {
                        $("#html").html(response.data);
                        $("#cus_modal").modal({
                            backdrop: 'static',
                            keyboard: false
                        })
                    }
                })
                .catch(function(error) {
                    console.log(error);
                })
                .finally(function() {
                    // always executed
                });
        })


        function loadCustomer(cus_id) {
            $.ajax({
                url: '{{ url('orders/customer/check/') }}',
                data: {
                    id: cus_id
                },
                success: function(response) {
                    $("[name='name']").val(response.data['name'])
                    $("[name='busines_name']").val(response.data['business_name'])
                    $("[name='email']").val(response.data['email'])
                    $("[name='mobile']").val(response.data['mobile'])
                    $("[name='mobile_2']").val(response.data['mobile_2'])
                    $("[name='landline']").val(response.data['landline'])
                    $("[name='landmark']").val(response.data['landmark'])
                    $("[name='state']").val(response.data['state']);
                    $("[name='other_city']").val(response.data['other_city']);
                    $other = $("#other_city").val();
                    if ($other != "") {
                        $('#other_city_div').show();
                    }
                    $("[name='province_id']").val(response.data['district_id']);
                    $("[name='province_id']").trigger('change');
                    $("[name='city']").val(response.data['city']);
                    $("[name='city']").trigger('change');
                    if (response.data['country_id']) {
                        $("[name='country_id']").val(response.data['country_id'])
                        $("[name='country_id']").trigger('change')
                    } else {
                        $("[name='country_id']").val(200)
                        $("[name='country_id']").trigger('change')
                    }
                    $("#supplier_copy").val(cus_id);
                    $("#customer_id_set").val(cus_id);
                }
            });
        }

        $(document).on('change', '#city', function() {
            let city_id = $(this).val();
            let url = "{{ route('get-district') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    _token: "{{ csrf_token() }}",
                    city_id: city_id,
                },
                success: function(response) {
                    $('#province_id').val(response).change();
                },
            });
        });

        $(document).on('change', '#city', function() {
            let city_id = $(this).val();
            let url = "{{ route('get_city_name') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    _token: "{{ csrf_token() }}",
                    city_id: city_id,
                },
                success: function(response) {
                    if (response == 'Other') {
                        $('#other_city_div').show();
                    } else {
                        $('#other_city_div').hide();
                    }
                }
            });
        });

        $(document).on('click', '.select-cus', function() {
            loadCustomer(this.id);
            $("#cus_modal").modal('hide');
        })

        $(document).on('change', '#cus_form input', function() {
            $("#supplier_copy").val('');
        })

        $('#product_form_btn').click(function(event) {
            event.preventDefault();
            $('#product_form_btn').prop('disabled', true);
            var rowCount = $('#datatable tbody tr').length;
            let flag = !$("#supplier_copy").val();
            let mobile = $('#mobile').val();
            let name = $('#name').val();
            let mobile_2 = $('#secondary_mobile').val();
            let landline = $('#landline').val();
            let landmark = $('#landmark').val();
            let city = $('#city').val();
            let district_id = $('#province_id').val();
            let country_id = $('#country_id').val();
            let state = $('#state').val();
            let other_city = $('#other_city').val();
            let id = $('#customer_id_set').val();
            if (id == '') {
                //do input validatin here
                var isValid = true;
                $('.cs-form').each(function() {
                    if ($(this).val() === '')
                        isValid = false;
                });
                if (isValid) {
                    $.ajax({
                        method: 'POST',
                        url: "{{ route('customers.store') }} ",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            'name': name,
                            'mobile': mobile,
                            'mobile_2': mobile_2,
                            'landline': landline,
                            'landmark': landmark,
                            'city': city,
                            'district_id': district_id,
                            'country_id': country_id,
                            'type': 'customer',
                            'other_city': other_city,
                            'state': state,
                        },
                        success: function(res) {
                            $("#supplier_copy").val(res.id);
                            if (rowCount == 0) {
                                swal.fire('Please select products')
                            } else {
                                $('#product_form').submit();
                            }
                        }
                    })
                } else {
                    swal.fire('Fill All required fields for customer');
                    $('#product_form_btn').prop('disabled', false);
                }
            } else {
                if (rowCount == 0) {
                    swal.fire('Please select products');
                    $('#product_form_btn').prop('disabled', false);
                } else {
                    $.ajax({
                        method: 'POST',
                        url: "{{ route('customers.update-order') }}",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            'name': name,
                            'mobile': mobile,
                            'mobile_2': mobile_2,
                            'landline': landline,
                            'landmark': landmark,
                            'city': city,
                            'district_id': district_id,
                            'country_id': country_id,
                            'type': 'customer',
                            'id': id,
                            'other_city': other_city,
                            'state': state,
                        },
                        success: function(res) {
                            $("#supplier_copy").val(res.id);
                            $('#product_form').submit();
                        }
                    })
                }
            }
        });

        $(document).on('change', '#sub_total', function() {
            let discount_type = $("#discount_type").val();
            let delivery_fee = $('#delivery_fee').val();
            let total = $("#sub_total").val();
            let discount = $("#discount").val();
            let sub = total - discount + parseInt(delivery_fee);
            $("#net_total").val(sub);
            $("#p_amount").val(sub);
        });

        $(document).on('change', '#courior', function() {
            let courior_id = $('#courior').val();
            $.ajax({
                method: 'POST',
                url: "{{ route('oders.waybill') }} ",
                data: {
                    "_token": "{{ csrf_token() }}",
                    'courior_id': courior_id,
                },
                success: function(response) {
                    $('#way_bill').empty().html(response);
                }
            })
        });
        $(document).on('change', '#delivery_fee', function() {
            calucalte();
        });
        if (enable_dilivery_charj == '1') {
            $(document).on('change', '#courior, #grn-product-list, .qty', function() {
                let courior_id = $('#courior').val();
                var rowCount = $('#datatable tbody tr').length;
                // var qty = $(".qty").val();
                var qty = $(this).closest("table").find(".qty").val();
                $.ajax({
                    method: 'POST',
                    url: "{{ route('oders.delivery-charge') }} ",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        'courior_id': courior_id,
                        'qty': qty,
                        'rowCount': rowCount,
                    },
                    success: function(response) {
                        $('#delivery_fee').empty().html(response.html);
                        $('#additional_courier_cost').val(response.additional);
                        $('#basic_courier_cost').val(response.basic);
                        calucalte();
                        if (response.html == '1') {
                            $("#product_form_btn").prop("disabled", true);
                            $('#error_msg').show();
                        } else {
                            $("#product_form_btn").prop("disabled", false);
                            $('#error_msg').hide();
                        }
                    }
                })
            });
            $(document).on('click', '.remove_row', function() {
                var courior_id = $('#courior').val();
                var rowCount = $('#datatable tbody tr').length;
                var qty = $(this).closest("table").find(".qty").val();
                var rowCount = rowCount - 1;
                $.ajax({
                    method: 'POST',
                    url: "{{ route('oders.delivery-charge') }} ",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        'courior_id': courior_id,
                        'qty': qty,
                        'rowCount': rowCount,
                    },
                    success: function(response) {
                        $('#delivery_fee').empty().html(response.html);
                        $('#additional_courier_cost').val(response.additional);
                        $('#basic_courier_cost').val(response.basic);
                        calucalte();
                        if (response.html == '1') {
                            $("#product_form_btn").prop("disabled", true);
                            $('#error_msg').show();
                        } else {
                            $("#product_form_btn").prop("disabled", false);
                            $('#error_msg').hide();
                        }
                    }
                })
            });
            $(document).on('keyup', '.qty', function() {
                let courior_id = $('#courior').val();
                var qty = $(".qty").val();
                $.ajax({
                    method: 'POST',
                    url: "{{ route('oders.delivery-charge') }} ",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        'courior_id': courior_id,
                        'qty': qty,
                    },
                    success: function(response) {
                        $('#delivery_fee').empty().html(response.html);
                        $('#additional_courier_cost').val(response.additional);
                        $('#basic_courier_cost').val(response.basic);
                        calucalte();
                    }
                })
            });
        } else {
            $(document).on('change', '#courior', function() {
                let courior_id = $('#courior').val();
                $.ajax({
                    method: 'POST',
                    url: "{{ route('oders.delivery-charge') }} ",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        'courior_id': courior_id,
                    },
                    success: function(response) {
                        $('#delivery_fee').empty().html(response.html);
                        $('#additional_courier_cost').val(response.additional);
                        $('#basic_courier_cost').val(response.basic);
                        calucalte();
                    }
                })
            });
        }
        $(document).on('keyup', '#weight', function() {
            let package_weight = $(this).val();
            let courior_id = $('#courior').val();
            if (courior_id == 0) {
                Swal.fire(
                    'Not Selected',
                    'Please select Courier',
                    'warning'
                )
                $('#weight').empty().val("");
            } else {
                $.ajax({
                    method: 'POST',
                    url: "{{ route('sales.getDeliveryCost') }}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        'package_weight': package_weight,
                        'courior_id': courior_id,
                    },
                    success: function(response) {
                        $('#additional_cost').empty().val(response);
                    }
                })
            }
        });

        $(document).on('change', '#country_id', function() {
            $("#other_city").val('');
            let country_id = $(this).val();
            if (country_id == '200') {
                $('#district_div1').show();
                $('#city_div1').show();
                $('#state_div1').hide();
            } else {
                $('#district_div1').hide();
                $('#city_div1').hide();
                $('#state_div1').show();
            }
        });
        $(document).on('change', '#currency_type', function() {
            $('#order_currency_type').val($(this).val());
            getProductsRelatedToCurrency($(this).val());
        });
        $(document).on('change', '#payment_amount', function() {
            let invoice_total = $('#net_total').val();
            let balance = $('#balance').val();
            let payment_amount = $('#payment_amount').val();
            if (payment_amount == '') {
                payment_amount = 0;
                $('#payment_amount').val(0);
            }
            let new_balance = parseFloat(invoice_total) - parseFloat(payment_amount);
            if (parseFloat(payment_amount) > parseFloat(invoice_total)) {
                $('#error').prop('hidden', false);
                $('#product_form_btn').prop('disabled', true);
                $('#update_payment').prop('disabled', true);
            } else {
                $('#error').prop('hidden', true);
                $('#product_form_btn').prop('disabled', false);
                $('#update_payment').prop('disabled', false);
            }
            $('#balance').val(new_balance);
        });
        $('#div_currency_rate').hide();
        $('#currency_type').on('change', function() {
            var selectedValue = $(this).val();
            if (selectedValue === 'lkr') {
                $('#div_currency_rate').hide();
            } else {
                $('#div_currency_rate').show();
            }
        });

        var multi_modification_esb = $('#multi_modification_esb').val();
        if (multi_modification_esb == '1') {
            $(document).on('keyup', '#discount', function() {
                var discount = $('#discount').val();
                if (discount != 0) {
                    $('#com_call_status').hide();
                    $('#pen_call_status').show();
                } else {
                    $('#com_call_status').show();
                    $('#pen_call_status').hide();
                }
            });
        }
        // ref no validation
        if (multi_modification_esb == '1') {
            $(document).on('change', '#grn-product-list, #ref_no',
                function() {
                    var ref_no = $('#ref_no').val();
                    if (ref_no == '') {
                        $('#ref_no_error').prop('hidden', false);
                        $("#product_form_btn").prop("disabled", true);
                    } else {
                        $('#ref_no_error').prop('hidden', true);
                        $("#product_form_btn").prop("disabled", false);
                    }
                });
            var payment_method = $('#payment_method').val();
            if (payment_method == 'cash_on_delivery') {
                $('#div_payment_amount').hide();
            } else {
                $('#div_payment_amount').show();
            }
            $(document).on('change', '#payment_method',
                function() {
                    var payment_method = $('#payment_method').val();
                    if (payment_method == 'cash_on_delivery') {
                        $('#div_payment_amount').hide();
                    } else {
                        $('#div_payment_amount').show();
                    }
                });
        }
    </script>
    <script>

        if (provinceId) {
            // Fetch couriers and delivery charges based on the selected province
            $.ajax({
                url: '/get-couriers-and-fees/' + provinceId, // Adjust the URL to fetch data based on the selected district
                method: 'GET',
                success: function(response) {
                    // Update Courier Input field with selected courier name
                    if (response.couriers.length > 0) {
                        var courier = response.couriers[0]; // Assuming only one courier needs to be selected
                        $('#courier_name').val(courier.name); // Set the courier name in the input
                        $('#courier').val(courier.id); // Set the courier ID in the hidden field
                    } else {
                        $('#courier_name').val(''); // Clear if no couriers found
                        $('#courier').val('');
                    }

                    // Update Delivery Charge Input field with selected fee
                    if (response.delivery_fees.length > 0) {
                        var fee = response.delivery_fees[0]; // Assuming only one fee needs to be selected
                        $('#delivery_fee').val(fee.basic_courier_cost); // Set the delivery charge amount in the input
                        
                        calucalte();
                    } else {
                        $('#delivery_fee').val(''); // Clear if no fees found
                    }
                },
                error: function() {
                    alert('Failed to fetch couriers or delivery charges');
                }
            });
        } else {
            // Reset the fields if no district is selected
            $('#courier').val('');
            $('#delivery_fee').val('');
        }

    // When the payment method is changed
    $('#payment_method').change(function() {
        var paymentMethod = $(this).val(); // Get the selected payment method
        
        if (paymentMethod === 'pickup') {
            // If "Store Pickup" is selected
            $('#delivery_fee').val('0.00'); // Set delivery fee to 0.00
            $('#courier').val('11'); // Set courier ID for "Pickup"
            $('#courier_name').val('Store Pickup'); // Set courier name for "Pickup"
            
            calucalte();
        } else {
            // Fetch couriers and delivery charges again
            var provinceId = $('#province_id').val(); // Get the selected province ID
            
            if (provinceId) {
                // Repeat the courier and delivery fee fetching logic
                $.ajax({
                    url: '/get-couriers-and-fees/' + provinceId,
                    method: 'GET',
                    success: function(response) {
                        // Update Courier Input field with selected courier name
                        if (response.couriers.length > 0) {
                            var courier = response.couriers[0]; // Assuming only one courier needs to be selected
                            $('#courier_name').val(courier.name); // Set the courier name in the input
                            $('#courier').val(courier.id); // Set the courier ID in the hidden field
                        } else {
                            $('#courier_name').val(''); // Clear if no couriers found
                            $('#courier').val('');
                        }

                        // Update Delivery Charge Input field with selected fee
                        if (response.delivery_fees.length > 0) {
                            var fee = response.delivery_fees[0]; // Assuming only one fee needs to be selected
                            $('#delivery_fee').val(fee.basic_courier_cost); // Set the delivery charge amount in the input
                             calucalte();
                        } else {
                            $('#delivery_fee').val(''); // Clear if no fees found
                        }
                    },
                    error: function() {
                        alert('Failed to fetch couriers or delivery charges');
                    }
                });
            }
        }
    });
</script>
<script>
    $(document).ready(function() {
        // Attach change event to the store_id select dropdown
        $('#store_id').on('change', function() {
            // Get the selected value from the dropdown
            var selectedValue = $(this).val();

            // Log the selected value to the console (for debugging)
            console.log('Selected Store ID:', selectedValue);

            // Update the hidden input field with the selected value
            $('#storeid_copy').val(selectedValue);

            // Optionally, log the hidden input field value to confirm it's updated
            console.log('Hidden Input Value:', $('#storeid_copy').val());
        });
    });
</script>
<script>
    $(document).ready(function() {
        function updateStoreId() {
            let selectedValue = $('#store_id').val();
            
            console.log('Selected Store ID:', selectedValue);
            
            $('#storeid_copy').val(selectedValue || '');
            
            console.log('Hidden Input Value:', $('#storeid_copy').val());
        }

        updateStoreId();

        $('#store_id').on('change', updateStoreId);
    });
</script>

@endsection