@extends('admin.layouts.master')

@php $isReceipt = $payment->direction === 'in'; @endphp

@section('title', $isReceipt ? 'إضافة مقبوضات' : 'إضافة دفعة')
@section('page_title', $isReceipt ? 'إضافة مقبوضات' : 'إضافة دفعة')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.payments.index', ['direction' => $payment->direction]) }}">{{ $isReceipt ? 'المقبوضات' : 'المدفوعات' }}</a></li>
    <li class="breadcrumb-item active">{{ __('admin.add') }}</li>
@endsection

@section('content')
@if($errors->any())
    <div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
@endif

<form action="{{ route('admin.payments.store') }}" method="POST">
    @csrf
    <input type="hidden" name="direction" value="{{ $payment->direction }}">

    <div class="card">
        <div class="card-header"><h3 class="card-title">{{ $isReceipt ? 'بيانات المقبوضات' : 'بيانات الدفعة' }}</h3></div>
        <div class="card-body">
            <div class="row">
                <div class="form-group col-md-3"><label>الرقم</label>
                    <input type="text" value="{{ $next_number }}" class="form-control" readonly></div>
                <div class="form-group col-md-3"><label>التاريخ *</label>
                    <input type="date" name="payment_date" value="{{ now()->toDateString() }}" class="form-control" required></div>
                <div class="form-group col-md-3"><label>المبلغ *</label>
                    <input type="number" step="0.01" min="0.01" name="amount" id="amount" value="{{ old('amount', 0) }}" class="form-control" required></div>
                <div class="form-group col-md-3"><label>العملة *</label>
                    <input type="text" name="currency_code" value="EGP" class="form-control" required></div>

                <div class="form-group col-md-6"><label>{{ $isReceipt ? 'العميل' : 'المورد' }} *</label>
                    @if($isReceipt)
                        <select name="customer_id" id="party_select" class="form-control" required>
                            <option value="">—</option>
                            @foreach($customers as $c)
                                <option value="{{ $c->id }}" @selected(old('customer_id', $payment->customer_id) == $c->id)>{{ $c->name_ar }} ({{ $c->code }})</option>
                            @endforeach
                        </select>
                    @else
                        <select name="supplier_id" id="party_select" class="form-control" required>
                            <option value="">—</option>
                            @foreach($suppliers as $s)
                                <option value="{{ $s->id }}" @selected(old('supplier_id', $payment->supplier_id) == $s->id)>{{ $s->name_ar }} ({{ $s->code }})</option>
                            @endforeach
                        </select>
                    @endif
                </div>
                <div class="form-group col-md-3"><label>الحساب *</label>
                    <select name="account_id" class="form-control" required>
                        <option value="">—</option>
                        @foreach($accounts as $a)
                            <option value="{{ $a->id }}">{{ $a->name }} ({{ number_format((float) $a->current_balance, 2) }} {{ $a->currency_code }})</option>
                        @endforeach
                    </select></div>
                <div class="form-group col-md-3"><label>طريقة الدفع</label>
                    <select name="payment_method_id" class="form-control">
                        <option value="">—</option>
                        @foreach($paymentMethods as $m)<option value="{{ $m->id }}">{{ $m->name }}</option>@endforeach
                    </select></div>

                <div class="form-group col-md-6"><label>المرجع</label>
                    <input type="text" name="reference" class="form-control" placeholder="رقم تحويل / مرجع"></div>
                <div class="form-group col-md-3"><label>رقم الشيك</label>
                    <input type="text" name="cheque_number" class="form-control"></div>
                <div class="form-group col-md-3"><label>تاريخ الشيك</label>
                    <input type="date" name="cheque_date" class="form-control"></div>

                <div class="form-group col-md-12"><label>اسم البنك</label>
                    <input type="text" name="bank_name" class="form-control"></div>

                <div class="form-group col-md-3"><label>الحالة</label>
                    <select name="status" class="form-control">
                        <option value="draft">مسودة</option>
                        <option value="posted">معتمدة</option>
                    </select></div>

                <div class="form-group col-md-12"><label>ملاحظات</label>
                    <textarea name="notes" class="form-control" rows="2"></textarea></div>
            </div>
        </div>
    </div>

    {{-- Allocation: open invoices --}}
    <div class="card">
        <div class="card-header"><h3 class="card-title">توزيع على فواتير مفتوحة (اختياري)</h3></div>
        <div class="card-body p-0">
            @if($openInvoices->isEmpty())
                <p class="text-muted p-3 m-0">سيتم تحميل الفواتير المفتوحة بعد اختيار {{ $isReceipt ? 'العميل' : 'المورد' }}.</p>
            @else
                @include('admin.payments._allocations_table', ['invoices' => $openInvoices])
            @endif
        </div>
        <div class="card-footer text-{{ in_array(app()->getLocale(), ['ar']) ? 'left' : 'right' }}">
            <a href="{{ route('admin.payments.index', ['direction' => $payment->direction]) }}" class="btn btn-secondary">{{ __('admin.cancel') }}</a>
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> {{ __('admin.save') }}</button>
        </div>
    </div>
</form>
@endsection

@push('scripts')
<script>
$(function () {
    // When party changes, load open invoices
    $('#party_select').on('change', function () {
        const id = $(this).val();
        if (! id) { $('#allocationsBody').html('<tr><td colspan="6" class="text-muted">اختر طرفاً.</td></tr>'); return; }
        const params = '{{ $isReceipt ? "customer_id" : "supplier_id" }}=' + id + '&direction={{ $payment->direction }}';
        $.get('{{ route('admin.payments.open-invoices') }}?' + params, function (rows) {
            if (! rows.length) {
                $('#allocationsBody').html('<tr><td colspan="6" class="text-muted">لا توجد فواتير مفتوحة.</td></tr>');
                return;
            }
            const html = rows.map((r, i) => `
                <tr>
                    <td>${r.number}<input type="hidden" name="allocations[${i}][invoice_id]" value="${r.id}"></td>
                    <td>${r.invoice_date}</td>
                    <td>${r.due_date || '—'}</td>
                    <td class="text-right">${parseFloat(r.total).toFixed(2)}</td>
                    <td class="text-right text-warning">${parseFloat(r.remaining).toFixed(2)}</td>
                    <td><input type="number" step="0.01" min="0" max="${r.remaining}" name="allocations[${i}][amount]" class="form-control form-control-sm alloc-amount" value="0"></td>
                </tr>`).join('');
            $('#allocationsBody').html(html);
        });
    }).trigger('change');

    // Auto-fill amount based on allocation total
    $(document).on('input', '.alloc-amount', function () {
        let sum = 0;
        $('.alloc-amount').each(function () { sum += parseFloat($(this).val()) || 0; });
        $('#amount').val(sum.toFixed(2));
    });
});
</script>
@endpush