@extends('layouts.master')

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

@section('content')

    <style>
        .btn {
            border-radius: 30px;
            border: 0;
            font-size: 0.8rem;
            cursor: pointer;
        }

        .btn--primary {
            background: rgb(25, 19, 206);
            color: white;
        }

        .btn--primary:hover {
            background: rgb(13, 34, 224);
        }
    </style>

    <form action="{{ route('orders.update', $sale->id) }}" method="POST" id="product_form">
        @csrf
        @method('PUT')
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md" style="display: none">
                                <div class="form-group">
                                    <label style="font-weight: bold" for="customer">Customer</label>
                                    <select class="form-control select2" id="supplier" name="">
                                    </select>
                                </div>
                                <div id="order_return"></div>
                            </div>
                            @php
                                $sale_date = Carbon\Carbon::parse($sale->sale_date)->toDateString();
                            @endphp
                            <div class="col-md">
                                <label style="font-weight: bold" for="date-format">Order Date</label>
                                <input type="text" class="form-control mdate" placeholder="" id="mdate"
                                    name="date" value="{{ $sale_date }}" required  @if (auth()->user()->cannot('edit_date_access')) disabled @endif>
                            </div>
                            <div class="col-md">
                                <label style="font-weight: bold" for="ref_no">Order ID</label>
                                <input type="text" class="form-control" id="ref_no" name="ref_no"
                                    value="{{ $sale->invoice_no }}">
                                <input type="hidden" id="order_currency_type" name="currency_type"
                                    value="{{ $sale->currency_type }}">
                            </div>
                            <div class="col-md">
                                <label style="font-weight: bold" for="currency_type" style="font-weight: bold">Currency
                                    Type</label>
                                <select class="form-control select2" id="currency_type" name="currency_type">
                                    @foreach ($currency_types as $key => $currency_type)
                                        <option value="{{ $key }}"
                                            {{ $sale->currency_type == $key ? 'selected' : '' }}>{{ $currency_type }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md" @if ($sale->currency_type == 'lkr') style="display: none" @endif>
                                <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>
                        </div>
                    </div>
                    <!--end card-body-->
                </div>
                <!--end card-->
            </div>
            <div class="col-md-12">
                <div class="card" style="height: auto;">
                    <div class="card-body">
                        <h4 class="mt-0 header-title"><b>Customer Details</b></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="row g-3">
                            <div class="col-md-3">
                                <label style="font-weight: bold" for="name">Name</label>
                                <input type="text" class="form-control" placeholder="Name" id="name" name="name"
                                    required="" value="{{ $sale->customer->name }}">
                            </div>
                            <div class="col-md-4" hidden>
                                <div class="form-group">
                                    <label style="font-weight: bold" for="businesss_name">Business Name</label>
                                    <input type="text" class="form-control" placeholder="Business Name"
                                        id="business_name" name="business_name"
                                        value="{{ $sale->customer->business_name }}">
                                </div>
                            </div>
                            <div class="col-md-4" hidden>
                                <div class="form-group">
                                    <label style="font-weight: bold" for="email">Email</label>
                                    <input type="text" class="form-control" placeholder="Email" id="email"
                                        name="email" data-parsley-type="email" value="{{ $sale->customer->email }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label style="font-weight: bold" for="primary_mobile">Primary Mobile</label>
                                <input type="tel" class="form-control" placeholder="Primary Mobile"
                                    id="primary_mobile" name="mobile"  maxlength="10" minlength="10" required="" data-parsley-type="digits"
                                    value="{{ $sale->customer->mobile }}">
                                <div id="error_message" style="display: none; color: red;">Error: Mobile Number Field
                                    cannot be empty!</div>
                            </div>
                            <div class="col-md-3">
                                <label style="font-weight: bold" for="secondary_mobile">Secondary Mobile</label>
                                <input type="tel" class="form-control" placeholder="Secondary Mobile"
                                    id="secondary_mobile" maxlength="10" minlength="10" name="mobile_2" data-parsley-type="digits"
                                    value="{{ $sale->customer->mobile_2 }}">
                                    <div id="error_message2" style="display: none; color: red;">Error: Mobile Number Field
                                    cannot be empty!</div>
                            </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="{{ $sale->customer->landline }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label style="font-weight: bold" for="landmark">Address</label>
                                <input type="text" class="form-control" placeholder="Landmark" id="landmark"
                                    name="landmark" required="" value="{{ $sale->customer->landmark }}">
                            </div>
                        </div><br>
                        <div class="row g-3">
                            <div class="col-md-4" id="city_div1">
                                <label style="font-weight: bold" for="city">City</label>
                                <select class="form-control select2" id="city" name="city" required>
                                    @foreach ($cities as $city)
                                        @if ($sale->customer->city == $city->id)
                                            <option value="{{ $city->id }}" selected>{{ $city->name_en }}</option>
                                        @else
                                            <option value="{{ $city->id }}">{{ $city->name_en }}</option>
                                        @endif
                                    @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"
                                        value="{{ $sale->customer->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"
                                    value="{{ $sale->customer->state }}" id="state" name="state">
                            </div>
                            <div class="col-md" id="district_div1">
                                <label style="font-weight: bold" for="district_id">District</label>
                                <select class="form-control select2" id="district_id" name="district_id" required>
                                    @foreach ($districts as $district)
                                        @if ($sale->customer->district_id == $district->id)
                                            <option value="{{ $district->id }}" selected>{{ $district->name_en }}
                                            </option>
                                        @else
                                            <option value="{{ $district->id }}">{{ $district->name_en }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md">
                                <label style="font-weight: bold">Country</label>
                                <select class="form-control select2" 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->id ?? '') == $sale->customer->country_id ? 'selected' : '' }}>
                                            {{ $country->nicename }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="row justify-content-center">
                            <div class="col-md-10">
                                <div class="form-group">
                                    <div class="input-group">
                                        <select class="custom-select select2" id="grn-product-list">
                                            <option selected="">Choose Product</option>
                                            @foreach ($stocks as $productId => $stockGroup)
                                                @php
                                                    // Find the first stock with qty > 0
                                                    $availableStock = $stockGroup
                                                        ->where('qty', '>', 0)
                                                        ->sortByDesc('created_at')
                                                        ->first();

                                                    if (!$availableStock) {
                                                        $availableStock = $stockGroup->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
                                                    $unitPrice = $availableStock ? $availableStock->unit_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($unitPrice, 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 class="col-md-2">
                                <button class="btn btn-primary btn-sm" id="add-to-table" type="button"
                                    style="border-radius: 10px;">Add
                                </button>
                            </div>
                        </div>
                        <div class="table-responsive dash-social" style="height: 200px;" 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>
                                    <!--end tr-->
                                </thead>
                                <tbody>
                                    @foreach ($sale->saleItems as $count => $item)
                                        <tr>
                                            <td>
                                                @php
                                                    $product = App\Product::find($item->product_id);
                                                    if (!empty($product->parent_product_id)) {
                                                        $product = App\Product::find($product->parent_product_id);
                                                    }
                                                @endphp
                                                @if (!empty($product->image))
                                                    <img style="width: 50px;height: 50px;object-fit: cover"
                                                        src="{{ asset($product->image) }}" alt="">
                                                @else
                                                    <img src="{{ asset('img/placeholder.jpg') }}"
                                                        style="width: 50px;height: 50px;object-fit: cover" alt=""
                                                        width="115px">
                                                @endif
                                            </td>
                                            <td>{{ $item->product->product_name . ', ' . $item->attribute_value }}</td>
                                            <td>
                                                <input type="text" class="form-control qty text-center touchspin"
                                                    placeholder="" name="sale_qty[]" required  min="1" step="1" oninput="this.value = this.value.replace(/[^0-9]/g, '')"
                                                    value="{{ $item->qty }}">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control s_price text-right"
                                                    id="re_date" placeholder="" name="sale_s_price[]" required
                                                    value="{{ $item->sale_unit_price }}" readonly>
                                                <input type="text" class="form-control s_price text-right"
                                                    id="re_date" placeholder="" name="purchase_price[]" required
                                                    value="{{ $item->purchase_unit_cost }}" hidden>
                                                <input type="hidden" class="form-control" placeholder="" id="re_date"
                                                    name="sale_product_id[]" readonly value="{{ $item->product_id }}"
                                                    required>
                                                <input type="hidden" class="form-control " placeholder=""
                                                    id="re_date" name="sale_stock_id[]" readonly
                                                    value="{{ $item->stock_id }}" required>
                                                <input type="hidden" class="form-control available_qty"
                                                    id="stock{{ $count }}" placeholder=""
                                                    name="sale_available_qty[]" value="1" required>
                                                <input type="text" hidden class="form-control text-center touchspin"
                                                    placeholder="" id="attribute_val" name="sale_att_value[]"
                                                    value="{{ $item->attribute_value }}">
                                            </td>
                                            <td class="line_total text-right">
                                                @if ($sale->currency_type == 'usd')
                                                    {{ $item->sale_line_total }}
                                                @else
                                                    {{ $item->sale_line_total }}
                                                @endif
                                            </td>
                                            <td>
                                                <a href="javascript:void(0)" class="remove_row"><i
                                                        class="fas fa-trash-alt text-danger font-16"></i></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div>

                        <input type="text" class="form-control" placeholder="" id="courior_copys" name="courier"
                            @if (!empty($courier_payment->courier_id)) value="{{ $courier_payment->courier_id }} @endif" hidden>
                        <input type="text" class="form-control" placeholder="" id="mdate_copy" name="sale_date"
                            value="{{ $sale_date }}" required readonly hidden>
                        <input type="text" class="form-control" placeholder="" id="supplier_copy" name="contact_id"
                            required hidden readonly value="{{ $sale->customer->id }}">
                        <input type="text" class="form-control" placeholder="" id="customer_id_set" readonly hidden>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="card">
                    <div class="card-body"style="height: 300px;" id="order-remark">
                        <h4 class="header-title mt-0"><b>Order Remark</b></h4>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label style="font-weight: bold" for="customer">Courior</label>
                                <select class="form-control select2 courior" id="courior" name="courior" required>
                                    <option value="">select</option>
                                    @foreach ($couriors as $courior)
                                        <option value="{{ $courior->id }}"
                                            @if (!empty($sale->courier)) {{ $sale->courier == $courior->id ? 'selected' : '' }}
                                            @else
                                            {{ $courior->default_courier == 'yes' ? 'selected' : '' }} @endif>
                                            {{ $courior->name }} </option>
                                    @endforeach
                                </select>
                                <input type="hidden" name="basic_courier_cost" id="basic_courier_cost">
                                <input type="hidden" name="additional_courier_cost" id="additional_courier_cost">
                            </div>
                            <div class="col-md-6">
                                <label style="font-weight: bold" for="call_status">Call Status</label>
                                @php
                                    $callStatus = '';
                                @endphp
                                @if ($setting->multi_modification_esb != '1')
                                    <select class="form-control" id="call_status" name="call_status" required>
                                        @if (!empty($sale->call_status))
                                            @php
                                                $callStatus = $sale->call_status;
                                            @endphp
                                            @if ($sale->call_status != 'pending')
                                                <option value="pending">Pending Orders</option>
                                            @else
                                                <option value="pending" selected>Pending Orders</option>
                                            @endif
                                            @if ($sale->call_status != 'confirm')
                                                <option value="confirm">Confirmed Orders</option>
                                            @else
                                                <option value="confirm" selected>Confirmed Orders</option>
                                            @endif
                                            @if ($sale->call_status != 'cancel')
                                                <option value="cancel">Cancel Orders</option>
                                            @else
                                                <option value="cancel" selected>Cancel Orders</option>
                                            @endif
                                            @if ($sale->call_status != 'not_confirm')
                                                <option value="not_confirm">Not Confirmed Orders</option>
                                            @else
                                                <option value="not_confirm" selected>Not Confirmed Orders</option>
                                            @endif
                                            @if ($sale->call_status != 'hold_oders')
                                                <option value="hold_oders">Hold Orders</option>
                                            @else
                                                <option value="hold_oders" selected>Hold Orders</option>
                                            @endif
                                        @else
                                            <option value="pending">Pending Orders</option>
                                            <option value="confirm">Confirmed Orders</option>
                                            <option value="not_confirm">Not Confirmed Orders</option>
                                            <option value="cancel">Cancel Orders</option>
                                            <option value="hold_oders">Hold Orders</option>

                                        @endif
                                    </select>
                                @else
                                    <input type="text" class="form-control" id="call_status" name="call_status"
                                        value="{{ $sale->call_status }}" readonly>
                                @endif
                            </div>
                        </div><br>
                        <div class="row g-3">
                            <div class="col-md-6 response"
                                {{ ($callStatus != 'hold_oders' ? '' : 'hidden' || $callStatus == 'confirm') ? 'hidden' : '' }}>
                                <label style="font-weight: bold" for="call_status-reson">Call Status-Reason</label>
                                <select class="form-control" id="call_status-reson" name="call_status_reason" required>
                                    <option value="no_answer">No Answer</option>
                                    <option value="pending">Pending</option>
                                    <option value="not_respond">Phone Not Responding</option>
                                    <option value="phone_off">Phone off</option>
                                    <option value="confirm">Confirm</option>
                                    <option value="not_confirm">Not Confirm</option>
                                    <option value="number_busy">Number Busy</option>
                                    <option value="wrong_number">Wrong Number</option>
                                    <option value="call_later">Call Later</option>
                                    <option value="want_information">Want Information</option>
                                    <option value="hold">Hold</option>
                                    <option value="canceled">Canceled</option>
                                </select>
                            </div>
                            <div class="form-group call_date" {{ $callStatus == 'hold_oders' ? '' : 'hidden' }}>
                                <label style="font-weight: bold" class="form-control-label">Next Call Date<span
                                        class="tx-danger"></span></label>
                                <input class="form-control  next_call_date" type="date" name="next_call_date"
                                    id="mdate_1">
                            </div>
                            <div class="col-md-6">
                                <label style="font-weight: bold" class="form-control-label">Remark<span
                                        class="tx-danger"></span></label>

                                <input type="text" class="form-control" id="remark" name="remark" value=""
                                    placeholder="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row g-3">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h4 class="header-title mt-0"><b>Add Payment</b></h4>
                        <div class="row g-3">
                            <div class="col-md">
                                <label style="font-weight: bold" for="sub_total">Sub Total</label>
                                <input type="text" class="form-control" placeholder="" id="sub_total"
                                    name="invoice_total" required="" value="{{ $sale->invoice_total }}" readonly>
                            </div>
                            <input type="hidden" name="delivery_fee_type" value="{{ $setting->delivery_fee_type }}"
                                id="delivery_fee_type">
                            @if ($setting->delivery_fee_type == 'from_list')
                                <div class="col-md">
                                    <label style="font-weight: bold" for="delivery_fee">Delivery Charge</label>
                                    <select class="form-control  cs-form" id="delivery_fee" name="delivery_fee"
                                        required readonly>
                                        @foreach ($courier_charjes as $courier_charje)
                                            @if ($sale->delivery_fee == $courier_charje->courier_cost)
                                                <option value="{{ $courier_charje->courier_cost }}" selected>
                                                    {{ $courier_charje->courier_cost }}
                                                @else
                                                <option value="{{ $courier_charje->courier_cost }}">
                                                    {{ $courier_charje->courier_cost }}
                                            @endif
                                            </option>
                                        @endforeach
                                    </select>
                                    <div id="error_msg" style="display: none; color: red;">Delivery Free Field
                                        cannot be empty.!</div>
                                    @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>
                            @else
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="checkbox" name="free_of_charge"
                                        id="free_of_charge" value="option3"
                                        @if ($sale->weight == 0) checked @endif>
                                    <label class="form-check-label" for="inlineRadio3">Free Of Charge</label>
                                </div>
                                <div class="col-md-3">
                                    <label style="font-weight: bold" for="weight">Weight</label>
                                    <input type="number" class="form-control " placeholder="0.00" id="weight_package"
                                        name="weight_package" value="{{ $sale->weight }}">
                                </div>
                            @endif
                            @if (auth()->user()->can('order_commission_agent'))
                                <div class="col-md" @if ($setting->woocommerce_user_wise_report != '1') style="display: none" @endif>
                                    <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="{{ $sale->agent_commission }}">
                                </div>
                            @else
                                <input type="hidden" class="form-control @error('agent_commission') is-invalid @enderror"
                                    placeholder="0.00" name="agent_commission" id="agent_commission" required
                                    value="{{ $sale->agent_commission }}">
                            @endif
                        </div><br>
                        <div class="row g-3">
                            @php
                                $percentage = 0;
                                if ($sale->discount_type == 'fixed') {
                                    $percentage = $sale->invoice_discount;
                                } else {
                                    if ($sale->invoice_discount != 0) {
                                        $percentage = ($sale->invoice_discount / $sale->invoice_total) * 100;
                                    }
                                }
                            @endphp
                            @if (auth()->user()->can('order_discount'))
                                <div class="col-md">
                                    <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" {{ $sale->discount_type == 'fixed' ? 'selected' : '' }}>
                                            Fixed
                                        </option>
                                        <option value="percentage"
                                            {{ $sale->discount_type == 'percentage' ? 'selected' : '' }}>
                                            Percentage</option>
                                    </select>
                                </div>
                                <div class="col-md">
                                    <label style="font-weight: bold" for="discount">Discount</label>
                                    <input type="text" class="form-control" placeholder="" id="discount"
                                        required="" value="{{ $percentage }}">
                                    <input type="hidden" id="invoice_discount" name="invoice_discount"
                                        value="{{ $sale->invoice_discount }}">
                                </div>
                            @else
                                <div class="col-md" hidden>
                                    <select class="form-control " id="discount_type" name="discount_type" required>
                                        <option value="fixed" {{ $sale->discount_type == 'fixed' ? 'selected' : '' }}>
                                            Fixed
                                        </option>
                                        <option value="percentage"
                                            {{ $sale->discount_type == 'percentage' ? 'selected' : '' }}>
                                            Percentage</option>
                                    </select>
                                </div>
                                <input type="hidden" class="form-control" placeholder="" id="discount" required=""
                                    value="{{ $percentage }}">
                                <input type="hidden" id="invoice_discount" name="invoice_discount"
                                    value="{{ $sale->invoice_discount }}">
                            @endcan
                            <div class="col-md">
                                <div class="form-group">
                                    <label style="font-weight: bold" for="payment_method">Payment Method</label>
                                    <select class="form-control select2" id="payment_method" name="payment_method"
                                        @if ($setting->editOrder_someOption_edit_disable == '1') disabled @endif
                                        >
                                        <option value="cash_on_delivery"
                                            @if ($sale->payment_method == 'cash_on_delivery') selected @endif>Cash On Delivery
                                        </option>
                                        <option value="cash" @if ($sale->payment_method == 'cash') selected @endif>Cash
                                            Sale
                                        </option>
                                        <option value="online" @if ($sale->payment_method == 'online') selected @endif>
                                            Online
                                            Payment
                                        </option>
                                        <option value="online_payhere"
                                            @if ($sale->payment_method == 'online_payhere') selected @endif>
                                            Payhere</option>
                                        <option value="bank_transfer"
                                            @if ($sale->payment_method == 'bank_transfer') selected @endif>
                                            Bank Transfer</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>
                    </div>
                    <div class="row g-3">
                        <div class="col-md-4">
                            @if (!empty($sale_payment->payment_method))
                                <div class="form-group" id="div_bank_account_number"
                                    @if (!empty($sale_payment->payment_method)) @if (!empty($sale_payment->payment_method == 'bank_transfer')) @else hidden @endif
                                    @endif>
                                    <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"
                                        value="{{ $sale_payment->bank_account_number }}"
                                        @if ($setting->editOrder_someOption_edit_disable == 1) disabled @endif>
                                </div>
                            @else
                                <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"
                                        @if ($setting->editOrder_someOption_edit_disable == 1) disabled @endif>
                                </div>
                            @endif
                        </div>
                        <div class="col-md-4">
                            @if (!empty($sale_payment->account_id))
                                <div class="form-group account_div"
                                    @if ($sale_payment->payment_method == 'cash_on_delivery' || $sale_payment->payment_method == 'online_payhere') style="display:none" @else @endif>
                                    <label style="font-weight: bold;  background:#ed4b00; color:white;">Payment
                                        Account</label>
                                    <select class="form-control select2" id="account" name="payment_account"
                                        @if ($setting->editOrder_someOption_edit_disable == 1) disabled @endif
                                        >
                                        @foreach ($payment_accounts as $payment_account)
                                            @if ($payment_account->id == $sale_payment->account_id)
                                                <option value="{{ $payment_account->id }}" selected>
                                                    {{ $payment_account->account_name }}
                                                </option>
                                            @else
                                                <option value="{{ $payment_account->id }}">
                                                    {{ $payment_account->account_name }}
                                                </option>
                                            @endif
                                        @endforeach
                                        
                                    </select>
                                    <div style="display:none;">
                                    <select class="form-control select2" id="account" name="payment_account"
                                        style="display:none;"
                                        >
                                    
                                        @foreach ($payment_accounts as $payment_account)
                                            @if ($payment_account->id == $sale_payment->account_id)
                                                <option value="{{ $payment_account->id }}" selected>
                                                    {{ $payment_account->account_name }}
                                                </option>
                                            @else
                                                <option value="{{ $payment_account->id }}">
                                                    {{ $payment_account->account_name }}
                                                </option>
                                            @endif
                                        @endforeach
                                        
                                    </select>
                                </div>
                                </div>
                            @else
                                <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"
                                        @if ($setting->editOrder_someOption_edit_disable == 1) disabled @endif
                                        >
                                        @foreach ($payment_accounts as $payment_account)
                                            <option value="{{ $payment_account->id }}">
                                                {{ $payment_account->account_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-body" style="height: 250px;" id="order-summary">
                    <h4 class="header-title mt-0"><b>Summary</b></h4>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label style="font-weight: bold" for="net_total">Net Total</label>
                            <input type="text" class="form-control" placeholder="" id="net_total"
                                name="invoice_subtotal" required value="{{ $sale->invoice_subtotal }}" readonly
                                style="font-weight: bold">
                        </div>
                        <div class="col-md-6">
                            <label style="font-weight: bold" for="balance">Paid 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" class="form-control" placeholder="" id="paid_amount"
                                name="payment_amount" required value="{{ $paid_amount }}" style="font-weight: bold"
                                @if ($setting->editOrder_someOption_edit_disable == 1) readonly @endif>
                        </div>
                    </div><br>
                    <div class="col-md-6">
                        <label style="font-weight: bold" for="balance">Balance</label>
                        <input type="number" class="form-control" placeholder="" id="balance"
                            name="invoice_balance" readonly required value="{{ $sale->invoice_balance }}"
                            style="font-weight: bold">
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="row g-3">
        <div class="col-md-6">
            <div class="card" style="height: 325px;">
                <div class="card-body">
                    <h4 class="header-title mt-0"><b>Note</b></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="7">{{ $sale->sale_note }}</textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6">
            <div class="card" style="height: 320px;" style="overflow: scroll;">
                <div class="card-body">
                    <div class="table-responsive dash-social">
                        <table id="datatable1" class="table">
                            <thead class="thead-dark">
                                <tr>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Next Call Date</th>
                                    <th>Remark</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (!empty($call_status))
                                    @foreach ($call_status as $status)
                                        <tr>
                                            <td>{{ $status->call_date }}</td>
                                            <td>{{ $status->call_status }}</td>
                                            @if (!empty($status->next_call_date))
                                                <td>{{ \Carbon\Carbon::parse($status->next_call_date)->format('Y-m-d') }}
                                                </td>
                                            @else
                                                <td>N/A</td>
                                            @endif
                                            <td>{{ $status->remark }} </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--end card-body-->
            </div>
            <!--end card-->
        </div>
    </div>
    <div class="col-6" hidden>
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Courier Payments</h4>
                <div class="form-group">
                    <label style="font-weight: bold" for="discount">Actual Courier Charge</label>
                    @if (!empty($courier_payment->courier_fee))
                        <input type="text" class="form-control" placeholder="0" id="courier_cost"
                            name="courier_cost" value="{{ $courier_payment->courier_fee }}" required>
                    @else
                        <input type="text" class="form-control" placeholder="0" id="courier_cost"
                            name="courier_cost" value="0" required>
                    @endif
                </div>
                <div class="form-group" hidden>
                    <label style="font-weight: bold" for="discount">Weight</label>
                    @if (!empty($courier_payment->weight))
                        <input type="text" class="form-control " placeholder="0.00" id="weight"
                            name="weight" value="{{ $courier_payment->weight }}" required>
                    @else
                        <input type="text" class="form-control " placeholder="0.00" id="weight"
                            name="weight" value="1" required>
                    @endif
                </div>
                <div class="form-group" hidden>
                    <label style="font-weight: bold" for="discount">Additional Cost</label>
                    @if (!empty($courier_payment->weight_charge))
                        <input type="text" class="form-control" placeholder="0.00" id="additional_cost"
                            name="additional_cost" value="{{ $courier_payment->weight_charge }}" required>
                    @else
                        <input type="text" class="form-control" placeholder="0.00" id="additional_cost"
                            name="additional_cost" value="" required>
                    @endif
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="col-sm-12 text-right">
        <button type="submit" class="btn btn-primary px-4 py-2" id="product_form_btn"
            style="background: #CC5500; transform: translate(5px);">Update Order
        </button>
    </div>
    </div>
</form>

<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>
    </div>
</div>
<input type="hidden" name="enable_dilivery_charj" id="enable_dilivery_charj"
    value="{{ $setting->enable_dilivery_charj }}">
@endsection
@section('scripts')
<script>
    var enable_dilivery_charj = $('#enable_dilivery_charj').val();
    $(document).ready(function() {
        $('#payment_method').select2();
        $('#country_id').select2();
        let country_id = $('#country_id').val();
        if (country_id == '200') {
            $('#state_div1').hide();
        } else {
            $('#state_div1').show();
        }
        $('#mdate_1').val(moment(new Date()).format("YYYY-MM-DD"));
        $other = $("#other_city").val();
        if ($other != "") {
            $('#other_city_div').show();
        }
        let courior_id = $('#courior').val();
        var qty = $(".qty").val();
        if (country_id != '') {
            $.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);
                }
            });
        }
    });
    $(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").val('');
                    $('#other_city_div').hide();
                }
            }
        });
    });
    // $('#add-to-table').click(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()
    //         }
    //     });
    // });
    $('#add-to-table').click(function() {
        var selected = $('#grn-product-list').find(':selected').val();
        var rowCount = $('#datatable tbody tr').length;
        var currencytype = $('#currency_type').val();
        axios.get('{{ url('/orders/product/add/') }}/' + selected + '/' + rowCount + '/' + currencytype)
            .then(function(response) {
                $(response.data).appendTo($("#datatable tbody"));
                calucalte()
            })
            .catch(function(error) {
                console.log(error);
            })
    })
    $(document).on('click', '#product_form_btn', function() {
        $("#ref_number_copy").val($("#ref_number").val());
        $("#ref_number_id_copy").val($("#ref_number_id").val());
        $("#courior_copys").val($("#courior").val());
    })

    $(document).on('change', '#ref_number, #supplier', function() {
        $("#ref_number_copy").val($("#ref_number").val());
        $("#mdate_copy").val($("#mdate").val());
        $("#supplier_copy").val($("#supplier").find(':selected').val());
    })

    $(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='city']").val(response.data['city'])
                $("[name='province_id']").val(response.data['province_id'])
                $("[name='province_id']").trigger('change')
            }
        });
    })

    $(document).on('click', '#discount', function() {
        this.select();
    })
    $(document).on('change', '#discount', function() {
        calucalte();
    })
    $(document).on('change', '.qty, .s_price', function() {
        let qty = $(this).closest("tr").find(".qty").val();
        let p_price = $(this).closest("tr").find(".s_price").val();
        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', '.usd_qty, .usd_s_price , .usd_rate', function() {
        let qty = $(this).closest("tr").find(".usd_qty").val();
        let p_price = $(this).closest("tr").find(".usd_s_price ").val();
        let currency_rate = $('#currency_rate').val();
        let 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)
        $(this).closest("tr").find(".line_total").html(line_total);
        $(this).closest("tr").find(".currency_rate").val(currency_rate);
        calucalte();
    })
    $(document).on('click', '.remove_row', function() {
        $(this).closest("tr").remove();
        calucalte();
    })
    $(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").html());
            });
            let delivery_fee = $('#delivery_fee').val();
            let fake_delivery_fee = '350';
            let agent_commission = $('#agent_commission').val();
            let discount_type = $("#discount_type").val();
            let discount_value = $("#discount").val();
            let paid_amount = $('#paid_amount').val();
            sub_total = total;
            net_total = sub_total + parseInt(fake_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 (paid_amount == '') {
                paid_amount = 0;
                $('#paid_amount').val(0);
            }
            balance = net_total - parseFloat(paid_amount);
            //$('#sub_total').val(sub_total);
            $('#net_total').val(net_total);
            $('#p_amount').val(sub_total);
            $('#balance').val(balance);
        } 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").html());
            });
            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 paid_amount = $('#paid_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 (paid_amount == '') {
                paid_amount = 0;
                $('#paid_amount').val(0);
            }
            balance = net_total - parseFloat(paid_amount);
            //$('#sub_total').val(sub_total);
            $('#net_total').val(net_total);
            $('#p_amount').val(sub_total);
            $('#balance').val(balance);
        }
    }
    $(document).on('change', '#paid_amount', function() {
        calucalte();
    })
    $(document).on('change', '[name="name"], [name="mobile"]', function() {
        var value = $(this).val();
        axios.get('{{ url('orders/customer/search') }}', {
                params: {
                    query: value
                }
            })
            .then(function(response) {

                if (response.data != "") {
                    $("#html").html(response.data);
                    $("#cus_modal").modal({
                        backdrop: 'static',
                        keyboard: false
                    })
                }
            })
            .catch(function(error) {
                console.log(error);
            })
            .finally(function() {

            });
    });

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

    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('click', '.select-cus', function() {
        loadCustomer(this.id);
        $("#cus_modal").modal('hide');
    })

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

    $(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) {
                $('#district_id').val(response).change();
            }
        });
    })
    $('#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);
                }
            }
        });
    });
    $('#product_form_btn').click(function(event) {
        event.preventDefault();
        $('#product_form_btn').prop('disabled', true);
        let mobile = $('#primary_mobile').val();
        let mobile_2 = $('#secondary_mobile').val();

        const mobileRegex = /^0\d{9}$/; // starts with 0 and exactly 10 digits

        if (!mobileRegex.test(mobile)) {
            $('#error_message').text("Primary mobile must be 10 digits and start with 0").show();
            $('#product_form_btn').prop('disabled', false);
            return;
        } else {
            $('#error_message').hide();
        }

        if (mobile_2 && !mobileRegex.test(mobile_2)) {
            $('#error_message2').text("Secondary mobile must be 10 digits and start with 0").show();
            $('#product_form_btn').prop('disabled', false);
            return;
        }else {
            $('#error_message2').hide();
        }
        let flag = !$("#supplier_copy").val();
        
        let name = $('#name').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();
        if (flag) {
            var serializedData = $('#cus_form').serialize()
            $.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')
                        $('#product_form_btn').prop('disabled', false);
                    } else {
                        $('#product_form').submit();
                    }
                }
            });
        } else {
            let id = $('#supplier_copy').val();
            $.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', '#country_id', function() {
        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();
        }
    });
    if (enable_dilivery_charj == '1') {
        $(document).on('change', '#courior', 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();
                    if (response.html == '1') {
                        $("#product_form_btn").prop("disabled", true);
                        $('#error_msg').show();
                    } else {
                        $("#product_form_btn").prop("disabled", false);
                    }
                }
            })
        });
        $(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();
                }
            })
        });
        $(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();
                    }
                }
            })
        });
    } 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();
                }
            })
        })
    }
    $('#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('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', '#call_status', function() {
        let val = $(this).val();
        if (val === 'hold_oders') {
            $('.response').attr('hidden', true);
            $('.call_date').attr('hidden', false);
        } else {
            $('.response').attr('hidden', false);
            $('.call_date').attr('hidden', true);
            $('.next_call_date').val('');
        }
        if (val === 'confirm') {
            $('.response').attr('hidden', true);
        } else {
            $('.response').attr('hidden', false);
        }
    })
    $(document).on('change', '#currency_type', function() {
        $('#order_currency_type').val($(this).val());
        getProductsRelatedToCurrency($(this).val());
    });
    $('#primary_mobile').on('input', function() {
        var fieldValue = $('#primary_mobile').val();

        if (fieldValue === '') {
            $('#product_form_btn').prop('disabled', true);
            $('#error_message').show();
        } else {
            $('#product_form_btn').prop('disabled', false);
            $('#error_message').hide();
        }
    });

    $(document).on('change', '#paid_amount', function() {
        let invoice_total = $('#net_total').val();
        let balance = $('#balance').val();
        let paid_amount = $('#paid_amount').val();
        if (paid_amount == '') {
            paid_amount = 0;
            $('#paid_amount').val(0);
        }
        let new_balance = parseFloat(invoice_total) - parseFloat(paid_amount);
        if (parseFloat(paid_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);
    });
    $('#currency_type').on('change', function() {
        var selectedValue = $(this).val();
        if (selectedValue === 'lkr') {
            $('#div_currency_rate').hide();
        } else {
            $('#div_currency_rate').show();
        }
    });
    $(document).on('change', function() {
        var paid_amount = $('#paid_amount').val();
        var net_total = $('#net_total').val();
        if (parseFloat(paid_amount) > parseFloat(net_total)) {
            $("#product_form_btn").prop("disabled", true);
            Swal.fire(
                'Error',
                'Paid Amount Exceed. Please Check Paid Amount',
                'warning',
            )
        }
    });
    $(document).on('change', function() {
        setTimeout(function() {
            $("#product_form_btn").prop("disabled", false);
            $('#error_msg').hide();
        }, 50000);
    });
    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();
        //             }
        //         }
        //     })
        // });
    }
</script>
@endsection