{{-- resources/views/stock_adjustment/edit.blade.php --}}
@extends('layouts.app_w_nav')

@section('content')
    <!-- Head includes (match your create page) -->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

    <div class="row tablerow">
        <div class="col-md-12">
            <div class="left-card">
                <div class="card border-top border-0 border-4 border-primary custom-card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <div>
                            <a href="{{ route('stock_adjustment') }}"><i class="bi bi-arrow-left"></i> Back</a>
                            Edit Stock Adjustment
                        </div>
                    </div>

                    <div class="card-body" id="form-data">
                        <form action="{{ route('stock_adjustment.update', $item->id) }}" method="post" id="ajax_form_data"
                            enctype="multipart/form-data">
                            @csrf
                            @method('PUT')

                            <div class="row">
                                <div class="col-md-9">
                                    <div class="row">
                                        <div class="col-md-2 mb-1">
                                            <div class="form-group">
                                                <label class="mb-2">Branch</label>
                                                <select name="company_branch_id" class="form-control" required>
                                                    <option value="">Select</option>
                                                    @foreach ($company_branchs as $company_branch)
                                                        <option value="{{ $company_branch->id }}"
                                                            {{ (int) $item->company_branch_id === (int) $company_branch->id ? 'selected' : '' }}>
                                                            {{ $company_branch->branch_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2 mb-1">
                                            <div class="form-group">
                                                <label class="mb-2">Type</label>
                                                <select name="adjustment_type" class="form-control">
                                                    {{-- Keep values consistent with your create page --}}
                                                    <option value="noraml"
                                                        {{ $item->adjustment_type === 'noraml' ? 'selected' : '' }}>Normal
                                                    </option>
                                                    <option value="damage"
                                                        {{ $item->adjustment_type === 'damage' ? 'selected' : '' }}>Damage
                                                    </option>
                                                    <option value="wastage"
                                                        {{ $item->adjustment_type === 'wastage' ? 'selected' : '' }}>Wastage
                                                    </option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6 mb-1">
                                            <div class="form-group">
                                                <label class="mb-2">Note</label>
                                                <input type="text" class="form-control" name="note"
                                                    value="{{ $item->note }}">
                                            </div>
                                        </div>

                                        <div class="col-md-2 mb-1">
                                            <label 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-weight:700;">
                                            </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" id="qty"
                                                    placeholder="Quantity" step="any">
                                            </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%">Quantity</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">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">%</th>
                                                            <th class="text-center">Amount</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody id="data" style="border:1px #ccc solid;">
                                                        @php $rowIndex = 0; @endphp
                                                        @foreach ($details as $d)
                                                            @php
                                                                $rowIndex++;
                                                                // Safe defaults
                                                                $qty = (float) ($d->qty ?? 0);
                                                                $unit_price = (float) ($d->unit_price ?? 0);
                                                                $amount = (float) ($d->amount ?? $qty * $unit_price);
                                                                $vat_percent = (float) ($d->vat_percent ?? 0);
                                                                $vat_amount =
                                                                    (float) ($d->vat_amount ??
                                                                        ($amount * $vat_percent) / 100);
                                                                $nettotal =
                                                                    (float) ($d->nettotal ?? $amount + $vat_amount);
                                                            @endphp
                                                            <tr id="add_row{{ $rowIndex }}">
                                                                <td class="text-center align-middle">{{ $rowIndex }}
                                                                </td>

                                                                <td class="text-center align-middle">
                                                                    {{ $d->product_code }}
                                                                    <input type="hidden" name="product_id[]"
                                                                        value="{{ $d->product_id }}">
                                                                </td>

                                                                <td colspan="2" class="align-middle">
                                                                    <div class="fw-semibold">{{ $d->product_name }}</div>
                                                                    <small class="text-muted">{{ $d->brand_name ?? '' }}
                                                                        {{ $d->category_name ? '• ' . $d->category_name : '' }}</small>
                                                                </td>

                                                                <td colspan="2" class="align-middle">
                                                                    <input type="number" step="any" name="qty[]"
                                                                        id="qty-{{ $rowIndex }}"
                                                                        class="form-control form-control-sm qty"
                                                                        value="{{ rtrim(rtrim(number_format($qty, 3, '.', ''), '0'), '.') }}">
                                                                </td>

                                                                <td class="align-middle">
                                                                    <input type="number" step="any"
                                                                        name="unit_price[]"
                                                                        class="form-control form-control-sm unit_price"
                                                                        value="{{ rtrim(rtrim(number_format($unit_price, 3, '.', ''), '0'), '.') }}">
                                                                </td>

                                                                <td class="align-middle">
                                                                    <input type="number" step="any"
                                                                        name="details_amount[]"
                                                                        class="form-control form-control-sm amount"
                                                                        value="{{ number_format($amount, 3, '.', '') }}"
                                                                        readonly>
                                                                </td>

                                                                <td class="align-middle">
                                                                    <input type="number" step="any"
                                                                        name="vat_percent[]"
                                                                        class="form-control form-control-sm vat_percent"
                                                                        value="{{ rtrim(rtrim(number_format($vat_percent, 3, '.', ''), '0'), '.') }}">
                                                                </td>

                                                                <td class="align-middle">
                                                                    <input type="number" step="any"
                                                                        name="vat_amount[]"
                                                                        class="form-control form-control-sm vat_amount"
                                                                        value="{{ number_format($vat_amount, 3, '.', '') }}"
                                                                        readonly>
                                                                </td>

                                                                <td class="align-middle">
                                                                    <input type="number" step="any"
                                                                        name="details_nettotal[]"
                                                                        class="form-control form-control-sm nettotal"
                                                                        value="{{ number_format($nettotal, 3, '.', '') }}"
                                                                        readonly>
                                                                </td>

                                                                <td class="text-center align-middle">
                                                                    <button type="button"
                                                                        class="btn btn-sm btn-danger remove"
                                                                        data-id="{{ $rowIndex }}">
                                                                        <i class="bi bi-x"></i>
                                                                    </button>
                                                                    <button type="button"
                                                                        class="btn btn-sm btn-outline-secondary add_note_button"
                                                                        data-id="{{ $rowIndex }}">Add note</button>
                                                                    <button type="button"
                                                                        class="btn btn-sm btn-outline-secondary remove_note"
                                                                        style="display:none;">Hide note</button>
                                                                </td>
                                                            </tr>

                                                            {{-- Note row (toggleable) --}}
                                                            <tr id="add_note_tr{{ $rowIndex }}"
                                                                style="{{ !empty($d->product_note) ? '' : 'display:none;' }}">
                                                                <td colspan="12">
                                                                    <input type="text" class="form-control"
                                                                        name="product_note[]"
                                                                        value="{{ $d->product_note }}">
                                                                </td>
                                                            </tr>

                                                            {{-- Hidden discount fields to keep row-calculation logic happy --}}
                                                            <input type="hidden" class="discount" name="discount[]"
                                                                value="0">
                                                            <input type="hidden" class="discount_percent"
                                                                name="discount_percent[]" value="0">
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                {{-- Sidebar summary --}}
                                <div class="col-md-3 sidebar-sumerise">
                                    <div class="form-group mb-1 d-flex align-items-center">
                                        <label class="mb-1 me-2" style="width: 40%;">Invoice No</label>
                                        <input type="text" class="form-control" value="{{ $item->invoice_no }}"
                                            disabled style="width:60%;">
                                    </div>

                                    <div class="form-group mb-1 d-flex align-items-center">
                                        <label class="mb-1 me-2" style="width:40%;">Date</label>
                                        <input type="datetime-local" class="form-control" name="date"
                                            value="{{ \Carbon\Carbon::parse($item->date)->format('Y-m-d\TH:i') }}"
                                            style="width:60%;" required>
                                    </div>

                                    <div class="form-group mb-1 d-flex align-items-center">
                                        <label 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%;" step="any"
                                            value="{{ number_format($item->amount ?? 0, 3, '.', '') }}">
                                        <input type="hidden" class="form-control totalAmount" name="amount"
                                            value="{{ number_format($item->amount ?? 0, 3, '.', '') }}">
                                    </div>

                                    <div class="form-group mb-1 d-flex align-items-center">
                                        <label 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%;" step="any"
                                            value="{{ number_format($item->total_vat ?? 0, 3, '.', '') }}">
                                        <input type="hidden" name="total_vat" class="form-control totalVat"
                                            value="{{ number_format($item->total_vat ?? 0, 3, '.', '') }}">
                                    </div>

                                    <div class="form-group mb-1 d-flex align-items-center">
                                        <label 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%;" step="any"
                                            value="{{ number_format($item->total_amount ?? 0, 3, '.', '') }}">
                                        <input type="hidden" name="total_amount" class="form-control total_amount"
                                            value="{{ number_format($item->total_amount ?? 0, 3, '.', '') }}">
                                    </div>

                                    <div class="mt-2">
                                        <button type="submit" class="btn btn-primary"
                                            style="width:100%;">Update</button>
                                    </div>
                                </div>
                            </div>
                        </form>

                    </div> {{-- card-body --}}
                </div>
            </div>
        </div>
    </div>
@endsection


@push('script')
    <script>
        $(function() {
            // If you're actually using select2 on any inputs, init here.
            // $('.select2').select2();

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

            let selectedProductId = null;
            let rowCount = {{ max((int) ($rowIndex ?? 0), 0) }}; // continue after preloaded rows

            $("#product_search").focus();
            $("#product_search").on("input", function() {
                let inputWidth = $(this).outerWidth();
                $('#product_suggestions').css('width', inputWidth);
                const query = $(this).val();
                if (query.length >= 2) {
                    $.ajax({
                        url: "{{ route('product.search') }}",
                        type: 'GET',
                        data: {
                            query
                        },
                        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') }}",
                        type: 'GET',
                        data: {
                            product_id
                        },
                        success: function(data) {
                            $("#avaiable_stock").val((parseFloat(data) || 0).toFixed(3));
                        }
                    });
                }
            }

            $("#product_suggestions").on("click", ".dropdown-item", function(e) {
                e.preventDefault();
                selectedProductId = $(this).data("id");
                const productName = $(this).data("name");
                const price = $(this).data("price");
                stock(selectedProductId);
                $("#product_search").val(productName);
                $("#unit_price").val(price);
                $("#qty").focus();
                $("#product_suggestions").hide();
            });

            $("#qty").on("keypress", function(e) {
                if (e.which === 13) {
                    e.preventDefault();
                    $(this).blur();
                }
            });

            $(".add-row").on("click", function(e) {
                e.preventDefault();
                const qty = $("#qty").val();
                let unit_price = $("#unit_price").val();

                if (selectedProductId && qty) {
                    addProductRow(selectedProductId, qty, unit_price);
                    $("#qty").val('');
                    $("#unit_price").val('');
                    $("#product_search").val('').focus();
                    $("#avaiable_stock").val('');
                    selectedProductId = null;
                } else {
                    alert("Please select a product and enter a quantity.");
                }
            });

            function addProductRow(product_id, qty, unit_price) {
                rowCount++;
                $.ajax({
                    // IMPORTANT: point to stock_adjustment.row (not stock_transfer.row)
                    url: "{{ route('stock_adjustment.row') }}",
                    type: 'GET',
                    dataType: "HTML",
                    data: {
                        id: product_id,
                        qty,
                        unit_price,
                        row: rowCount
                    },
                    success: function(data) {
                        // The row view returns TRs; append them
                        $('tbody#data').append(data);
                        $("#product_search").focus();
                        calculateSums();
                    },
                    error: function(res) {
                        console.log("Error:", res);
                    }
                });
            }

            // Remove row (+ its companions)
            $(document).on('click', ".remove", function() {
                const whichtr = $(this).closest("tr");
                const id = $(this).data("id");
                $('#add_note_tr' + id).remove();
                $('#product_details' + id).remove();
                $('#emi' + id).remove();
                whichtr.remove();
                calculateSums();
            });

            // Notes toggle
            $(document).on('click', ".add_note_button", function(e) {
                e.preventDefault();
                const id = $(this).data("id");
                $(this).hide();
                $(this).closest('td').find('.remove_note').show();
                $('#add_note_tr' + id).show().find('input').focus();
            });

            $(document).on('click', ".remove_note", function(e) {
                e.preventDefault();
                const id = $(this).closest('td').find('.add_note_button').data("id");
                $(this).hide();
                $(this).closest('td').find('.add_note_button').show();
                $('#add_note_tr' + id).hide().find('input').val('');
            });

            // Row calculations
            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 VAT amount
                let vatAmount = ((amount) * vatPercent) / 100;
                row.find('.vat_amount').val(vatAmount.toFixed(3));
                row.find('.vat_amount').html(vatAmount.toFixed(3));
                // Calculate net total
                let netTotal = amount + 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();
            }

            $('#purchase_table').on('input', '.qty, .unit_price, .vat_percent, .discount, .discount_percent',
                function() {
                    const row = $(this).closest('tr');
                    calculateRow(row);
                });

            function calculateSums() {
                let totalAmount = 0;
                let totalVat = 0;
                let totalNetTotal = 0;

                $('#purchase_table input.amount').each(function() {
                    totalAmount += 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;
                });

                // Update visible + hidden totals
                $('.totalAmount').val(totalAmount.toFixed(3));
                $('.totalVat').val(totalVat.toFixed(3));
                $('.total_amount').val(totalNetTotal.toFixed(3));
            }

            // Recalculate once on load for prefilled rows
            calculateSums();

            // (Optional) IMEI removal handler remains in place if your row partial injects them
            $(document).on("click", ".btn-iemi", function() {
                $(this).closest(".imei_support").remove();
                const rowId = $(this).data("row");
                const qtyInput = $(`#qty-${rowId}`);
                const qtydata = $(`#qtydata-${rowId}`);

                let currentQty = parseInt(qtyInput.val());
                if (currentQty > 0) {
                    let newQty = currentQty - 1;
                    qtyInput.val(newQty);
                    qtydata.html(newQty);
                }
                if (parseInt(qtyInput.val()) === 0) {
                    $(`#add_row${rowId}`).remove();
                    $(`#product_details${rowId}`).remove();
                    $(`#add_note_tr${rowId}`).remove();
                    $(`#emi${rowId}`).remove();
                }
                const row = $(`#add_row${rowId}`);
                calculateRow(row);
            });

        });
    </script>
@endpush