@extends('admin.layouts.master')
@section('title', $quotation->exists ? 'تعديل عرض سعر' : 'عرض سعر جديد')

@section('page-header')
    <div class="row align-items-center">
        <div class="col">
            <div class="page-pretitle">عروض الأسعار</div>
            <h2 class="page-title">{{ $quotation->exists ? 'تعديل: ' . $quotation->quotation_no : 'إنشاء عرض سعر جديد' }}</h2>
        </div>
        <div class="col-auto">
            <a href="{{ route('admin.quotations.index') }}" class="btn btn-outline-secondary">العودة</a>
        </div>
    </div>
@endsection

@section('content')
<form method="POST" action="{{ $quotation->exists ? route('admin.quotations.update', $quotation) : route('admin.quotations.store') }}" id="qForm">
    @csrf
    @if($quotation->exists) @method('PUT') @endif

    <div class="card">
        <div class="card-header"><h3 class="card-title">بيانات عرض السعر</h3></div>
        <div class="card-body"><div class="row g-3">
            <div class="col-md-3"><label class="form-label required">رقم العرض</label>
                <input type="text" name="quotation_no" class="form-control @error('quotation_no') is-invalid @enderror" value="{{ old('quotation_no', $quotation->quotation_no) }}" required>
                @error('quotation_no')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
            <div class="col-md-3"><label class="form-label required">العميل</label>
                <select name="customer_id" class="form-select select2" required>
                    <option value="">— اختر —</option>
                    @foreach($customers as $c)<option value="{{ $c->id }}" {{ old('customer_id', $quotation->customer_id) == $c->id ? 'selected' : '' }}>{{ $c->name }} ({{ $c->code }})</option>@endforeach
                </select></div>
            <div class="col-md-2"><label class="form-label required">الفرع</label>
                <select name="branch_id" class="form-select" required>
                    @foreach($branches as $b)<option value="{{ $b->id }}" {{ old('branch_id', $quotation->branch_id) == $b->id ? 'selected' : '' }}>{{ $b->name }}</option>@endforeach
                </select></div>
            <div class="col-md-2"><label class="form-label required">تاريخ العرض</label>
                <input type="date" name="quotation_date" class="form-control" value="{{ old('quotation_date', $quotation->quotation_date?->format('Y-m-d') ?? $quotation->quotation_date) }}" required></div>
            <div class="col-md-2"><label class="form-label">صالح حتى</label>
                <input type="date" name="valid_until" class="form-control" value="{{ old('valid_until', $quotation->valid_until?->format('Y-m-d') ?? $quotation->valid_until) }}"></div>

            <div class="col-md-3"><label class="form-label">الحالة</label>
                <select name="status" class="form-select">
                    @foreach(['draft'=>'مسودة','sent'=>'مرسل','approved'=>'موافق عليه','rejected'=>'مرفوض','converted'=>'حُوّل لطلب','expired'=>'منتهي'] as $k=>$v)
                        <option value="{{ $k }}" {{ old('status', $quotation->status ?? 'draft') === $k ? 'selected' : '' }}>{{ $v }}</option>
                    @endforeach
                </select></div>
            <div class="col-md-2"><label class="form-label">نسبة الضريبة %</label>
                <input type="number" step="0.01" name="tax_percent" class="form-control" value="{{ old('tax_percent', $quotation->tax_percent ?? 14) }}"></div>
            <div class="col-md-2"><label class="form-label">خصم نقدي</label>
                <input type="number" step="0.01" name="discount_amount" id="discount_amount" class="form-control" value="{{ old('discount_amount', $quotation->discount_amount ?? 0) }}"></div>
        </div></div>
    </div>

    <div class="card mt-3">
        <div class="card-header d-flex justify-content-between">
            <h3 class="card-title">الأصناف</h3>
            <button type="button" class="btn btn-sm btn-success" onclick="addRow()"><i class="ti ti-plus ms-1"></i> إضافة صنف</button>
        </div>
        <div class="table-responsive">
            <table class="table table-vcenter table-bordered mb-0">
                <thead class="bg-light">
                    <tr>
                        <th style="width:30%">الوصف</th>
                        <th style="width:10%">النوع</th>
                        <th style="width:12%">مقاس نهائي</th>
                        <th style="width:8%">الكمية</th>
                        <th style="width:12%">سعر الوحدة</th>
                        <th style="width:12%">الإجمالي</th>
                        <th style="width:50px"></th>
                    </tr>
                </thead>
                <tbody id="itemsBody">
                    @forelse($items as $idx => $line)
                    <tr>
                        <td><input type="text" name="items[{{ $idx }}][description]" class="form-control form-control-sm" value="{{ old("items.$idx.description", $line->description) }}" required></td>
                        <td><select name="items[{{ $idx }}][printing_type]" class="form-select form-select-sm">
                            @foreach(['offset'=>'أوفست','digital'=>'ديجيتال','flex'=>'فلكس','packaging'=>'تغليف'] as $k=>$v)
                                <option value="{{ $k }}" {{ old("items.$idx.printing_type", $line->printing_type) === $k ? 'selected' : '' }}>{{ $v }}</option>
                            @endforeach
                        </select></td>
                        <td><input type="text" name="items[{{ $idx }}][final_size]" class="form-control form-control-sm" value="{{ old("items.$idx.final_size", $line->final_size) }}"></td>
                        <td><input type="number" name="items[{{ $idx }}][quantity]" class="form-control form-control-sm qty" value="{{ old("items.$idx.quantity", $line->quantity) }}" min="1" required></td>
                        <td><input type="number" step="0.0001" name="items[{{ $idx }}][unit_price]" class="form-control form-control-sm price" value="{{ old("items.$idx.unit_price", $line->unit_price) }}" min="0" required></td>
                        <td><input type="text" class="form-control form-control-sm total bg-light" value="{{ number_format($line->total_price, 2) }}" readonly></td>
                        <td><button type="button" class="btn btn-sm btn-outline-danger" onclick="removeRow(this)"><i class="ti ti-x"></i></button></td>
                    </tr>
                    @empty
                    @endforelse
                </tbody>
                <tfoot class="bg-light">
                    <tr>
                        <th colspan="5" class="text-end">الإجمالي قبل الخصم:</th>
                        <th id="subtotal">0.00</th><th></th>
                    </tr>
                    <tr>
                        <th colspan="5" class="text-end">الإجمالي بعد الخصم:</th>
                        <th id="afterDiscount">0.00</th><th></th>
                    </tr>
                    <tr>
                        <th colspan="5" class="text-end">الضريبة:</th>
                        <th id="taxAmount">0.00</th><th></th>
                    </tr>
                    <tr class="bg-primary text-white">
                        <th colspan="5" class="text-end">الإجمالي النهائي:</th>
                        <th id="grandTotal">0.00</th><th></th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <div class="card mt-3"><div class="card-body"><div class="row g-3">
        <div class="col-md-6"><label class="form-label">الشروط والأحكام</label>
            <textarea name="terms" class="form-control" rows="3">{{ old('terms', $quotation->terms ?? 'الأسعار سارية لمدة 30 يوم من تاريخ العرض. التوريد خلال 5-7 أيام عمل من تاريخ الاعتماد.') }}</textarea></div>
        <div class="col-md-6"><label class="form-label">ملاحظات</label>
            <textarea name="notes" class="form-control" rows="3">{{ old('notes', $quotation->notes) }}</textarea></div>
    </div>
    <div class="card-footer text-end">
        <a href="{{ route('admin.quotations.index') }}" class="btn btn-outline-secondary">إلغاء</a>
        <button class="btn btn-primary"><i class="ti ti-device-floppy ms-1"></i> حفظ</button>
    </div></div>
