@extends('layouts.layoutapp')

@section('content')
    <div class="row">
        <div class="col-12">
            <form action="{{ route('purchase-update') }}" method="POST" id="purchaseEditForm">
                @csrf
                <input type="hidden" name="purchase_id" value="{{ $purchase->id }}">

                <div class="card me-2">
                    <div class="card-header pb-0">
                        <div class="d-flex flex-row justify-content-between align-items-center flex-wrap gap-2">
                            <div>
                                <h5 class="mb-0">Edit Purchase — {{ $purchase->purchase_code }}</h5>
                                <p class="text-sm text-secondary mb-0">
                                    Changing quantities adjusts material stock automatically.
                                </p>
                            </div>
                            <div class="d-flex gap-2">
                                <button type="button" class="btn btn-primary btn-sm mb-0 add-row">+ Add Row</button>
                                <a href="{{ route('purchase-list') }}" class="btn btn-secondary btn-sm mb-0">Back</a>
                            </div>
                        </div>
                    </div>

                    <div class="card-body">

                        @if (session('error'))
                            <div class="alert alert-danger text-white">{{ session('error') }}</div>
                        @endif

                        @if ($errors->any())
                            <div class="alert alert-danger text-white">
                                <ul class="mb-0">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        @if ($paidSoFar > 0)
                            <div class="alert alert-info text-white">
                                <strong>{{ number_format($paidSoFar, 2) }}</strong> has already been paid against this
                                purchase. The new total cannot be lower than that. Payments themselves are edited from
                                the Product Payments screen.
                            </div>
                        @endif

                        {{-- HEADER --}}
                        <div class="row">
                            <div class="col-md-3 mb-3">
                                <label class="form-label">Supplier</label>
                                <select name="supplier_id" class="form-select" required>
                                    <option value="">Select Supplier</option>
                                    @foreach ($suppliers as $supplier)
                                        <option value="{{ $supplier->id }}"
                                            {{ old('supplier_id', $purchase->supplier_id) == $supplier->id ? 'selected' : '' }}>
                                            {{ $supplier->supplier_name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3 mb-3">
                                <label class="form-label">Purchase Date</label>
                                <input type="date" name="purchase_date" class="form-control" required
                                    value="{{ old('purchase_date', \Carbon\Carbon::parse($purchase->purchase_date)->format('Y-m-d')) }}">
                            </div>

                            <div class="col-md-3 mb-3">
                                <label class="form-label">Bill No</label>
                                <input type="text" name="bill_no" class="form-control" maxlength="50" required
                                    value="{{ old('bill_no', $purchase->bill_no) }}"
                                    placeholder="Supplier's bill number">
                            </div>

                            <div class="col-md-3 mb-3">
                                <label class="form-label">Notes (Optional)</label>
                                <input type="text" name="notes" class="form-control" maxlength="255"
                                    value="{{ old('notes', $purchase->notes) }}">
                            </div>
                        </div>

                        {{-- MATERIAL ROWS --}}
                        <div class="table-responsive">
                            <table class="table table-bordered align-items-center mb-0" id="purchaseRows">
                                <thead>
                                    <tr>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                            style="width:40px;">#</th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            Material</th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                            style="width:130px;">Quantity</th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                            style="width:150px;">Buying Amount</th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-end"
                                            style="width:150px;">Amount</th>
                                        <th style="width:50px;"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($purchase->productDetails as $i => $line)
                                        <tr class="purchase-row">
                                            <td class="text-center text-xs row-no">{{ $i + 1 }}</td>
                                            <td>
                                                <select name="rows[{{ $i }}][product_id]"
                                                    class="form-select form-select-sm product-select" required>
                                                    <option value="">Select Material</option>
                                                    @foreach ($products as $p)
                                                        @php
                                                            $useNative = $p->branch && $p->branch->native_name_flag == 'A' && $p->native_name;
                                                            $label = $useNative ? $p->native_name : $p->name;
                                                        @endphp
                                                        <option value="{{ $p->id }}"
                                                            data-rate="{{ (float) ($p->margin_price ?? 0) }}"
                                                            {{ $line->product_id == $p->id ? 'selected' : '' }}>
                                                            {{ $p->code ? $p->code . ' - ' : '' }}{{ $label }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                <input type="number" name="rows[{{ $i }}][qty]"
                                                    class="form-control form-control-sm qty" min="0.01" step="0.01"
                                                    value="{{ rtrim(rtrim(number_format((float) $line->qty, 2, '.', ''), '0'), '.') }}"
                                                    required>
                                            </td>
                                            <td>
                                                <input type="number" name="rows[{{ $i }}][rate]"
                                                    class="form-control form-control-sm rate" min="0" step="0.01"
                                                    value="{{ number_format((float) $line->margin_price, 2, '.', '') }}"
                                                    required>
                                            </td>
                                            <td class="text-end text-xs font-weight-bold line-amount">0.00</td>
                                            <td class="text-center">
                                                <a href="javascript:void(0)" class="text-danger remove-row">
                                                    <i class="fas fa-trash"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="4" class="text-end font-weight-bold">Total</td>
                                        <td class="text-end font-weight-bold" id="grandTotal">0.00</td>
                                        <td></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                        {{-- SUMMARY --}}
                        <div class="row mt-4">
                            <div class="col-md-6 offset-md-6">
                                <div class="card border mb-3">
                                    <div class="card-body p-3">
                                        <div class="d-flex justify-content-between mb-2">
                                            <span class="text-sm">Materials</span>
                                            <span class="text-sm font-weight-bold" id="rowCountLabel">0</span>
                                        </div>
                                        <hr class="horizontal dark my-2">
                                        <div class="d-flex justify-content-between mb-2">
                                            <span class="text-sm">New Total</span>
                                            <span class="text-sm font-weight-bold" id="summaryTotal">0.00</span>
                                        </div>
                                        <div class="d-flex justify-content-between mb-2">
                                            <span class="text-sm">Already Paid</span>
                                            <span class="text-sm font-weight-bold">
                                                {{ number_format($paidSoFar, 2) }}</span>
                                        </div>
                                        <hr class="horizontal dark my-2">
                                        <div class="d-flex justify-content-between">
                                            <span class="text-sm font-weight-bold">Balance</span>
                                            <span class="text-sm font-weight-bold text-danger"
                                                id="summaryBalance">0.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="text-end">
                            <button type="submit" class="btn bg-gradient-primary">Update Purchase</button>
                            <a href="{{ route('purchase-list') }}" class="btn btn-secondary">Cancel</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    @php
        $productOptions = $products->map(function ($p) {
            $useNative = $p->branch && $p->branch->native_name_flag == 'A' && $p->native_name;
            return [
                'id' => $p->id,
                'label' => $useNative ? $p->native_name : $p->name,
                'code' => $p->code,
                'rate' => (float) ($p->margin_price ?? 0),
            ];
        })->values()->toJson();
    @endphp
    <script>
        (function () {
            const products = {!! $productOptions !!};
            const paidSoFar = {{ (float) $paidSoFar }};

            // continue numbering after the rows already rendered
            let rowIndex = {{ $purchase->productDetails->count() }};

            function money(v) {
                return '' + (v || 0).toLocaleString('en-IN', {
                    minimumFractionDigits: 2, maximumFractionDigits: 2
                });
            }

            function productOptions() {
                return '<option value="">Select Material</option>' + products.map(function (p) {
                    return '<option value="' + p.id + '" data-rate="' + p.rate + '">'
                        + (p.code ? p.code + ' - ' : '') + p.label + '</option>';
                }).join('');
            }

            function addRow() {
                const i = rowIndex++;
                $('#purchaseRows tbody').append(
                    '<tr class="purchase-row">' +
                        '<td class="text-center text-xs row-no"></td>' +
                        '<td><select name="rows[' + i + '][product_id]" class="form-select form-select-sm product-select" required>'
                            + productOptions() + '</select></td>' +
                        '<td><input type="number" name="rows[' + i + '][qty]" class="form-control form-control-sm qty" '
                            + 'min="0.01" step="0.01" placeholder="0" required></td>' +
                        '<td><input type="number" name="rows[' + i + '][rate]" class="form-control form-control-sm rate" '
                            + 'min="0" step="0.01" placeholder="0.00" required></td>' +
                        '<td class="text-end text-xs font-weight-bold line-amount">0.00</td>' +
                        '<td class="text-center"><a href="javascript:void(0)" class="text-danger remove-row">'
                            + '<i class="fas fa-trash"></i></a></td>' +
                    '</tr>'
                );
                renumber();
            }

            function renumber() {
                $('#purchaseRows tbody tr').each(function (n) {
                    $(this).find('.row-no').text(n + 1);
                });
                $('#rowCountLabel').text($('#purchaseRows tbody tr').length);
            }

            function recalc() {
                let total = 0;
                $('#purchaseRows tbody tr').each(function () {
                    const qty = parseFloat($(this).find('.qty').val()) || 0;
                    const rate = parseFloat($(this).find('.rate').val()) || 0;
                    const amount = qty * rate;
                    total += amount;
                    $(this).find('.line-amount').text(money(amount));
                });

                $('#grandTotal, #summaryTotal').text(money(total));

                const balance = total - paidSoFar;
                $('#summaryBalance').text(money(balance))
                    .toggleClass('text-danger', balance > 0)
                    .toggleClass('text-success', balance <= 0);
            }

            $(document).on('click', '.add-row', addRow);

            $(document).on('click', '.remove-row', function () {
                $(this).closest('tr').remove();
                renumber();
                recalc();
            });

            $(document).on('change', '.product-select', function () {
                const rate = $(this).find(':selected').data('rate');
                const $rate = $(this).closest('tr').find('.rate');
                if (rate && !parseFloat($rate.val())) {
                    $rate.val(rate);
                }
                recalc();
            });

            $(document).on('input', '.qty, .rate', recalc);

            $('#purchaseEditForm').on('submit', function (e) {
                if ($('#purchaseRows tbody tr').length === 0) {
                    e.preventDefault();
                    alert('A purchase needs at least one material.');
                    return;
                }

                let total = 0;
                $('#purchaseRows tbody tr').each(function () {
                    total += (parseFloat($(this).find('.qty').val()) || 0)
                           * (parseFloat($(this).find('.rate').val()) || 0);
                });

                if (paidSoFar > total) {
                    e.preventDefault();
                    alert('Already paid (' + money(paidSoFar) + ') is more than the new total ('
                        + money(total) + '). Adjust the payment first.');
                }
            });

            renumber();
            recalc();
        })();
    </script>
@endpush