@extends('admin.layouts.master')
@section('title', $order->exists ? 'تعديل طلب' : 'طلب جديد')

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

@section('content')
<form method="POST" action="{{ $order->exists ? route('admin.orders.update', $order) : route('admin.orders.store') }}">
    @csrf
    @if($order->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="order_no" class="form-control @error('order_no') is-invalid @enderror" value="{{ old('order_no', $order->order_no) }}" required>
                @error('order_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', $order->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', $order->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="order_date" class="form-control" value="{{ old('order_date', $order->order_date?->format('Y-m-d') ?? $order->order_date) }}" required></div>
            <div class="col-md-2"><label class="form-label">تاريخ التسليم</label>
                <input type="date" name="delivery_date" class="form-control" value="{{ old('delivery_date', $order->delivery_date?->format('Y-m-d') ?? $order->delivery_date) }}"></div>

            <div class="col-md-2"><label class="form-label">الحالة</label>
                <select name="status" class="form-select">
                    @foreach(['draft'=>'مسودة','approved'=>'معتمد','in_production'=>'قيد الإنتاج','completed'=>'جاهز','delivered'=>'مسلَّم','cancelled'=>'ملغي'] as $k=>$v)
                        <option value="{{ $k }}" {{ old('status', $order->status ?? 'draft') === $k ? 'selected' : '' }}>{{ $v }}</option>
                    @endforeach
                </select></div>
            <div class="col-md-2"><label class="form-label">الأولوية</label>
                <select name="priority" class="form-select">
                    @foreach(['low'=>'منخفضة','normal'=>'عادية','high'=>'عالية','urgent'=>'عاجل'] as $k=>$v)
                        <option value="{{ $k }}" {{ old('priority', $order->priority ?? 'normal') === $k ? 'selected' : '' }}>{{ $v }}</option>
                    @endforeach
                </select></div>
            <div class="col-md-3"><label class="form-label">المندوب</label>
                <select name="sales_person_id" class="form-select select2">
                    <option value="">— لا يوجد —</option>
                    @foreach($salesPersons as $sp)<option value="{{ $sp->id }}" {{ old('sales_person_id', $order->sales_person_id) == $sp->id ? 'selected' : '' }}>{{ $sp->name }}</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', $order->tax_percent ?? 14) }}"></div>
            <div class="col-md-3"><label class="form-label">خصم</label>
                <input type="number" step="0.01" name="discount_amount" id="discount_amount" class="form-control" value="{{ old('discount_amount', $order->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>الوصف</th><th>نوع الطباعة</th><th>المقاس النهائي</th><th>وش/ضهر</th>
                        <th>الكمية</th><th>سعر الوحدة</th><th>الإجمالي</th><th></th>
                    </tr>
                </thead>
                <tbody id="itemsBody">
                    @foreach($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><div class="input-group input-group-sm">
                            <input type="text" name="items[{{ $idx }}][colors_front]" placeholder="وش" class="form-control" value="{{ old("items.$idx.colors_front", $line->colors_front) }}">
                            <input type="text" name="items[{{ $idx }}][colors_back]" placeholder="ضهر" class="form-control" value="{{ old("items.$idx.colors_back", $line->colors_back) }}">
                        </div></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>
                    @endforeach
                </tbody>
                <tfoot class="bg-light">
                    <tr><th colspan="6" class="text-end">الإجمالي:</th><th id="subtotal">0.00</th><th></th></tr>
                    <tr><th colspan="6" class="text-end">بعد الخصم:</th><th id="afterDiscount">0.00</th><th></th></tr>
                    <tr><th colspan="6" class="text-end">الضريبة:</th><th id="taxAmount">0.00</th><th></th></tr>
                    <tr class="bg-primary text-white"><th colspan="6" 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">
        <label class="form-label">ملاحظات</label>
        <textarea name="notes" class="form-control" rows="3">{{ old('notes', $order->notes) }}</textarea>
    </div>
    <div class="card-footer text-end">
        <a href="{{ route('admin.orders.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 html = `<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><div class="input-group input-group-sm">
            <input type="text" name="items[${rowIdx}][colors_front]" placeholder="وش" class="form-control" value="4">
            <input type="text" name="items[${rowIdx}][colors_back]" placeholder="ضهر" class="form-control" value="0">
        </div></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(html); rowIdx++; recalc();
}
function removeRow(b) { $(b).closest('tr').remove(); recalc(); }
function recalc() {
    let s = 0;
    $('#itemsBody tr').each(function () {
        const q = parseFloat($(this).find('.qty').val())||0, p = parseFloat($(this).find('.price').val())||0;
        $(this).find('.total').val((q*p).toFixed(2)); s += q*p;
    });
    const d = parseFloat($('#discount_amount').val())||0, t = parseFloat($('[name=tax_percent]').val())||0;
    const ad = Math.max(0,s-d), tax = ad*t/100;
    $('#subtotal').text(s.toFixed(2)); $('#afterDiscount').text(ad.toFixed(2));
    $('#taxAmount').text(tax.toFixed(2)); $('#grandTotal').text((ad+tax).toFixed(2));
}
$(document).on('input', '.qty, .price, [name=tax_percent], #discount_amount', recalc);
$(function(){ recalc(); if (!{{ $items->count() ?? 0 }}) addRow(); });
</script>
@endpush