@php
    $isEdit = $order->exists;
    $action = $isEdit ? route('admin.sales-orders.update', $order) : route('admin.sales-orders.store');
    $taxRate = $tax_rate ?? 14;
@endphp

<form action="{{ $action }}" method="POST" id="orderForm">
    @csrf
    @if($isEdit) @method('PUT') @endif

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

    <div class="card">
        <div class="card-header"><h3 class="card-title">بيانات أمر البيع</h3></div>
        <div class="card-body">
            <div class="row">
                <div class="form-group col-md-3"><label>الرقم</label>
                    <input type="text" value="{{ $isEdit ? $order->number : ($next_number ?? '') }}" class="form-control" readonly></div>
                <div class="form-group col-md-3"><label>تاريخ الأوردر *</label>
                    <input type="date" name="order_date" value="{{ old('order_date', $order->order_date?->format('Y-m-d') ?? now()->toDateString()) }}" class="form-control" required></div>
                <div class="form-group col-md-3"><label>التسليم المتوقع</label>
                    <input type="date" name="expected_delivery_date" value="{{ old('expected_delivery_date', $order->expected_delivery_date?->format('Y-m-d')) }}" class="form-control"></div>
                <div class="form-group col-md-3"><label>العملة *</label>
                    <input type="text" name="currency_code" value="{{ old('currency_code', $order->currency_code ?? 'EGP') }}" class="form-control" required></div>

                <div class="form-group col-md-4"><label>العميل *</label>
                    <select name="customer_id" class="form-control" required>
                        <option value="">—</option>
                        @foreach($customers as $c)
                            <option value="{{ $c->id }}" @selected(old('customer_id', $order->customer_id) == $c->id)>{{ $c->name_ar }} ({{ $c->code }})</option>
                        @endforeach
                    </select></div>
                <div class="form-group col-md-4"><label>المستودع (للحجز عند التأكيد)</label>
                    <select name="warehouse_id" class="form-control">
                        <option value="">—</option>
                        @foreach($warehouses as $w)
                            <option value="{{ $w->id }}" @selected(old('warehouse_id', $order->warehouse_id) == $w->id)>{{ $w->name }}</option>
                        @endforeach
                    </select></div>
                <div class="form-group col-md-4"><label>المندوب</label>
                    <select name="salesperson_id" class="form-control">
                        <option value="">—</option>
                        @foreach($salespeople as $u)
                            <option value="{{ $u->id }}" @selected(old('salesperson_id', $order->salesperson_id) == $u->id)>{{ $u->name }}</option>
                        @endforeach
                    </select></div>

                <div class="form-group col-md-4"><label>حالة التركيب</label>
                    <select name="installation_status" class="form-control">
                        @foreach(['not_required'=>'غير مطلوب','scheduled'=>'مجدول','in_progress'=>'قيد التنفيذ','completed'=>'مكتمل'] as $k => $v)
                            <option value="{{ $k }}" @selected(old('installation_status', $order->installation_status ?? 'not_required') === $k)>{{ $v }}</option>
                        @endforeach
                    </select></div>
                <div class="form-group col-md-4"><label>شروط الدفع</label>
                    <input type="text" name="payment_terms" value="{{ old('payment_terms', $order->payment_terms) }}" class="form-control"></div>
                <div class="form-group col-md-4"><label>شروط التسليم</label>
                    <input type="text" name="delivery_terms" value="{{ old('delivery_terms', $order->delivery_terms) }}" class="form-control"></div>

                <div class="form-group col-md-12"><label>ملاحظات للعميل</label>
                    <textarea name="customer_notes" class="form-control" rows="2">{{ old('customer_notes', $order->customer_notes) }}</textarea></div>
                <div class="form-group col-md-12"><label>ملاحظات داخلية</label>
                    <textarea name="internal_notes" class="form-control" rows="2">{{ old('internal_notes', $order->internal_notes) }}</textarea></div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3 class="card-title">البنود</h3></div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="itemsTable">
                    <thead class="bg-light">
                        <tr>
                            <th style="width:25%">المنتج</th><th style="width:20%">الوصف *</th>
                            <th style="width:8%">الكمية *</th><th style="width:8%">الوحدة</th>
                            <th style="width:10%">السعر *</th><th style="width:8%">خصم %</th>
                            <th style="width:7%">ضريبة %</th><th style="width:10%">الإجمالي</th>
                            <th style="width:4%"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @if($isEdit && $order->items->isNotEmpty())
                            @foreach($order->items as $i => $item)
                                <tr>
                                    <td>
                                        <select name="items[{{ $i }}][product_id]" class="form-control form-control-sm product-picker" style="width:100%">
                                            @if($item->product)
                                                <option value="{{ $item->product_id }}" selected>[{{ $item->product->sku }}] {{ $item->product->name_ar }}</option>
                                            @endif
                                        </select>
                                        <input type="hidden" name="items[{{ $i }}][variant_id]" value="{{ $item->variant_id }}">
                                    </td>
                                    <td><input type="text" name="items[{{ $i }}][description]" class="form-control form-control-sm desc" value="{{ $item->description }}" required></td>
                                    <td><input type="number" step="0.001" min="0.001" name="items[{{ $i }}][quantity]" class="form-control form-control-sm qty" value="{{ (float) $item->quantity }}" required></td>
                                    <td><input type="text" class="form-control form-control-sm" value="{{ $item->unit?->name }}"></td>
                                    <td><input type="number" step="0.01" min="0" name="items[{{ $i }}][unit_price]" class="form-control form-control-sm price" value="{{ (float) $item->unit_price }}" required></td>
                                    <td><input type="number" step="0.01" min="0" max="100" name="items[{{ $i }}][discount_pct]" class="form-control form-control-sm disc" value="{{ (float) $item->discount_pct }}"></td>
                                    <td><input type="number" step="0.01" min="0" max="100" name="items[{{ $i }}][tax_pct]" class="form-control form-control-sm tax" value="{{ (float) $item->tax_pct }}"></td>
                                    <td class="text-right line-total">{{ number_format((float) $item->total, 2) }}</td>
                                    <td class="text-center"><button type="button" class="btn btn-sm btn-danger remove-row"><i class="fas fa-times"></i></button></td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="9">
                                <button type="button" class="btn btn-sm btn-success" id="addRowBtn">
                                    <i class="fas fa-plus"></i> إضافة بند
                                </button>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3 class="card-title">الإجماليات</h3></div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group row"><label class="col-sm-5 col-form-label">مصاريف التركيب</label>
                        <div class="col-sm-7"><input type="number" step="0.01" min="0" name="installation_fee" id="installation_fee"
                               value="{{ old('installation_fee', $order->installation_fee ?? 0) }}" class="form-control"></div></div>
                    <div class="form-group row"><label class="col-sm-5 col-form-label">مصاريف الشحن</label>
                        <div class="col-sm-7"><input type="number" step="0.01" min="0" name="shipping_fee" id="shipping_fee"
                               value="{{ old('shipping_fee', $order->shipping_fee ?? 0) }}" class="form-control"></div></div>
                    <div class="form-group row"><label class="col-sm-5 col-form-label">دفعة مقدمة</label>
                        <div class="col-sm-7"><input type="number" step="0.01" min="0" name="advance_required"
                               value="{{ old('advance_required', $order->advance_required ?? 0) }}" class="form-control"></div></div>
                </div>
                <div class="col-md-6">
                    <table class="table table-sm m-0">
                        <tr><th>المجموع الفرعي</th><td class="text-right"><span id="totSubtotal">0.00</span></td></tr>
                        <tr><th>الخصم</th><td class="text-right text-danger">− <span id="totDiscount">0.00</span></td></tr>
                        <tr><th>الضريبة</th><td class="text-right">+ <span id="totTax">0.00</span></td></tr>
                        <tr><th>تركيب + شحن</th><td class="text-right">+ <span id="totFees">0.00</span></td></tr>
                        <tr class="bg-light"><th class="text-primary">الإجمالي</th><td class="text-right text-primary h5"><b id="totGrand">0.00</b></td></tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="card-footer text-{{ in_array(app()->getLocale(), ['ar']) ? 'left' : 'right' }}">
            <a href="{{ route('admin.sales-orders.index') }}" class="btn btn-secondary">{{ __('admin.cancel') }}</a>
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> {{ __('admin.save') }}</button>
        </div>
    </div>
