@extends('layouts.master')

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

@section('content')

<div class="col-12">
    <div class="card">
        <div class="card-body">
            <h4 class="header-title mt-0">Exchange Order Details(previous)</h4>
            <div class="row justify-content-center">
                <div class="table-responsive dash-social">
                    <table id="datatable2" class="table table-striped">
                        <thead class="thead-dark">
                            <tr>
                                <th>Product Name</th>
                                <th>Quantity</th>
                                <th>Selling Price</th>
                                <th>Line Total</th>
                                <th>Exchange Quantity</th>
                                <th>Exchange</th>
                            </tr>
                        </thead>
                        <tbody id="t-body2">
                            @foreach ($sale_items as $count => $sale_item)
                                <tr>
                                    <td>{{ $sale_item->product->product_name }}</td>
                                    <td>
                                        <input type="text" class="form-control qty" placeholder="" value="{{ $sale_item->qty }}">
                                        <input type="hidden" class="form-control old_qty" value="{{ $sale_item->qty }}">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control s_price" placeholder="" required value="{{ $sale_item->sale_unit_price }}">
                                        <input type="hidden" class="form-control old_s_price" value="{{ $sale_item->sale_unit_price }}">
                                        <input type="hidden" class="form-control" readonly value="{{ $sale_item->product_id }}" required>
                                    </td>
                                    <td class="line_total">{{ $sale_item->sale_line_total }}</td>
                                    <td>
                                        <input type="text" class="form-control exchange_qty" placeholder="Exchange Quantity">
                                    </td>
                                    <td>
                                        <input type="checkbox" class="form-check-input exchange_checkbox" value="{{ $sale_item->id }}">
                                    </td>
                                    <td>
                                        <input type="hidden" class="form-control grn" readonly value="{{ $sale_item->id }}">
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col-3 border bg-light py-2">
                    <strong>Previous Total:</strong> {{$sale->invoice_nettotal}}
                </div>
                <div class="col-3 border bg-light py-2">
                    <strong>Previous Paid:</strong> {{$paid}}
                </div>
                <div class="col-3 border bg-light py-2">
                    <strong>Sub Total:</strong> {{$sale->invoice_nettotal - $paid}}
                </div>
                <div class="col-3 border bg-light py-2">
                    <strong>Total Payable:</strong> {{$sale->invoice_nettotal - $paid}}
                </div>
            </div>
            
        </div>
    </div>
</div>

