@php
    $invoice = $invoice ?? null;
    $preset = $preset ?? ['customer_id' => null];
    $oldItems = old('items');
    $items = $oldItems ?: ($invoice?->items->map(fn ($i) => [
        'product_id' => $i->product_id,
        'description' => $i->description,
        'quantity' => $i->quantity,
        'price' => $i->price,
        'discount' => $i->discount,
        'tax_rate' => $i->tax_rate,
    ])->all() ?: [['product_id' => '', 'description' => '', 'quantity' => 1, 'price' => 0, 'discount' => 0, 'tax_rate' => setting('tax_rate', 15)]]);
@endphp

<div class="row g-3">
    <div class="col-12"><div class="form-section-title"><i class="fa-solid fa-file-invoice-dollar"></i>بيانات الفاتورة</div></div>

    <div class="col-md-6">
        <label class="form-label">العميل <span class="req">*</span></label>
        <select name="customer_id" class="form-select select2" data-placeholder="اختر العميل" required>
            <option value="">— اختر العميل —</option>
            @foreach ($customers as $c)
                <option value="{{ $c->id }}" @selected((int) old('customer_id', $invoice?->customer_id ?? $preset['customer_id']) === $c->id)>
                    {{ $c->display_name }} — {{ $c->phone }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-md-3">
        <label class="form-label">تاريخ الفاتورة <span class="req">*</span></label>
        <input type="date" name="date" value="{{ old('date', $invoice?->date?->format('Y-m-d') ?? today()->toDateString()) }}" class="form-control" required>
    </div>

    <div class="col-md-3">
        <label class="form-label">تاريخ الاستحقاق</label>
        <input type="date" name="due_date"
               value="{{ old('due_date', $invoice?->due_date?->format('Y-m-d') ?? today()->addDays($dueDays ?? 30)->toDateString()) }}"
               class="form-control">
    </div>
</div>

@include('partials._line-items', ['items' => $items, 'products' => $products])

<div class="row g-3 mt-3">
    <div class="col-md-7">
        <label class="form-label">ملاحظات</label>
        <textarea name="notes" class="form-control" rows="4">{{ old('notes', $invoice?->notes ?? setting('invoice_notes')) }}</textarea>
    </div>

    <div class="col-md-5">
        <table class="table table-sm">
            <tr>
                <td class="fw-bold">الإجمالي قبل الضريبة</td>
                <td class="text-start"><span id="subtotalDisplay">0.00</span> {{ setting('currency', 'ر.س') }}</td>
            </tr>
            <tr>
                <td class="fw-bold">إجمالي الضريبة</td>
                <td class="text-start"><span id="taxDisplay">0.00</span> {{ setting('currency', 'ر.س') }}</td>
            </tr>
            <tr>
                <td class="fw-bold">خصم إضافي</td>
                <td><input type="number" step="0.01" min="0" name="discount" id="discountInput" value="{{ old('discount', $invoice?->discount ?? 0) }}" class="form-control form-control-sm"></td>
            </tr>
            <tr class="table-primary">
                <td class="fw-bold">الإجمالي النهائي</td>
                <td class="text-start fw-bold h6 mb-0"><span id="grandTotal">0.00</span> {{ setting('currency', 'ر.س') }}</td>
            </tr>
        </table>
    </div>
</div>

<div class="d-flex gap-2 mt-4">
    <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk ms-2"></i>حفظ</button>
    <a href="{{ route('invoices.index') }}" class="btn btn-light">إلغاء</a>
</div>