@extends('admin.layouts.master')
@section('title', $invoice->exists ? 'تعديل فاتورة' : 'فاتورة مشتريات')

@section('page-header')
    <div class="page-pretitle">فواتير المشتريات</div>
    <h2 class="page-title">{{ $invoice->exists ? 'تعديل: '.$invoice->invoice_no : 'فاتورة مشتريات جديدة' }}</h2>
@endsection

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

    <div class="card"><div class="card-body"><div class="row g-3">
        <div class="col-md-3"><label class="form-label required">رقم الفاتورة</label>
            <input type="text" name="invoice_no" class="form-control" value="{{ old('invoice_no', $invoice->invoice_no) }}" required></div>
        <div class="col-md-3"><label class="form-label">رقم فاتورة المورد</label>
            <input type="text" name="supplier_invoice_no" class="form-control" value="{{ old('supplier_invoice_no', $invoice->supplier_invoice_no) }}"></div>
        <div class="col-md-3"><label class="form-label">أمر الشراء المرتبط</label>
            <select name="purchase_order_id" class="form-select select2">
                <option value="">— لا يوجد —</option>
                @foreach($pos as $p)<option value="{{ $p->id }}" {{ old('purchase_order_id', $invoice->purchase_order_id) == $p->id ? 'selected' : '' }}>{{ $p->po_no }}</option>@endforeach
            </select></div>
        <div class="col-md-3"><label class="form-label">الحالة</label>
            <select name="status" class="form-select">
                @foreach(['pending'=>'معلقة','paid'=>'مدفوعة','partial'=>'جزئية','cancelled'=>'ملغية'] as $k=>$v)
                    <option value="{{ $k }}" {{ old('status', $invoice->status ?? 'pending') === $k ? 'selected' : '' }}>{{ $v }}</option>
                @endforeach
            </select></div>

        <div class="col-md-4"><label class="form-label required">المورد</label>
            <select name="supplier_id" class="form-select select2" required>
                <option value="">— اختر —</option>
                @foreach($suppliers as $s)<option value="{{ $s->id }}" {{ old('supplier_id', $invoice->supplier_id) == $s->id ? 'selected' : '' }}>{{ $s->name }}</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', $invoice->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="invoice_date" class="form-control" value="{{ old('invoice_date', $invoice->invoice_date?->format('Y-m-d') ?? $invoice->invoice_date) }}" required></div>
        <div class="col-md-2"><label class="form-label">الاستحقاق</label>
            <input type="date" name="due_date" class="form-control" value="{{ old('due_date', $invoice->due_date?->format('Y-m-d') ?? $invoice->due_date) }}"></div>
        <div class="col-md-2"><label class="form-label">ضريبة</label>
            <input type="number" step="0.01" name="tax_amount" class="form-control" value="{{ old('tax_amount', $invoice->tax_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-bordered mb-0">
                <thead class="bg-light"><tr><th>الصنف</th><th>الكمية</th><th>سعر الوحدة</th><th>الإجمالي</th><th></th></tr></thead>
                <tbody id="itemsBody">
                    @foreach($lines as $idx => $line)
                    <tr>
                        <td><select name="items[{{ $idx }}][item_id]" class="form-select form-select-sm" required>
                            @foreach($items as $i)<option value="{{ $i->id }}" {{ $line->item_id == $i->id ? 'selected' : '' }} data-cost="{{ $i->cost_price }}">{{ $i->name }}</option>@endforeach
                        </select></td>
                        <td><input type="number" step="0.01" name="items[{{ $idx }}][quantity]" class="form-control form-control-sm qty" value="{{ $line->quantity }}" required></td>
                        <td><input type="number" step="0.0001" name="items[{{ $idx }}][unit_cost]" class="form-control form-control-sm cost" value="{{ $line->unit_cost }}" required></td>
                        <td><input type="text" class="form-control form-control-sm total bg-light" value="{{ number_format($line->total_cost, 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 class="text-end" colspan="3">الإجمالي:</th><th id="subtotal">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="2">{{ old('notes', $invoice->notes) }}</textarea>
    </div>
    <div class="card-footer text-end">
        <a href="{{ route('admin.purchase-invoices.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 = {{ $lines->count() ?? 0 }};
const itemOptions = `@foreach($items as $i)<option value="{{ $i->id }}" data-cost="{{ $i->cost_price }}">{{ $i->name }}</option>@endforeach`;
function addRow() {
    const html = `<tr>
        <td><select name="items[${rowIdx}][item_id]" class="form-select form-select-sm item-select" required>${itemOptions}</select></td>
        <td><input type="number" step="0.01" name="items[${rowIdx}][quantity]" class="form-control form-control-sm qty" value="1" required></td>
        <td><input type="number" step="0.0001" name="items[${rowIdx}][unit_cost]" class="form-control form-control-sm cost" 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, c=parseFloat($(this).find('.cost').val())||0;
        $(this).find('.total').val((q*c).toFixed(2)); s+=q*c;
    });
    $('#subtotal').text(s.toFixed(2));
}
$(document).on('input', '.qty, .cost', recalc);
$(document).on('change', '.item-select', function(){
    $(this).closest('tr').find('.cost').val($(this).find(':selected').data('cost') || 0); recalc();
});
$(function(){ recalc(); if (!{{ $lines->count() ?? 0 }}) addRow(); });
</script>
@endpush