<div class="col-md-6">
    <div class="card" style="height: 525px;">
        <div class="card-body">
            <h4 class="header-title mt-0">Add Products for new order</h4>
            <form action="{{ route('exchange.store') }}" method="POST" id="product_form">
                @csrf
                <input type="hidden" id="prev_sale_id" name="prev_sale_id" value="{{$sale->id}}">
                <input type="hidden" id="prev_contact_id" name="prev_contact_id" value="{{$sale->customer->id}}">
                <input type="hidden" id="hidden_ex_qty" name="hidden_ex_qty">
                <input type="hidden" id="hidden_ex" name="hidden_ex">

                <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 $stock)
                                        @if (!empty($stock->product))
                                            <option id="{{ $stock->id }}" value="{{ $stock->id }}"
                                                @if ($setting->check_stock_of_order_dispatch != '1') {{ $stock->qty > 0 ? '' : 'disabled' }}>
                                                @else @endif
                                                <strong>
                                                {{ $stock->product->sku }}
                                                </strong>
                                                | {{ $stock->product->product_name }}@if (!empty($stock->product->attribute_value))
                                                    ({{ $stock->product->attribute_value }})
                                                @else
                                                    (single)
                                                @endif
                                                | Price : {{ number_format($stock->unit_price, 2) }}
                                                | Avb. Qty
                                                :
                                                @if ($stock->qty > 0)
                                                    {{ number_format($stock->qty, 1) }}
                                                @else
                                                    Out of Stock
                                                @endif
                                                {{ $stock->product->unit->short_name }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="table-responsive dash-social" style="height: 380px;" 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 id="tbody">
                        </tbody>
                    </table>
                </div>
</div>
        <div>
            <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" readonly
                hidden>
            <input type="text" class="form-control" placeholder="" id="courior_copy" name="courier"
                value="" 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="user_id" name="user_id" value="{{ Auth::user()->id }}">
            <div hidden>
                <input class="form-check-input" id="check_stock_of_order_dispatch" type="text"
                    name="check_stock_of_order_dispatch" value="{{ $setting->check_stock_of_order_dispatch }}"
                    hidden>
                <select class="form-control select2" id="location_id_copy" name="location" hidden>
                    @if (Auth::user()->role_id == '1')
                        @foreach ($users_access_location as $business_location)
                            @if ($business_location->is_active == '1')
                                <option value="{{ $business_location->id }}">
                                    {{ $business_location->name }}
                                </option>
                            @else
                            @endif
                        @endforeach
                    @else
                        @foreach ($users_access_location as $business_location)
                            @if ($business_location->is_active == '1')
                                <option value="{{ $business_location->business_location_id }}">
                                    {{ $business_location->name }}
                                </option>
                            @else
                            @endif
                        @endforeach
                    @endif
                </select>
           
            @if($setting->remove_some_resources == '1')
            <select class="form-control select2" id="order_resources" name="resources" placeholder="Choose Resources">
                <option value="whats_app">WhatsApp</option>
                <option value="face_book_leeds">Facebook Leads</option>
                <option value="face_book_massenger">Facebook Massenger</option>
                <option value="daraz">Daraz</option>
                <option value="missed_call">Missed Call</option>
                <option value="call_order">Call Order</option>
                <option value="exchange">Exchange</option>
                <option value="re_arrange">Re arrange</option>
                <option value="gift">Gift</option>
                <option value="contact_person">Contact Person</option>
            </select>
            @else
            <select class="form-control" id="order_resources" name="resources" hidden>
                <option value="">N/A</option>
                <option value="whats_app">WhatsApp</option>
                <option value="face_book_leeds">Facebook Leads</option>
                <option value="face_book_massenger">Facebook Massenger</option>
                <option value="bulk_order">Bulk Order</option>
                <option value="daraz">Daraz</option>
                <option value="voucher">Voucher Order</option>
                <option value="tamil_order">Tamil Orders</option>
                <option value="follow_up">Follow Up</option>
                <option value="call_order">Call Order</option>
                <option value="missed_call">Missed Call</option>
                <option value="flagship_store">Flagship Store</option>
                <option value="meta">Meta</option>
                <option value="online">Online</option>
            </select>
            @endif
        </div>
            <div class="form-group" hidden>
                <select class="form-control select2" id="order_copy_batch" name="order_batch">
                    @foreach ($order_batchs as $order_batch)
                        <option value="{{ $order_batch->id }}">{{ $order_batch->batch_name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <!--end card-body-->
    </div>
    <!--end card-->
</div>

<div class="col-md-6">
    <div class="card">
        <div class="card-body">
            <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>
                    @foreach ($couriors as $courior)
                        <option value="{{ $courior->id }}" @if ($courior->default_courier == 'yes') selected @endif>
                            {{ $courior->name }} </option>
                    @endforeach
                </select>
            </div>
            @if ($setting->delivery_fee_type == 'from_list')
                <div class="form-group">
                    <label style="font-weight: bold" step="0.00" for="delivery_fee">Delivery Charge</label>
                    <input type="number" class="form-control" id="delivery_fee" name="delivery_fee" value="0.00"
                        placeholder="0.00" required>
                    @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">
                    <label class="form-check-label" for="inlineRadio3">Free Of Charge</label>
                </div>
                <div class="form-group">
                    <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="1">
                </div>
            @endif
            <div class="form-group">
                <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">
                <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>
                    @foreach ($payment_methods as $key => $payment_method)
                        <option value="{{ $key }}">{{ $payment_method }}</option>
                    @endforeach
                </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>
                <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->account_name }}</option>
                    @endforeach
                </select>
            </div>
            <input type="hidden" name="delivery_fee_type" value="{{ $setting->delivery_fee_type }}"
                id="delivery_fee_type">
            <div class="form-group mt-4">
                <label style="font-weight: bold" for="order_status">Order Status</label>
                <select class="form-control select2 " id="order_status" name="order_status" required>
                    <option value="confirm" selected>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>
    </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">
                    <label class="form-check-label"><b>Send sms</b></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>
            <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>

{{-- start modal to exchange --}}
<div class="modal fade" id="exchange_modal" tabindex="-1" role="dialog" aria-labelledby="exchange_modal_label" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exchange_modal_label">Exchange Item</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Form for exchanging items -->
                <form id="exchangeForm">
                    <div class="form-group">
                        <label for="exchange_quantity">Exchange Quantity:</label>
                        <input type="text" class="form-control" id="exchange_quantity" placeholder="Enter exchange quantity">
                    </div>
                    <!-- Add other input fields as needed -->
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="exchange_button">Exchange</button>
            </div>
        </div>
    </div>
</div>
{{-- end modal --}}

@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() {

    $('#product_form').submit(function(){
        var exQtyValues = []; 
        var exIds = []; 
        
        // Iterate
        $('#datatable2 tbody tr').each(function(){
            var checkbox = $(this).find('.exchange_checkbox');
            var isChecked = checkbox.prop('checked');
            
            if (isChecked) { 
                var exQty = $(this).find('.exchange_qty').val(); 
                var exId = checkbox.val();
                
                exQtyValues.push(exQty); // quantity to array
                exIds.push(exId); 
            }
        });
        
        // Copy
        $('#hidden_ex_qty').val(exQtyValues.join(','));
        $('#hidden_ex').val(exIds.join(','));
    });

        $('#payment_method').on('change', function () {
        var selectedValue = $(this).val();
            if (selectedValue === 'cash_on_delivery') {
                $('#payment_amount').prop('disabled', true);
            } else {
                $('#payment_amount').prop('disabled', false);
            }
        });

        $(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"));
     
        $('#name').on('input focusout', function() {
            var name = $(this).val();
            $.ajax({
                url: '/get-customer-data',
                type: 'GET',
                data: {
                    name: name
                },
                success: function(data) {
                    if (data) {
                        $('#customer_details').removeAttr('hidden');
                        $('#sales_table tbody').empty();

                        $.each(data.sales, function(index, sale) {
                            var row =
                                '<tr class="text-center" style="height: 20px !important; line-height: 1;">' +
                                '<td style="padding: 5px;" hidden>' + sale.id +
                                '</td>' +
                                '<td style="padding: 5px;">' + sale.sale_date +
                                '</td>' +
                                '<td style="padding: 5px;">' + sale
                                .full_waybill_no + '</td>' +
                                '<td style="padding: 5px;">' + sale.call_status +
                                '</td>' +
                                '<td style="padding: 5px;">' + sale.status +
                                '</td>' +
                                '</tr>';
                            $('#sales_table tbody').append(row);
                        });
                    }
                }
            });
        });
    });

    $('#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;
        var currencytype = $('#currency_type').val();
        axios.get('{{ url('/sale_return/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, #business_location_id, #resources, #order_campgin_id',
        function() {
            $("#mdate_copy").val($("#mdate").val());
            $("#courior_copy").val($("#courior").val());
            $("#ref_no_copy").val($("#ref_no").val());
            $("#supplier_copy").val($("#supplier").find(':selected').val());

            $("#order_resources").val($("#resources").find(':selected').val());
            $("#location_id_copy").val($("#business_location_id").find(':selected').val());

            $("#order_copy_batch").val($("#order_campgin_id").find(':selected').val());

        })
  
    $(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('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 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").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 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);
            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);
        }
    }

    $(document).on('click', '#discount', function() {
        this.select();
    })

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

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

    $(document).on('change', '#payment_amount', function() {
        calucalte();
    })
    $(document).on('input', '.qty', function() {
        let check_stock_of_order_dispatch = $('#check_stock_of_order_dispatch').val();
        if (check_stock_of_order_dispatch != '1') {
            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', '#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', '#delivery_fee', function() {
        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', '#business_location_id', function() {
        $('#business_location_id').val($(this).val());
        getProductsRelated($(this).val());
    });

    function getProductsRelated(business_location_id) {
        $.ajax({
            method: 'GET',
            url: "{{ route('sale.location') }}",
            data: {
                business_location_id: business_location_id,
            },
            success: function(options) {
                $('#grn-product-list').empty().html(options)
            }
        });
    }
</script>
    
@endsection