</form>

@push('scripts')
<script>
$(function () {
    // Reuse the OFPQUO recalc helpers, just bind to this form's table
    const $body = $('#itemsTable tbody');
    const url = '{{ route('admin.stock.product-search') }}';
    const TAX = {{ $taxRate }};

    function rowHtml(idx) {
        return `
            <tr>
                <td>
                    <select name="items[${idx}][product_id]" class="form-control form-control-sm product-picker" style="width:100%"></select>
                    <input type="hidden" name="items[${idx}][variant_id]" value="">
                </td>
                <td><input type="text" name="items[${idx}][description]" class="form-control form-control-sm desc" required></td>
                <td><input type="number" step="0.001" min="0.001" name="items[${idx}][quantity]" class="form-control form-control-sm qty" value="1" required></td>
                <td><input type="text" class="form-control form-control-sm" placeholder="—"></td>
                <td><input type="number" step="0.01" min="0" name="items[${idx}][unit_price]" class="form-control form-control-sm price" value="0" required></td>
                <td><input type="number" step="0.01" min="0" max="100" name="items[${idx}][discount_pct]" class="form-control form-control-sm disc" value="0"></td>
                <td><input type="number" step="0.01" min="0" max="100" name="items[${idx}][tax_pct]" class="form-control form-control-sm tax" value="${TAX}"></td>
                <td class="text-right line-total">0.00</td>
                <td class="text-center"><button type="button" class="btn btn-sm btn-danger remove-row"><i class="fas fa-times"></i></button></td>
            </tr>
        `;
    }

    function bindPicker($select) {
        $select.select2({
            placeholder: 'ابحث عن منتج…',
            ajax: {
                url, dataType: 'json', delay: 250,
                data: params => ({ q: params.term }),
                processResults: data => ({ results: data.map(p => ({ id: p.id, text: '['+p.sku+'] '+p.name, raw: p })) })
            },
            width: '100%', allowClear: true,
        }).on('select2:select', function (e) {
            const $row = $(this).closest('tr');
            const raw = e.params.data.raw;
            if (! $row.find('.desc').val())  $row.find('.desc').val(raw.name);
            if (! $row.find('.price').val() || $row.find('.price').val() === '0') {
                $row.find('.price').val(parseFloat(raw.sale_price || 0).toFixed(2));
            }
            recalc();
        });
    }

    function recalc() {
        let subtotal = 0, discount = 0, tax = 0;
        $body.find('tr').each(function () {
            const $r = $(this);
            const qty = parseFloat($r.find('.qty').val()) || 0;
            const pri = parseFloat($r.find('.price').val()) || 0;
            const dPct = parseFloat($r.find('.disc').val()) || 0;
            const tPct = parseFloat($r.find('.tax').val()) || 0;
            const sub  = qty * pri;
            const disc = sub * dPct / 100;
            const taxA = (sub - disc) * tPct / 100;
            const tot  = sub - disc + taxA;
            $r.find('.line-total').text(tot.toFixed(2));
            subtotal += sub; discount += disc; tax += taxA;
        });
        const inst = parseFloat($('#installation_fee').val()) || 0;
        const ship = parseFloat($('#shipping_fee').val()) || 0;
        const grand = subtotal - discount + tax + inst + ship;
        $('#totSubtotal').text(subtotal.toFixed(2));
        $('#totDiscount').text(discount.toFixed(2));
        $('#totTax').text(tax.toFixed(2));
        $('#totFees').text((inst + ship).toFixed(2));
        $('#totGrand').text(grand.toFixed(2));
    }

    function addRow() {
        const idx = $body.find('tr').length;
        const $row = $(rowHtml(idx));
        $body.append($row);
        bindPicker($row.find('.product-picker'));
    }

    $body.find('.product-picker').each(function () { bindPicker($(this)); });
    if ($body.find('tr').length === 0) addRow();

    $('#addRowBtn').on('click', addRow);
    $('#itemsTable').on('click', '.remove-row', function () { $(this).closest('tr').remove(); recalc(); });
    $('#itemsTable').on('input change', '.qty, .price, .disc, .tax', recalc);
    $('#installation_fee, #shipping_fee').on('input change', recalc);

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