@php
    $payment = primery_purchase_payments($item->id);
@endphp
<form action="{{ route('purchase.update', $item->id) }}" method="post" id="ajax_form_data" enctype="multipart/form-data">
    @csrf
    <div class="row">
        <div class="col-md-9">
            <div class="row">
                @if (usertype() == 'admin')
                    <div class="col-md-3 mb-1">
                        <div class="form-group">
                            <label for="productTitle" class="mb-2">Location</label>
                            <select name="company_branch_id" class="form-control">
                                <option value="">Select</option>
                                @foreach ($company_branchs as $company_branch)
                                    <option value="{{ $company_branch->id }}"
                                        {{ $item->company_branch_id == $company_branch->id ? 'selected' : '' }}>
                                        {{ $company_branch->branch_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                @else
                    <input type="hidden" id="company_branch_id" name="company_branch_id"
                        value="{{ $item->company_branch_id }}">
                @endif

                <div class="col-md-5 mb-1">
                    <div class="form-group">
                        <label for="productTitle" class="mb-2">Supplier</label>
                        <div class="form-group">
                            <select class="form-select form-control selectpicker" name="supplier_id"
                                aria-label="Default select example" data-live-search="true">
                                <option value="">Select or Search</option>
                                @foreach ($suppliers as $supplier)
                                    <option value="{{ $supplier->id }}"
                                        {{ $supplier->id == $item->supplier_id ? 'selected' : '' }}>
                                        {{ $supplier->company }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 mb-1">
                    <div class="form-group">
                        <label for="productTitle" class="mb-2">Order No</label>
                        <input type="text" class="form-control" placeholder="Order No" name="order_no"
                            value="{{ $item->order_no }}">
                    </div>
                </div>
                <div class="col-md-2 mb-1">
                    <div class="form-group">
                        <label for="productTitle" class="mb-2">Reference No</label>
                        <input type="text" class="form-control" placeholder="Reference No" name="reference_no"
                            value="{{ $item->reference_no }}">
                    </div>
                </div>
                <div class="col-md-3 mb-1">
                    <div class="form-group">
                        <label for="productTitle" class="mb-2">Purchase Status</label>
                        <select name="purchase_status" class="form-control">
                            <option value="draft" {{ $item->purchase_status == 'draft' ? 'selected' : '' }}>
                                Draft
                            </option>
                            <option value="ordered" {{ $item->purchase_status == 'ordered' ? 'selected' : '' }}>
                                Ordered</option>
                            <option value="recieved" {{ $item->purchase_status == 'recieved' ? 'selected' : '' }}>
                                Recieved</option>
                        </select>
                    </div>
                </div>

                <div class="col-md-5 mb-1">
                    <div class="form-group">
                        <label for="productTitle" class="mb-2">Customer Note</label>
                        <input type="text" class="form-control" placeholder="Customer Note" name="customer_note"
                            value="{{ $item->customer_note }}">
                    </div>
                </div>
                <div class="col-md-2 mb-1">
                    <div class="form-group">
                        <label for="productTitle" class="mb-2">Private Note</label>
                        <input type="text" class="form-control" placeholder="Private Note" name="private_note"
                            value="{{ $item->private_note }}">
                    </div>
                </div>
                <div class="col-md-2 mb-1">
                    <label for="productTitle" class="mb-2">Available Qty</label>
                    <div class="form-group">
                        <input type="text" class="form-control" id="avaiable_stock" disabled
                            style="background-color:#FFFF80;font-wight:700px;">
                    </div>
                </div>
            </div>
            <div class="row mb-2 mt-2" style="border-top:1px #ccc solid;padding-top:15px;">
                <div class="col-md-6">
                    <div class="form-group">
                        <input type="text" class="form-control" id="product_search"
                            placeholder="Type product name or code">
                        <div id="product_suggestions" class="dropdown-menu" style="display: none;"></div>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <input type="number" class="form-control" id="unit_price" placeholder="Unit Price"
                            step="any">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <input type="number" class="form-control" step="any" id="qty"
                            placeholder="Quantity">
                    </div>
                </div>

                <div class="col-md-2">
                    <button class="btn btn-primary add-row" style="width:100%;">Add</button>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="table-fixed-head table-responsive" style="height:50vh;">
                        <table class="table" style="width:100%;" id="purchase_table">
                            <thead>
                                <tr>
                                    <th rowspan="2" class="text-center" style="width:5%">
                                        Sl</th>
                                    <th rowspan="2" class="text-center" style="width:8%">
                                        Code</th>
                                    <th rowspan="2" colspan="2" class="text-center" style="width:30%;">Product
                                    </th>
                                    <th rowspan="2" colspan="2" class="text-center" style="width:20%">
                                        Quanity</th>
                                    <th rowspan="2" class="text-center" style="width:10%">
                                        Unit Price</th>
                                    <th rowspan="2" class="text-center">Amount</th>
                                    <th colspan="2" class="text-center">Discount</th>
                                    <th colspan="2" class="text-center">Vat/Tax</th>
                                    <th rowspan="2" class="text-center">Net Amount</th>
                                    <th rowspan="2" class="text-center">Action</th>
                                </tr>
                                <tr>
                                    <th class="text-center">Percent (%)</th>
                                    <th class="text-center">Amount </th>
                                    <th class="text-center">Percent (%)</th>
                                    <th class="text-center">Amount </th>
                                </tr>
                            </thead>
                            <tbody id="data">
                                @include('purchase.edit_row')
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" style="padding-top:10px;">
                    <div class="form-group mb-1 d-flex align-items-center">
                        <label for="invoiceNo" class="mb-1 me-2" style="width: 40%;">Custom
                            Note</label>
                        <input type="text" class="form-control" name="custom_note"
                            value="{{ $item->custom_note }}">
                    </div>
                    <div class="form-group mb-1 d-flex align-items-center">
                        <label for="invoiceNo" class="mb-1 me-2" style="width: 40%;">Delivery Date</label>
                        <input type="datetime-local" class="form-control" name="delivery_date"
                            value="{{ $item->delivery_date }}">
                    </div>
                    <div class="form-group mb-1 d-flex align-items-center">
                        <label for="invoiceNo" class="mb-1 me-2" style="width: 40%;">Delivery Status</label>
                        <select name="delivery_status" class="form-control">
                            <option value="pending" {{ $item->delivery_status == 'pending' ? 'selected' : '' }}>
                                Pending
                            </option>
                            <option value="recieved" {{ $item->delivery_status == 'recieved' ? 'selected' : '' }}>
                                Recieved
                            </option>
                        </select>
                    </div>
                    <div class="form-group mb-1 d-flex align-items-center">
                        <label for="invoiceNo" class="mb-1 me-2" style="width: 40%;">Delivery Note</label>
                        <input type="text" class="form-control" name="delivery_note"
                            value="{{ $item->delivery_note }}">
                    </div>

                </div>
                <div class="col-md-6">
                    <div class="method_information">
                        @foreach (paymentinfos($payment['payment_id'], 'purchase') as $info)
                            <input type="hidden" name="payment_method_field_id[]" value="{{ $info->field_id }}">
                            <div class="form-group mb-1 d-flex align-items-center">
                                <label for="invoiceNo" class="mb-1 me-2"
                                    style="width: 40%;">{{ $info->field_name }}</label>
                                <input type="text" class="form-control" name="information[]"
                                    value="{{ $info->information }}">
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3 sidebar-sumerise">
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="invoiceNo" class="mb-1 me-2" style="width: 40%;">Invoice
                    No</label>
                <input type="text" class="form-control" id="invoiceNo" placeholder="Invoice No"
                    name="invoice_no" value="{{ $item->invoice_no }}" disabled style="width: 60%;">
            </div>
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="purchaseDate" class="mb-1 me-2" style="width: 40%;">Invoice
                    Date</label>
                <input type="datetime-local" class="form-control" id="purchaseDate" placeholder="Purchase date"
                    name="purchase_date" value="{{ $item->purchase_date }}" style="width: 60%;">
            </div>
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="subTotal" class="mb-1 me-2" style="width: 40%;">Sub
                    Total</label>
                <input type="number" class="form-control text-right totalAmount" id="subTotal"
                    placeholder="Sub Total" readonly style="width: 60%;" value="{{ $item->amount }}">
                <input type="hidden" class="form-control totalAmount" name="amount" value="{{ $item->amount }}">
            </div>
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="discount" class="mb-1 me-2" style="width: 40%;">Discount</label>
                <input type="number" class="form-control text-right totalDiscount" id="discount"
                    placeholder="Discount" readonly style="width: 60%;" value="{{ $item->total_discount }}">
                <input type="hidden" name="total_discount" class="form-control totalDiscount"
                    value="{{ $item->total_discount }}">
            </div>

            <div class="form-group mb-1 d-flex align-items-center">
                <label for="taxVat" class="mb-1 me-2" style="width: 40%;">Tax /
                    Vat</label>
                <input type="number" class="form-control text-right totalVat" id="taxVat"
                    placeholder="Tax / Vat" readonly style="width: 60%;" value="{{ $item->total_vat }}">
                <input type="hidden" name="total_vat" class="form-control totalVat">
            </div>
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="shippingCharge" class="mb-1 me-2" style="width: 40%;">Shipping Charge</label>
                <input type="number" class="form-control text-right" id="shippingCharge"
                    placeholder="Others Charge" name="shiping_charge" style="width: 60%;"
                    value="{{ number_format($item->shiping_charge, 3, '.', '') }}">
            </div>

            <div class="form-group mb-1 d-flex align-items-center">
                <label for="taxVat" class="mb-1 me-2" style="width: 40%;">Total</label>
                <input type="number" class="form-control text-right total_amount" placeholder="Total" readonly
                    style="width: 60%;" value="{{ number_format($item->total_amount, 3, '.', '') }}">
                <input type="hidden" name="total_amount" class="form-control total_amount"
                    value="{{ $item->total_amount }}">
            </div>


            <div class="form-group mb-1 d-flex align-items-center">
                <label for="taxVat" class="mb-1 me-2" style="width: 40%;">Gross
                    Discount</label>
                <select name="gross_discount_type" id="gross_discount_type" class="form-control"
                    style="width: 15%;">
                    <option value="normal">Normal</option>
                    <option value="parcantage">%</option>
                </select>
                <input type="number" class="form-control text-right gross_discount_value"
                    placeholder="Gross discount" name="gross_discount_value" style="width: 25%;"
                    value="{{ $item->gross_discount_value }}">
                <input type="number" class="form-control text-right gross_discount_amount"
                    id="gross_discount_amount" style="width: 20%;" value="{{ $item->gross_discount_amount }}"
                    disabled>

                <input type="hidden" name="gross_discount_amount" class="gross_discount_amount"
                    value="{{ $item->gross_discount_amount }}">
            </div>


            <div class="form-group mb-1 d-flex align-items-center">
                <label for="payableAmount" class="mb-1 me-2" style="width: 40%;">Payable
                    Amount</label>
                <input type="number" class="form-control totalNetTotal text-right" id="payableAmount"
                    placeholder="Payable Amount" disabled style="width: 60%;" value="{{ $item->nettotal }}">
                <input type="hidden" class="form-control totalNetTotal" name="nettotal"
                    value="{{ $item->nettotal }}">
            </div>
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="paidAmount" class="mb-1 me-2" style="width: 40%;">Paid
                    Amount</label>
                <input type="number" class="form-control text-right paidamount" placeholder="Paid Amount"
                    name="paid_amount" style="width: 60%;" value="{{ $item->paid_amount }}">
            </div>
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="dueAmount" class="mb-1 me-2" style="width: 40%;">Due
                    Amount</label>
                <input type="text" class="form-control text-right dueamount" placeholder="Due Amount" disabled
                    style="width: 60%;" value="{{ $item->due_amount }}">
                <input type="hidden" class="form-control dueamount" name="due_amount"
                    value="{{ $item->due_amount }}">
            </div>
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="changeAmount" class="mb-1 me-2" style="width: 40%;">Change
                    Amount</label>
                <input type="number" class="form-control text-right changeamount" placeholder="Change Amount"
                    disabled style="width: 60%;" value="{{ $item->change_amount }}">
                <input type="hidden" class="form-control changeamount" name="change_amount"
                    value="{{ $item->change_amount }}">
            </div>
            <hr>
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="changeAmount" class="mb-1 me-2" style="width: 40%;">Payment
                    Method</label>
                <select name="payment_method" id="payment_method" class="form-control" style="width: 60%;">
                    <option value="">Choice...</option>
                    @foreach (payment_method() as $payment_method)
                        <option value="{{ $payment_method }}"
                            {{ $payment['payment_method'] == $payment_method ? 'selected' : '' }}>
                            {{ Str::ucfirst($payment_method) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group mb-1 d-flex align-items-center">
                <label for="changeAmount" class="mb-1 me-2" style="width: 40%;">Account</label>
                <select name="account_id" class="form-control" style="width: 60%;">
                    <option value="">Choice...</option>
                    @foreach ($accounts as $account)
                        <option value="{{ $account->id }}"
                            {{ $payment['account_id'] == $account->id ? 'selected' : '' }}>
                            {{ $account->account_name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="mt-2">
                <button type="submit" class="btn btn-primary" style="width:100%;">Update</button>
            </div>
        </div>
    </div>
</form>

<script>
    $(function() {
        $('.selectpicker').selectpicker();
    });
    $(document).ready(function() {

        $(".wrapper").addClass("toggled");
        $(".sidebar-wrapper").hover(function() {
            $(".wrapper").addClass("sidebar-hovered");
        }, function() {
            $(".wrapper").removeClass("sidebar-hovered");
        });


        let selectedProductId = null; // Store the selected product ID
        $("#product_search").focus();
        $("#product_search").on("input", function() {
            let inputWidth = $(this).outerWidth();
            $('#product_suggestions').css('width', inputWidth);
            const query = $(this).val();
            var branch_id = $("#company_branch_id").val();
            if (query.length >= 2) {
                $.ajax({
                    url: "{{ route('product.search') }}", // Route to fetch products
                    type: 'GET',
                    data: {
                        query: query,
                        branch_id: branch_id
                    },
                    success: function(data) {
                        let suggestions = '';
                        data.forEach(product => {
                            suggestions +=
                                `<a href="#" class="dropdown-item" data-id="${product.id}" data-name="${product.name}" data-price="${product.purchase_price}">${product.name} - ${product.product_code}</a>`;
                        });
                        $("#product_suggestions").html(suggestions).show();
                    }
                });
            } else {
                $("#product_suggestions").hide();
            }
        });

        function stock(product_id) {
            if (product_id) {
                $.ajax({
                    url: "{{ route('product.getStock') }}", // Route to fetch products
                    type: 'GET',
                    data: {
                        product_id: product_id
                    },
                    success: function(data) {
                        $("#avaiable_stock").val(data.toFixed(3)); // Set product name in search box
                    }
                });
            }
        }
        // Handle selection of a product
        $("#product_suggestions").on("click", ".dropdown-item", function(e) {
            e.preventDefault();
            selectedProductId = $(this).data("id"); // Store selected product ID
            const productName = $(this).data("name");
            const price = $(this).data("price");
            stock(selectedProductId);
            $("#product_search").val(productName); // Set product name in search box
            $("#unit_price").val(price);
            $("#qty").focus(); // Focus on qty input
            $("#product_suggestions").hide();
        });

        // Handle Enter key press on qty input
        $("#qty").keypress(function(e) {
            if (e.which === 13) { // Enter key
                e.preventDefault(); // Prevent form submission
                $("#qty").focus(); // Focus on qty input
            }
        });

        $(".add-row").click(function(e) {
            e.preventDefault(); // Prevent form submission
            const qty = $("#qty").val();
            if (selectedProductId && qty) {
                addProductRow(selectedProductId, qty);
                $("#qty").val(''); // Clear qty input
                $("#product_search").val('').focus(); // Clear and refocus product search
                selectedProductId = null; // Reset selected product ID for next entry
            } else {
                alert("Please select a product and enter a quantity.");
            }

        });

        $("#qty").keypress(function(e) {
            if (e.which === 13) { // Enter key
                e.preventDefault(); // Prevent form submission

                const qty = $(this).val();
                if (selectedProductId && qty) {
                    addProductRow(selectedProductId, qty);
                    $(this).val(''); // Clear qty input
                    $("#product_search").val('').focus(); // Clear and refocus product search
                    selectedProductId = null; // Reset selected product ID for next entry
                } else {
                    alert("Please select a product and enter a quantity.");
                }
            }
        });

        let rowCount = 0;

        function addProductRow(product_id, qty) {
            let unit_price = 0;
            if ($("#unit_price").val() == '' || $("#unit_price").val() == 0) {
                unit_price = 0;
            } else {
                unit_price = $("#unit_price").val();
            }
            var multi_data_entry = "{{ $general_setting['multi_data_entry'] }}";
            if (multi_data_entry == 1) {
                // Check if the product is already in the table
                let existingRow = $(`tr[data-product-id="${product_id}"]`);
                if (existingRow.length > 0) {
                    // If the product exists, just update the quantity
                    let currentQty = parseFloat(existingRow.find(".qty").val() || 0);
                    let newQty = currentQty + parseFloat(qty || 0);
                    existingRow.find(".qty").val(newQty).trigger(
                        'change'); // Update the quantity and trigger any listeners
                    calculateRow(existingRow);
                } else {
                    // If the product does not exist, add a new row
                    row(product_id, qty, unit_price);
                }

            } else {
                row(product_id, qty, unit_price);
            }
        }

        function row(product_id, qty, unit_price) {
            rowCount++; // Increment row count
            $.ajax({
                url: "{{ route('purchase.row') }}",
                type: 'GET',
                dataType: "HTML",
                data: {
                    id: product_id,
                    qty: qty,
                    unit_price: unit_price,
                    row: rowCount // Pass row count to the server
                },
                success: function(data) {
                    $('tbody#data').append(data);
                    $(`#add_row${rowCount}`).attr("data-product-id",
                        product_id); // Add a data attribute to the row
                    $("#product_search").focus();
                    $("#unit_price").val('');
                    $("#avaiable_stock").val("");
                    calculateSums();
                },
                error: function(res) {
                    console.log("Error:", res);
                }
            });
        }


        $(document).on('click', ".remove", function(e) {
            var whichtr = $(this).closest("tr");
            const id = $(this).data("id"); // Get the data-id value
            $('#add_note_tr' + id).remove();
            $('#product_details' + id).remove();
            $('#emi' + id).remove();
            whichtr.remove();
            calculateSums();
        });

        $(document).on('click', ".add_note_button", function(e) {
            e.preventDefault(); // Prevent default action
            let button = $(this); // Reference to the clicked button
            button.hide(); // Hide the add note button
            let row = button.closest('tr'); // Get the parent row
            row.find('.remove_note').show(); // Show the remove note button
            // Show the associated note input field
            const id = button.data("id"); // Get the data-id value
            $('#add_note_tr' + id).show().find('input')
                .focus(); // Show the note row and focus the input
        });

        $(document).on('click', ".remove_note", function(e) {
            e.preventDefault(); // Prevent default action
            let button = $(this); // Reference to the clicked button
            button.hide(); // Hide the remove note button
            let row = button.closest('tr'); // Get the parent row
            row.find('.add_note_button').show(); // Show the add note button

            // Hide the associated note input field
            const id = button.closest('td').find('.add_note_button').data(
                "id"); // Get the data-id value
            $('#add_note_tr' + id).hide().find('input').val('');
        });
        //product details
        $(document).on('click', ".product_info", function(e) {
            e.preventDefault(); // Prevent default action
            let button = $(this); // Reference to the clicked button
            // button.hide(); // Hide the add note button
            let row = button.closest('tr'); // Get the parent row
            const id = $(this).data("id"); // Get the data-id value
            $('#product_details' + id).show();
        });

        $(document).on('click', ".hide_details", function(e) {
            e.preventDefault(); // Prevent default action

            let detailsRow = $(this).closest('tr'); // Get the details row
            detailsRow.hide(); // Hide the details row

            // Restore the product_info button associated with this product
            const id = detailsRow.attr('id').replace('product_details', ''); // Extract the ID
            $('.product_info[data-id="' + id + '"]').show(); // Show the product_info button
        });

        function calculateSums() {
            let totalAmount = 0;
            let totalDiscount = 0;
            let totalVat = 0;
            let shippingCharge = parseFloat($("#shiping_charge").val()) || 0;
            let totalNetTotal = 0;

            $('#purchase_table input.amount').each(function() {
                totalAmount += parseFloat($(this).val()) || 0;
            });

            $('#purchase_table input.discount_amount').each(function() {
                totalDiscount += parseFloat($(this).val()) || 0;
            });

            $('#purchase_table input.vat_amount').each(function() {
                totalVat += parseFloat($(this).val()) || 0;
            });

            $('#purchase_table input.nettotal').each(function() {
                totalNetTotal += parseFloat($(this).val()) || 0;
            });
            // Calculate the final total including shipping charge
            let total = totalNetTotal + shippingCharge; // Calculate the initial total (net total + shipping)
            var discount_type = $("#gross_discount_type").val(); // Example: "normal" or "percentage"
            var gross_discount_value = parseFloat($(".gross_discount_value").val()) ||
                0; // Get the discount value
            // Initialize variables
            let discountAmount = 0;
            let netAmount = 0;

            // Calculate the discount amount based on the discount type
            if (discount_type === "normal") {
                discountAmount = gross_discount_value; // Fixed discount
            } else {
                discountAmount = (total * gross_discount_value) / 100; // Percentage-based discount
            }
            // Ensure discountAmount doesn't exceed total
            discountAmount = Math.min(discountAmount, total);
            $('.gross_discount_amount').val(discountAmount.toFixed(3)); // Update total amount
            // Calculate the net amount after discount
            netAmount = total - discountAmount;
            // Update the totals display

            $('.totalAmount').val(totalAmount.toFixed(3)); // Update total amount
            $(".totalVat").val(totalVat.toFixed(3)); // Update total amount
            $(".total_amount").val(total.toFixed(3)); // 
            $('.totalDiscount').val(totalDiscount.toFixed(3)); // Update discount amount
            $('.totalNetTotal').val(netAmount.toFixed(3)); // Update net total

            updateDueAndChangeAmounts();

        }

        function updateDueAndChangeAmounts() {
            let payableAmount = parseFloat($("input.totalNetTotal").val()) || 0;
            let paidAmount = parseFloat($(".paidamount").val()) || 0;

            if (payableAmount < paidAmount) {
                // If payable amount is less than paid amount, calculate change
                let changeAmount = paidAmount - payableAmount;
                $(".changeamount").val(changeAmount.toFixed(3));
                $(".dueamount").val(0); // Reset due amount
            } else {
                // If payable amount is greater than paid amount, calculate due
                let dueAmount = payableAmount - paidAmount;
                $(".dueamount").val(dueAmount.toFixed(3));
                $(".changeamount").val(0); // Reset change amount
            }
        }
        $(".gross_discount_value").on("input", function() {
            calculateSums();
        });

        // Event listener for changes in payable amount and paid amount
        $("input.totalNetTotal, .paidamount").on("input", function() {
            updateDueAndChangeAmounts();
        });

        $("#gross_discount_type").on('change', function() {
            calculateSums();
        });

        // Calculate row-specific values based on qty, unit_price, discount_percent, and vat_percent
        function calculateRow(row) {
            let qty = parseFloat(row.find('.qty').val()) || 0;
            let unitPrice = parseFloat(row.find('.unit_price').val()) || 0;
            let discount = parseFloat(row.find('.discount').val()) || 0;
            let discountPercent = parseFloat(row.find('.discount_percent').val()) || 0;
            let vatPercent = parseFloat(row.find('[name="vat_percent[]"]').val()) || 0;


            // Calculate amount
            let amount = qty * unitPrice;
            row.find('.amount').val(amount.toFixed(3));
            row.find('.amount').html(amount.toFixed(3));
            // Calculate discount amount
            //  let discountAmount = (amount * discountPercent) / 100;
            let discountAmount = (qty * discount);
            row.find('.discount_amount').val(discountAmount.toFixed(3));
            row.find('.discount_amount').html(discountAmount.toFixed(3));
            // Calculate VAT amount
            let vatAmount = ((amount - discountAmount) * vatPercent) / 100;
            row.find('.vat_amount').val(vatAmount.toFixed(3));
            row.find('.vat_amount').html(vatAmount.toFixed(3));
            // Calculate net total
            let netTotal = amount - discountAmount + vatAmount;
            console.log(netTotal);
            row.find('.nettotal').val(netTotal.toFixed(3));
            row.find('.nettotal').html(netTotal.toFixed(3));
            // Update the totals at the bottom
            calculateSums();
        }

        // Event binding for row calculations
        $('#purchase_table').on('input', '.qty, .unit_price, .discount_percent, .vat_percent',
            function() {
                let row = $(this).closest('tr'); // Get the current row
                calculateRow(row); // Update row calculations
            });



        // Event binding for calculating total sums on shipping charge change
        $("#shiping_charge").on("input change", calculateSums);

        function getMethodInfo() {
            var payment_method = $("#payment_method").val();
            if (payment_method) {
                $.ajax({
                    url: "{{ route('account_method.get-method-infirmations') }}",
                    type: 'post',
                    datatype: 'html',
                    data: {
                        payment_method: payment_method
                    },
                    success: function(data) {
                        console.log(data);
                        $('.method_information').empty();
                        $('.method_information').html(data);
                    },
                    error: function(data) {
                        console.log(data);
                    }
                });
            } else {
                $('.method_information').empty();
            }

        }

        $("#payment_method").change(function() {
            getMethodInfo();
        })

        function descount_calculation() {
            calculateSums();


            var discount_type = $("#gross_discount_type").val(); //example noraml
            var gross_discount_value = parseFloat($(".gross_discount_value").val()) || 0;


        }

        $(document).on("click", ".btn-iemi", function() {
            // Remove the closest imei_support container
            $(this).closest(".imei_support").remove();

            // Get the row id from the button's data-row attribute
            const rowId = $(this).data("row");

            // Get the qty input field by id
            const qtyInput = $(`#qty-${rowId}`);
            const qtydata = $(`#qtydata-${rowId}`);

            // Decrement the qty value and update the input field
            let currentQty = parseInt(qtyInput.val());
            if (currentQty > 0) {
                let newQty = currentQty - 1;
                qtyInput.val(newQty); // Update the input field's value
                qtydata.html(newQty); // Update the displayed quantity
            }
            // Check if qty becomes 0 and remove the entire row if true
            if (parseInt(qtyInput.val()) === 0) {
                $(`#add_row${rowId}`).remove();
                $(`#product_details${rowId}`).remove(); // Remove the product details row
                $(`#add_note_tr${rowId}`).remove(); // Remove the note row
                $(`#emi${rowId}`).remove(); // Remove the EMI row (if applicable)
                $(this).closest("tr").remove(); // Remove the main product row
            }
            const row = $(`#add_row${rowId}`).closest("tr");
            calculateRow(row);
        });


        //get prevoiuce

        $("#purchase_search").click(function() {
            getPreviouse();
        });

        function getPreviouse() {
            $('#loading-indicator').show();
            var id = $("#previouse_purchase_id").val();
            $('#form-data').empty();
            $.ajax({
                url: "{{ route('purchase.get_edit') }}",
                type: 'post',
                datatype: 'html',
                data: {
                    id: id
                },
                success: function(data) {
                    $('#loading-indicator').hide();
                    $('#form-data').html(data);
                },
                error: function() {
                    $('#loading-indicator').hide();
                }
            });

        }


    });
</script>