@extends('admin.layouts.master')
@section('title', 'إضافة دفعة')

@section('content')
<div class="page-content-wrapper"><div class="content-container"><div class="page-content">
    <div class="content-header d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <div>
            <h4 class="mb-1"><i class="ti ti-wallet me-1"></i>إضافة دفعة جديدة</h4>
            <p class="text-muted mb-0">تسجيل سند قبض احترافي مع ربط مباشر بالفاتورة وتحديث حالة السداد.</p>
        </div>
        <a href="{{ route('admin.payments.index') }}" class="btn btn-outline-secondary"><i class="ti ti-arrow-right me-1"></i>العودة للمدفوعات</a>
    </div>

    <form method="POST" action="{{ route('admin.payments.store') }}" id="payment-form" class="row g-3">
        @csrf

        <div class="col-lg-8">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-transparent border-0 pt-3 pb-0"><h6 class="mb-0">بيانات السند</h6></div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">الفاتورة</label>
                            <select name="sales_invoice_id" id="sales_invoice_id" class="form-select @error('sales_invoice_id') is-invalid @enderror">
                                <option value="">بدون ربط فاتورة</option>
                                @foreach($invoices as $invoice)
                                    <option value="{{ $invoice->id }}" @selected(old('sales_invoice_id') == $invoice->id)>
                                        {{ $invoice->invoice_number ?? $invoice->invoice_no ?? ('INV-' . $invoice->id) }}
                                    </option>
                                @endforeach
                            </select>
                            @error('sales_invoice_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">العميل</label>
                            <select name="customer_id" id="customer_id" class="form-select @error('customer_id') is-invalid @enderror">
                                <option value="">عميل نقدي</option>
                                @foreach($customers as $customer)
                                    <option value="{{ $customer->id }}" @selected(old('customer_id') == $customer->id)>{{ $customer->name }}</option>
                                @endforeach
                            </select>
                            @error('customer_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">الصندوق النقدي</label>
                            <select name="cash_register_id" class="form-select @error('cash_register_id') is-invalid @enderror">
                                <option value="">تلقائي حسب الشفت المفتوح</option>
                                @foreach($cashRegisters as $register)
                                    <option value="{{ $register->id }}" @selected(old('cash_register_id') == $register->id)>{{ $register->name }}</option>
                                @endforeach
                            </select>
                            @error('cash_register_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">الشفت</label>
                            <select name="cashier_shift_id" class="form-select @error('cashier_shift_id') is-invalid @enderror">
                                <option value="">تلقائي حسب الشفت المفتوح</option>
                                @foreach($cashierShifts as $shift)
                                    <option value="{{ $shift->id }}" @selected(old('cashier_shift_id') == $shift->id)>#{{ $shift->id }}</option>
                                @endforeach
                            </select>
                            @error('cashier_shift_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-4">
                            <label class="form-label fw-semibold">طريقة الدفع <span class="text-danger">*</span></label>
                            <select name="payment_method" class="form-select @error('payment_method') is-invalid @enderror" required>
                                <option value="cash" @selected(old('payment_method', 'cash') === 'cash')>نقدي</option>
                                <option value="card" @selected(old('payment_method') === 'card')>بطاقة</option>
                                <option value="bank_transfer" @selected(old('payment_method') === 'bank_transfer')>تحويل بنكي</option>
                                <option value="wallet" @selected(old('payment_method') === 'wallet')>محفظة</option>
                                <option value="mixed" @selected(old('payment_method') === 'mixed')>مختلط</option>
                            </select>
                            @error('payment_method') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-4">
                            <label class="form-label fw-semibold">قيمة الدفعة <span class="text-danger">*</span></label>
                            <input type="number" step="0.01" min="0.01" name="amount" id="amount" value="{{ old('amount') }}" class="form-control @error('amount') is-invalid @enderror" required>
                            @error('amount') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-4">
                            <label class="form-label fw-semibold">تاريخ الدفع</label>
                            <input type="datetime-local" name="payment_date" value="{{ old('payment_date') }}" class="form-control @error('payment_date') is-invalid @enderror">
                            @error('payment_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">مرجع السداد</label>
                            <input type="text" name="reference" value="{{ old('reference') }}" class="form-control @error('reference') is-invalid @enderror" placeholder="رقم إيصال / مرجع تحويل">
                            @error('reference') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">الحالة</label>
                            <select name="status" class="form-select @error('status') is-invalid @enderror">
                                <option value="completed" @selected(old('status', 'completed') === 'completed')>مكتمل</option>
                                <option value="pending" @selected(old('status') === 'pending')>معلق</option>
                                <option value="cancelled" @selected(old('status') === 'cancelled')>ملغي</option>
                            </select>
                            @error('status') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-12">
                            <label class="form-label fw-semibold">ملاحظات</label>
                            <textarea name="notes" rows="3" class="form-control @error('notes') is-invalid @enderror" placeholder="ملاحظات إضافية على سند القبض">{{ old('notes') }}</textarea>
                            @error('notes') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header bg-transparent border-0 pt-3 pb-0"><h6 class="mb-0">ملخص الفاتورة المرتبطة</h6></div>
                <div class="card-body">
                    <table class="table table-sm mb-0">
                        <tr><th>العميل</th><td class="text-end" id="summary-customer">—</td></tr>
                        <tr><th>إجمالي الفاتورة</th><td class="text-end" id="summary-total">0.00</td></tr>
                        <tr><th>المدفوع</th><td class="text-end" id="summary-paid">0.00</td></tr>
                        <tr><th>المستحق</th><td class="text-end text-danger fw-semibold" id="summary-due">0.00</td></tr>
                        <tr><th>الدفعة الحالية</th><td class="text-end text-primary fw-semibold" id="summary-payment">0.00</td></tr>
                        <tr><th>المتبقي بعد السداد</th><td class="text-end fw-bold" id="summary-remaining">0.00</td></tr>
                    </table>
                    <div class="small text-muted mt-2">ملاحظة: يتم تحديث حالة الفاتورة تلقائيا بعد حفظ الدفعة.</div>
                </div>
            </div>
        </div>

        <div class="col-12 d-flex gap-2">
            <button type="submit" class="btn btn-primary"><i class="ti ti-device-floppy me-1"></i>حفظ السند</button>
            <a href="{{ route('admin.payments.index') }}" class="btn btn-outline-secondary">إلغاء</a>
        </div>
    </form>
</div></div></div>
@endsection

@php
    $invoiceSummaries = $invoices->mapWithKeys(function ($invoice) {
        return [
            $invoice->id => [
                'id' => $invoice->id,
                'customer_id' => $invoice->customer_id,
                'customer_name' => $invoice->customer?->name ?? 'عميل نقدي',
                'total' => (float) $invoice->total,
                'paid' => (float) $invoice->paid_amount,
                'due' => (float) $invoice->due_amount,
            ],
        ];
    })->all();
@endphp

@push('scripts')
<script>
$(function () {
    const invoices = {{ \Illuminate\Support\Js::from($invoiceSummaries) }};

    function updateSummary() {
        const invoiceId = $('#sales_invoice_id').val();
        const amount = parseFloat($('#amount').val() || 0);

        $('#summary-payment').text(amount.toFixed(2));

        if (!invoiceId || !invoices[invoiceId]) {
            $('#summary-customer').text('—');
            $('#summary-total').text('0.00');
            $('#summary-paid').text('0.00');
            $('#summary-due').text('0.00');
            $('#summary-remaining').text('0.00');
            return;
        }

        const invoice = invoices[invoiceId];
        const remaining = Math.max(0, (invoice.due || 0) - amount);

        $('#summary-customer').text(invoice.customer_name || '—');
        $('#summary-total').text((invoice.total || 0).toFixed(2));
        $('#summary-paid').text((invoice.paid || 0).toFixed(2));
        $('#summary-due').text((invoice.due || 0).toFixed(2));
        $('#summary-remaining').text(remaining.toFixed(2));

        if (invoice.customer_id && !$('#customer_id').val()) {
            $('#customer_id').val(String(invoice.customer_id));
        }
    }

    $('#sales_invoice_id, #amount').on('change input', updateSummary);
    updateSummary();
});
</script>
@endpush