@extends('admin.layouts.master')
@section('title', 'تسجيل عملية مالية')

@section('content')
<div class="pc-container">
    <div class="pc-content">

        <div class="page-header d-flex justify-content-between align-items-center mb-3">
            <div>
                <h4 class="mb-0"><i class="ti ti-plus me-2 text-success"></i>تسجيل عملية مالية</h4>
                <small class="text-muted">تحصيل / استرداد / مصروف</small>
            </div>
            <a href="{{ route('admin.treasury.index') }}" class="btn btn-light">
                <i class="ti ti-arrow-right me-1"></i>رجوع للخزينة
            </a>
        </div>

        @if($errors->any())
            <div class="alert alert-danger alert-dismissible fade show">
                <strong>يوجد أخطاء:</strong>
                <ul class="mb-0 mt-1">
                    @foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach
                </ul>
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

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

                {{-- ── Section 1: Basic Info ── --}}
                <div class="col-12">
                    <div class="card">
                        <div class="card-header fw-semibold">
                            <i class="ti ti-info-circle me-1 text-primary"></i>بيانات العملية
                        </div>
                        <div class="card-body">
                            <div class="row g-3">

                                @if(auth()->user()->isSuperAdmin())
                                <div class="col-md-4">
                                    <label class="form-label">الفرع <span class="text-danger">*</span></label>
                                    <select name="branch_id" id="branch_id"
                                            class="form-select @error('branch_id') is-invalid @enderror"
                                            onchange="loadReferenceOptions()">
                                        <option value="">-- اختر الفرع --</option>
                                        @foreach($branches as $branch)
                                            <option value="{{ $branch->id }}"
                                                {{ old('branch_id', $branchId) == $branch->id ? 'selected' : '' }}>
                                                {{ $branch->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('branch_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @else
                                <input type="hidden" name="branch_id" value="{{ auth()->user()->branch_id }}">
                                @endif

                                <div class="col-md-4">
                                    <label class="form-label">نوع العملية <span class="text-danger">*</span></label>
                                    <select name="transaction_type" id="transaction_type"
                                            class="form-select @error('transaction_type') is-invalid @enderror">
                                        <option value="">-- اختر النوع --</option>
                                        <option value="collection" {{ old('transaction_type') == 'collection' ? 'selected' : '' }}>
                                            💰 تحصيل (وارد)
                                        </option>
                                        <option value="refund" {{ old('transaction_type') == 'refund' ? 'selected' : '' }}>
                                            ↩️ استرداد (صادر)
                                        </option>
                                        <option value="expense" {{ old('transaction_type') == 'expense' ? 'selected' : '' }}>
                                            📤 مصروف (صادر)
                                        </option>
                                    </select>
                                    @error('transaction_type') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label">تاريخ العملية <span class="text-danger">*</span></label>
                                    <input type="datetime-local" name="transaction_date"
                                           class="form-control @error('transaction_date') is-invalid @enderror"
                                           value="{{ old('transaction_date', now()->format('Y-m-d\TH:i')) }}">
                                    @error('transaction_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                {{-- ── Section 2: Reference ── --}}
                <div class="col-12">
                    <div class="card">
                        <div class="card-header fw-semibold">
                            <i class="ti ti-link me-1 text-primary"></i>السجل المرتبط
                        </div>
                        <div class="card-body">
                            <div class="row g-3">

                                <div class="col-md-4">
                                    <label class="form-label">نوع السجل <span class="text-danger">*</span></label>
                                    <select name="reference_type" id="reference_type"
                                            class="form-select @error('reference_type') is-invalid @enderror"
                                            onchange="loadReferenceOptions()">
                                        <option value="none" {{ old('reference_type', $preReferenceType) == 'none' ? 'selected' : '' }}>
                                            بدون ربط (مصروف عام)
                                        </option>
                                        <option value="person_permit"
                                            {{ old('reference_type', $preReferenceType) == 'person_permit' ? 'selected' : '' }}>
                                            تصريح فرد
                                        </option>
                                        <option value="vehicle_permit"
                                            {{ old('reference_type', $preReferenceType) == 'vehicle_permit' ? 'selected' : '' }}>
                                            تصريح مركبة
                                        </option>
                                        <option value="permit_renewal"
                                            {{ old('reference_type', $preReferenceType) == 'permit_renewal' ? 'selected' : '' }}>
                                            تجديد تصريح
                                        </option>
                                    </select>
                                    @error('reference_type') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>

                                <div class="col-md-8" id="reference_id_wrapper">
                                    <label class="form-label">
                                        السجل المرتبط
                                        <span id="ref_loading" class="spinner-border spinner-border-sm ms-1 d-none"></span>
                                    </label>
                                    <select name="reference_id" id="reference_id"
                                            class="form-select @error('reference_id') is-invalid @enderror">
                                        <option value="">-- اختر أولاً نوع السجل --</option>
                                    </select>
                                    @error('reference_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>

                                {{-- Selected reference info panel --}}
                                <div class="col-12" id="reference_info" style="display:none">
                                    <div class="alert alert-info py-2 border-0" id="reference_info_content">
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                {{-- ── Section 3: Financial ── --}}
                <div class="col-12">
                    <div class="card">
                        <div class="card-header fw-semibold">
                            <i class="ti ti-coin me-1 text-success"></i>البيانات المالية
                        </div>
                        <div class="card-body">
                            <div class="row g-3">

                                <div class="col-md-3">
                                    <label class="form-label">المبلغ <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <input type="number" step="0.01" min="0.01" max="99999999.99"
                                               name="amount" id="amount"
                                               class="form-control @error('amount') is-invalid @enderror"
                                               value="{{ old('amount', $preAmount) }}"
                                               placeholder="0.00" required>
                                        <span class="input-group-text">ج.م</span>
                                    </div>
                                    @error('amount') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                </div>

                                <div class="col-md-3">
                                    <label class="form-label">طريقة الدفع <span class="text-danger">*</span></label>
                                    <select name="payment_method"
                                            class="form-select @error('payment_method') is-invalid @enderror">
                                        <option value="">-- اختر --</option>
                                        <option value="cash"          {{ old('payment_method') == 'cash'          ? 'selected' : '' }}>💵 نقدي</option>
                                        <option value="bank_transfer" {{ old('payment_method') == 'bank_transfer' ? 'selected' : '' }}>🏦 تحويل بنكي</option>
                                        <option value="instapay"      {{ old('payment_method') == 'instapay'      ? 'selected' : '' }}>📱 إنستاباي</option>
                                        <option value="card"          {{ old('payment_method') == 'card'          ? 'selected' : '' }}>💳 بطاقة</option>
                                        <option value="wallet"        {{ old('payment_method') == 'wallet'        ? 'selected' : '' }}>👛 محفظة إلكترونية</option>
                                        <option value="cheque"        {{ old('payment_method') == 'cheque'        ? 'selected' : '' }}>📄 شيك</option>
                                        <option value="other"         {{ old('payment_method') == 'other'         ? 'selected' : '' }}>🔹 أخرى</option>
                                    </select>
                                    @error('payment_method') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>

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

                                <div class="col-md-3">
                                    <label class="form-label">موظف الاستلام</label>
                                    <select name="received_by_user_id"
                                            class="form-select @error('received_by_user_id') is-invalid @enderror">
                                        <option value="">-- المستخدم الحالي --</option>
                                        @foreach($employees as $emp)
                                            <option value="{{ $emp->id }}"
                                                {{ old('received_by_user_id') == $emp->id ? 'selected' : '' }}>
                                                {{ $emp->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('received_by_user_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>

                                <div class="col-12">
                                    <label class="form-label">ملاحظات</label>
                                    <textarea name="notes" class="form-control" rows="2"
                                              placeholder="أي ملاحظات إضافية...">{{ old('notes') }}</textarea>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                {{-- Submit --}}
                <div class="col-12">
                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{ route('admin.treasury.index') }}" class="btn btn-light px-4">إلغاء</a>
                        <button type="submit" class="btn btn-success px-5">
                            <i class="ti ti-check me-1"></i>حفظ العملية
                        </button>
                    </div>
                </div>

            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
var optionsCache = {};
var preReferenceType = '{{ $preReferenceType ?? '' }}';
var preReferenceId   = '{{ $preReferenceId ?? '' }}';
var oldReferenceId   = '{{ old('reference_id', $preReferenceId) }}';

/**
 * Load reference options via AJAX based on selected type and branch
 */
function loadReferenceOptions() {
    var type     = $('#reference_type').val();
    var branchId = $('#branch_id').val() || '{{ auth()->user()->isSuperAdmin() ? '' : auth()->user()->branch_id }}';

    var $wrapper = $('#reference_id_wrapper');
    var $select  = $('#reference_id');
    var $loading = $('#ref_loading');

    if (type === 'none' || !type) {
        $select.html('<option value="">-- بدون ربط --</option>');
        $('#reference_info').hide();
        return;
    }

    if (!branchId) {
        $select.html('<option value="">-- اختر الفرع أولاً --</option>');
        return;
    }

    var cacheKey = type + '_' + branchId;
    if (optionsCache[cacheKey]) {
        populateSelect($select, optionsCache[cacheKey]);
        return;
    }

    $loading.removeClass('d-none');
    $select.html('<option value="">جاري التحميل...</option>');

    $.getJSON('{{ route('admin.treasury.reference-options') }}', { type: type, branch_id: branchId })
        .done(function (data) {
            optionsCache[cacheKey] = data;
            populateSelect($select, data);
        })
        .fail(function () {
            $select.html('<option value="">فشل التحميل، حاول مجددًا</option>');
        })
        .always(function () {
            $loading.addClass('d-none');
        });
}

function populateSelect($select, options) {
    $select.html('<option value="">-- اختر السجل --</option>');
    $.each(options, function (i, opt) {
        var selected = (oldReferenceId && opt.id == oldReferenceId) ? 'selected' : '';
        $select.append('<option value="' + opt.id + '" ' + selected + '>' + opt.label + '</option>');
    });
}

// Trigger on page load if reference_type is pre-set
$(function () {
    var initialType = $('#reference_type').val();
    if (initialType && initialType !== 'none') {
        loadReferenceOptions();
    }
});
</script>
@endpush