@csrf

@php
    $accountTypes = ['cash_box' => 'خزنة نقدية', 'bank' => 'بنكي', 'instapay' => 'Instapay', 'wallet' => 'محفظة'];
    $methodMeta   = $methodLabels ?? [];
@endphp

<div class="row g-3">

    {{-- العميل --}}
    <div class="col-md-6">
        <label class="form-label" for="customer_id">العميل <span class="text-danger">*</span></label>
        <select name="customer_id" id="customer_id"
                class="form-select @error('customer_id') is-invalid @enderror" required>
            <option value="">اختر العميل</option>
            @foreach($customers as $customer)
                <option value="{{ $customer->id }}"
                    data-type="{{ $customer->customer_type }}"
                    data-phone="{{ $customer->phone }}"
                    @selected(old('customer_id', $collection->customer_id ?? '') == $customer->id)>
                    {{ $customer->name_ar }}
                </option>
            @endforeach
        </select>
        @error('customer_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
        <small class="text-muted" id="customer_hint"></small>
    </div>

    {{-- فاتورة البيع --}}
    <div class="col-md-6">
        <label class="form-label" for="sales_invoice_id">فاتورة البيع (اختياري)</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 $inv)
                <option value="{{ $inv->id }}"
                    data-customer="{{ $inv->customer_id }}"
                    data-remaining="{{ number_format((float)$inv->remaining_amount, 2) }}"
                    @selected(old('sales_invoice_id', $collection->sales_invoice_id ?? '') == $inv->id)>
                    {{ $inv->invoice_number }}
                    (متبقي: {{ number_format((float)$inv->remaining_amount, 2) }} ج.م)
                </option>
            @endforeach
        </select>
        @error('sales_invoice_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
        <small class="text-muted" id="invoice_hint"></small>
    </div>

    {{-- حساب التحصيل --}}
    <div class="col-md-6">
        <label class="form-label" for="payment_account_id">حساب التحصيل <span class="text-danger">*</span></label>
        <select name="payment_account_id" id="payment_account_id"
                class="form-select @error('payment_account_id') is-invalid @enderror" required>
            <option value="">اختر الحساب</option>
            @foreach($accounts as $acc)
                <option value="{{ $acc->id }}"
                    data-type="{{ $acc->account_type }}"
                    @selected(old('payment_account_id', $collection->payment_account_id ?? '') == $acc->id)>
                    {{ $acc->name_ar }}
                    ({{ $accountTypes[$acc->account_type] ?? $acc->account_type }})
                </option>
            @endforeach
        </select>
        @error('payment_account_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    {{-- طريقة التحصيل --}}
    <div class="col-md-6">
        <label class="form-label" for="payment_method">طريقة التحصيل <span class="text-danger">*</span></label>
        <select name="payment_method" id="payment_method"
                class="form-select @error('payment_method') is-invalid @enderror" required>
            @foreach($methodMeta as $key => $m)
                <option value="{{ $key }}"
                    @selected(old('payment_method', $collection->payment_method ?? 'cash') == $key)>
                    {{ $m['label'] }}
                </option>
            @endforeach
        </select>
        @error('payment_method')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    {{-- تاريخ التحصيل --}}
    <div class="col-md-4">
        <label class="form-label" for="payment_date">تاريخ التحصيل <span class="text-danger">*</span></label>
        <input type="date" name="payment_date" id="payment_date"
               class="form-control @error('payment_date') is-invalid @enderror"
               value="{{ old('payment_date', isset($collection) ? $collection->payment_date?->format('Y-m-d') : now()->format('Y-m-d')) }}" required>
        @error('payment_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    {{-- القيمة --}}
    <div class="col-md-4">
        <label class="form-label" for="amount">قيمة التحصيل <span class="text-danger">*</span></label>
        <div class="input-group">
            <input type="number" step="0.01" min="0.01" name="amount" id="amount"
                   class="form-control @error('amount') is-invalid @enderror"
                   value="{{ old('amount', isset($collection) ? (float)$collection->amount : '') }}"
                   placeholder="0.00" required>
            <span class="input-group-text">ج.م</span>
            @error('amount')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
        </div>
    </div>

    {{-- المرجع --}}
    <div class="col-md-4">
        <label class="form-label" for="reference_number">رقم المرجع</label>
        <input type="text" name="reference_number" id="reference_number" maxlength="100"
               class="form-control @error('reference_number') is-invalid @enderror"
               value="{{ old('reference_number', $collection->reference_number ?? '') }}"
               placeholder="مثال: REF-001">
        @error('reference_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    {{-- مرجع العملية --}}
    <div class="col-md-6">
        <label class="form-label" for="transaction_reference">مرجع العملية البنكية</label>
        <input type="text" name="transaction_reference" id="transaction_reference" maxlength="150"
               class="form-control @error('transaction_reference') is-invalid @enderror"
               value="{{ old('transaction_reference', $collection->transaction_reference ?? '') }}"
               placeholder="رقم العملية من البنك أو المحفظة">
        @error('transaction_reference')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    {{-- ملاحظات --}}
    <div class="col-md-6">
        <label class="form-label" for="notes_ar">ملاحظات</label>
        <textarea name="notes_ar" id="notes_ar" rows="2" maxlength="1000"
                  class="form-control @error('notes_ar') is-invalid @enderror"
                  placeholder="أي ملاحظات إضافية على التحصيل...">{{ old('notes_ar', $collection->notes_ar ?? '') }}</textarea>
        @error('notes_ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

</div>

<div class="d-flex flex-wrap gap-2 mt-4">
    <button type="submit" class="btn btn-primary">
        <i class="ti ti-device-floppy me-1"></i>{{ isset($collection) ? 'حفظ التعديلات' : 'حفظ التحصيل' }}
    </button>
    <a href="{{ route('admin.customer_collections.index') }}" class="btn btn-light">
        <i class="ti ti-x me-1"></i>إلغاء
    </a>
</div>

<script>
(function () {
    // hint للعميل
    document.getElementById('customer_id').addEventListener('change', function () {
        const opt = this.options[this.selectedIndex];
        const hint = document.getElementById('customer_hint');
        if (!opt.value) { hint.textContent = ''; return; }
        const types = { retail: 'قطاعي', half_wholesale: 'نصف جملة', wholesale: 'جملة' };
        const type  = types[opt.dataset.type] ?? opt.dataset.type;
        hint.textContent = 'نوع العميل: ' + type + (opt.dataset.phone ? ' · هاتف: ' + opt.dataset.phone : '');

        // فلترة الفواتير حسب العميل
        const invSelect = document.getElementById('sales_invoice_id');
        Array.from(invSelect.options).forEach(function (o) {
            if (!o.value) { o.hidden = false; return; }
            o.hidden = o.dataset.customer !== opt.value;
        });
        invSelect.value = '';
        document.getElementById('invoice_hint').textContent = '';
    });

    // hint للفاتورة
    document.getElementById('sales_invoice_id').addEventListener('change', function () {
        const opt = this.options[this.selectedIndex];
        const hint = document.getElementById('invoice_hint');
        if (!opt.value) { hint.textContent = ''; return; }
        hint.textContent = 'المبلغ المتبقي: ' + opt.dataset.remaining + ' ج.م';
        const remaining = parseFloat(opt.dataset.remaining.replace(/,/g, ''));
        if (!isNaN(remaining) && remaining > 0) {
            document.getElementById('amount').value = remaining;
        }
    });
})();
</script>