</form>
@endsection

@push('scripts')
<script>
let rowIdx = {{ $items->count() ?? 0 }};

function addRow() {
    const row = `<tr>
        <td><input type="text" name="items[${rowIdx}][description]" class="form-control form-control-sm" required></td>
        <td><select name="items[${rowIdx}][printing_type]" class="form-select form-select-sm">
            <option value="offset">أوفست</option><option value="digital">ديجيتال</option>
            <option value="flex">فلكس</option><option value="packaging">تغليف</option>
        </select></td>
        <td><input type="text" name="items[${rowIdx}][final_size]" class="form-control form-control-sm"></td>
        <td><input type="number" name="items[${rowIdx}][quantity]" class="form-control form-control-sm qty" min="1" value="1" required></td>
        <td><input type="number" step="0.0001" name="items[${rowIdx}][unit_price]" class="form-control form-control-sm price" min="0" value="0" required></td>
        <td><input type="text" class="form-control form-control-sm total bg-light" readonly></td>
        <td><button type="button" class="btn btn-sm btn-outline-danger" onclick="removeRow(this)"><i class="ti ti-x"></i></button></td>
    </tr>`;
    $('#itemsBody').append(row);
    rowIdx++;
    recalc();
}
function removeRow(btn) { $(btn).closest('tr').remove(); recalc(); }

function recalc() {
    let subtotal = 0;
    $('#itemsBody tr').each(function () {
        const qty = parseFloat($(this).find('.qty').val()) || 0;
        const price = parseFloat($(this).find('.price').val()) || 0;
        const total = qty * price;
        $(this).find('.total').val(total.toFixed(2));
        subtotal += total;
    });
    const discount = parseFloat($('#discount_amount').val()) || 0;
    const taxPct = parseFloat($('[name=tax_percent]').val()) || 0;
    const afterDisc = Math.max(0, subtotal - discount);
    const tax = afterDisc * taxPct / 100;
    const total = afterDisc + tax;
    $('#subtotal').text(subtotal.toFixed(2));
    $('#afterDiscount').text(afterDisc.toFixed(2));
    $('#taxAmount').text(tax.toFixed(2));
    $('#grandTotal').text(total.toFixed(2));
}

$(document).on('input change', '.qty, .price, [name=tax_percent], #discount_amount', recalc);
$(function () { recalc(); if (!{{ $items->count() ?? 0 }}) addRow(); });
</script>
@endpush