@extends('layouts.admin')

@section('page_title', $isRtl ? 'طلبات التمويل' : 'Financing Requests')

@push('styles')
<style>
    .fr-header{background:linear-gradient(135deg,#e31e24 0%,#1a1a1a 100%);color:#fff;border-radius:14px;padding:1.5rem;margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
    .fr-header h1{margin:0 0 .3rem;font-size:1.4rem;color:#fff;}
    .fr-header p{margin:0;opacity:.9;font-size:.88rem;}
    .fr-header .vol{text-align:{{ $isRtl ? 'left' : 'right' }};}
    .fr-header .vol-label{font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em;}
    .fr-header .vol-value{font-size:1.8rem;font-weight:800;margin-top:.25rem;}

    .status-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;}
    .status-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;background:#fff;border:1px solid var(--admin-border);font-weight:600;font-size:.85rem;text-decoration:none;color:#374151;transition:all .15s;}
    .status-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.06);}
    .status-chip.active{background:#e31e24;color:#fff;border-color:#e31e24;}
    .status-chip .count{background:rgba(0,0,0,.06);padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;}
    .status-chip.active .count{background:rgba(255,255,255,.25);color:#fff;}
    .status-chip .dot{width:8px;height:8px;border-radius:50%;}

    .filter-bar{background:#fff;border:1px solid var(--admin-border);border-radius:12px;padding:.85rem;margin-bottom:1rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;}
    .filter-bar .search-input{flex:1;min-width:220px;position:relative;}
    .filter-bar .search-input input{width:100%;padding:.6rem .9rem .6rem 2.4rem;border:1px solid var(--admin-border);border-radius:8px;font-size:.9rem;}
    .filter-bar .search-input i{position:absolute;top:50%;{{ $isRtl ? 'right' : 'left' }}:.8rem;transform:translateY(-50%);color:#9ca3af;}
    .filter-bar select{padding:.6rem .9rem;border:1px solid var(--admin-border);border-radius:8px;font-size:.88rem;background:#fff;}

    .fr-table{background:#fff;border:1px solid var(--admin-border);border-radius:12px;overflow:hidden;}
    .fr-table table{width:100%;border-collapse:collapse;}
    .fr-table th{background:#f9fafb;padding:.85rem 1rem;text-align:{{ $isRtl ? 'right' : 'left' }};font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--admin-border);}
    .fr-table td{padding:1rem;border-bottom:1px solid #f1f5f9;font-size:.88rem;vertical-align:middle;}
    .fr-table tr:hover td{background:#fafbff;}
    .fr-table tr:last-child td{border-bottom:0;}

    .client-cell{display:flex;align-items:center;gap:.65rem;}
    .client-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e31e24,#1a1a1a);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem;flex-shrink:0;}
    .client-info{line-height:1.3;}
    .client-info strong{display:block;font-size:.88rem;}
    .client-info small{color:#6b7280;font-size:.75rem;}

    .req-number{display:inline-flex;flex-direction:column;}
    .req-number strong{font-family:'Courier New',monospace;font-size:.85rem;color:#e31e24;}
    .req-number small{color:#9ca3af;font-size:.7rem;}

    .amount-cell{font-weight:700;}
    .amount-cell .sar{color:#9ca3af;font-weight:500;font-size:.78rem;margin-{{ $isRtl ? 'right' : 'left' }}:.2rem;}
    .amount-cell .term{display:block;color:#6b7280;font-size:.75rem;font-weight:500;margin-top:.15rem;}

    .actions-cell{display:flex;gap:.35rem;justify-content:flex-end;}
    .icon-btn{width:32px;height:32px;border-radius:8px;display:inline-grid;place-items:center;border:1px solid var(--admin-border);background:#fff;color:#4b5563;cursor:pointer;transition:all .15s;text-decoration:none;font-size:.85rem;}
    .icon-btn:hover{background:#f3f4f6;color:#e31e24;border-color:#e31e24;}
    .icon-btn.danger:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5;}

    .empty-state{text-align:center;padding:4rem 1rem;color:#9ca3af;}
    .empty-state i{font-size:3rem;color:#d1d5db;margin-bottom:1rem;}
</style>
@endpush

@section('content')

@php
    $statusMeta = [
        'pending'   => ['label' => $isRtl ? 'قيد المراجعة' : 'Pending',   'color' => '#f59e0b'],
        'approved'  => ['label' => $isRtl ? 'مقبول'        : 'Approved',  'color' => '#10b981'],
        'rejected'  => ['label' => $isRtl ? 'مرفوض'        : 'Rejected',  'color' => '#ef4444'],
        'canceled'  => ['label' => $isRtl ? 'ملغي'         : 'Canceled',  'color' => '#6b7280'],
        'completed' => ['label' => $isRtl ? 'مكتمل'        : 'Completed', 'color' => '#e31e24'],
    ];

    $stageLabels = [
        'pending_payment' => $isRtl ? 'بانتظار الدفع'    : 'Pending Payment',
        'paid'            => $isRtl ? 'تم الدفع'         : 'Paid',
        'offers'          => $isRtl ? 'عرض العروض'       : 'Offers',
        'offer_selected'  => $isRtl ? 'تم اختيار العرض'  : 'Offer Selected',
        'completed'       => $isRtl ? 'مكتمل'            : 'Completed',
    ];

    $productLabels = [
        'personal'    => $isRtl ? 'تمويل شخصي'   : 'Personal Financing',
        'auto'        => $isRtl ? 'تمويل سيارات'  : 'Auto Financing',
        'mortgage'    => $isRtl ? 'تمويل عقاري'  : 'Mortgage',
        'credit_card' => $isRtl ? 'بطاقة ائتمان' : 'Credit Card',
        'sme'         => $isRtl ? 'تمويل منشآت'  : 'SME Financing',
    ];
@endphp

<div class="fr-header">
    <div>
        <h1><i class="fa-solid fa-hand-holding-dollar"></i> {{ $isRtl ? 'طلبات التمويل' : 'Financing Requests' }}</h1>
        <p>{{ $isRtl ? 'إدارة ومتابعة كل طلبات التمويل والتواصل مع العملاء' : 'Manage and track all financing requests and customer communications' }}</p>
    </div>
    <div class="vol">
        <div class="vol-label">{{ $isRtl ? 'إجمالي قيمة التمويل' : 'Total Loan Volume' }}</div>
        <div class="vol-value">{{ number_format($totalVolume) }} <span style="font-size:1rem;font-weight:600;opacity:.8;">{{ $isRtl ? 'ر.س' : 'SAR' }}</span></div>
    </div>
</div>

{{-- Status filter chips --}}
<div class="status-chips">
    <a href="{{ route('admin.financing-requests.index') }}" class="status-chip {{ empty($currentStatus) ? 'active' : '' }}">
        <i class="fa-solid fa-layer-group"></i>
        {{ $isRtl ? 'الكل' : 'All' }}
        <span class="count">{{ $totalAll }}</span>
    </a>
    @foreach($statuses as $st)
        @php $meta = $statusMeta[$st] ?? ['label' => $st, 'color' => '#6b7280']; @endphp
        <a href="{{ route('admin.financing-requests.index', ['status' => $st]) }}" class="status-chip {{ $currentStatus === $st ? 'active' : '' }}">
            <span class="dot" style="background:{{ $meta['color'] }};"></span>
            {{ $meta['label'] }}
            <span class="count">{{ $counts[$st] ?? 0 }}</span>
        </a>
    @endforeach
</div>

{{-- Search + extra filter --}}
<form method="GET" class="filter-bar">
    @if($currentStatus)<input type="hidden" name="status" value="{{ $currentStatus }}">@endif
    <div class="search-input">
        <i class="fa-solid fa-magnifying-glass"></i>
        <input type="text" name="q" value="{{ $q }}" placeholder="{{ $isRtl ? 'ابحث برقم الطلب، الاسم، الهاتف، أو البريد...' : 'Search by request #, name, phone or email...' }}">
    </div>
    <select name="stage" onchange="this.form.submit()">
        <option value="">{{ $isRtl ? 'كل المراحل' : 'All stages' }}</option>
        @foreach($stages as $sg)
            <option value="{{ $sg }}" {{ $currentStage === $sg ? 'selected' : '' }}>{{ $stageLabels[$sg] ?? $sg }}</option>
        @endforeach
    </select>
    <button class="btn-admin btn-admin-primary"><i class="fa-solid fa-filter"></i> {{ $isRtl ? 'تطبيق' : 'Apply' }}</button>
    @if($q || $currentStage || $currentStatus)
        <a href="{{ route('admin.financing-requests.index') }}" class="btn-admin btn-admin-outline">
            <i class="fa-solid fa-xmark"></i> {{ $isRtl ? 'مسح' : 'Clear' }}
        </a>
    @endif
</form>

@if($requests->isEmpty())
    <div class="admin-card empty-state">
        <i class="fa-solid fa-inbox"></i>
        <h3>{{ $isRtl ? 'لا توجد طلبات تطابق البحث' : 'No requests match your search' }}</h3>
        <p>{{ $isRtl ? 'جرب تغيير الفلاتر أو البحث بكلمة أخرى' : 'Try adjusting your filters or searching with different keywords' }}</p>
    </div>
@else
<div class="fr-table">
    <table>
        <thead>
        <tr>
            <th>{{ $isRtl ? 'رقم الطلب' : 'Request #' }}</th>
            <th>{{ $isRtl ? 'العميل' : 'Client' }}</th>
            <th>{{ $isRtl ? 'الهاتف' : 'Phone' }}</th>
            <th>{{ $isRtl ? 'المنتج' : 'Product' }}</th>
            <th>{{ $isRtl ? 'قيمة التمويل' : 'Amount' }}</th>
            <th>{{ $isRtl ? 'الحالة' : 'Status' }}</th>
            <th>{{ $isRtl ? 'المرحلة' : 'Stage' }}</th>
            <th>{{ $isRtl ? 'التاريخ' : 'Date' }}</th>
            <th style="text-align:{{ $isRtl ? 'left' : 'right' }};">{{ $isRtl ? 'إجراءات' : 'Actions' }}</th>
        </tr>
        </thead>
        <tbody>
        @foreach($requests as $r)
            @php $initial = mb_substr($r->client_name ?? 'U', 0, 1); @endphp
            <tr>
                <td>
                    <div class="req-number">
                        <strong>{{ $r->request_number }}</strong>
                        <small>#{{ $r->id }}</small>
                    </div>
                </td>
                <td>
                    <div class="client-cell">
                        <div class="client-avatar">{{ mb_strtoupper($initial) }}</div>
                        <div class="client-info">
                            <strong>{{ $r->client_name ?? '—' }}</strong>
                            @if($r->user)<small>{{ $r->user->email }}</small>@endif
                        </div>
                    </div>
                </td>
                <td style="direction:ltr;text-align:{{ $isRtl ? 'right' : 'left' }};">{{ $r->phone ?? '—' }}</td>
                <td>
                    <span class="badge-pill badge-primary">{{ $productLabels[$r->product_id] ?? $r->product_id }}</span>
                    @if($r->sub_product_id)
                        <br><small style="color:#6b7280;">{{ $productLabels[$r->sub_product_id] ?? $r->sub_product_id }}</small>
                    @endif
                </td>
                <td class="amount-cell">
                    @if($r->loan_amount)
                        {{ number_format((float)$r->loan_amount) }}<span class="sar">{{ $isRtl ? 'ر.س' : 'SAR' }}</span>
                        @if($r->loan_term_months)
                            <span class="term"><i class="fa-solid fa-clock"></i> {{ $r->loan_term_months }} {{ $isRtl ? 'شهر' : 'mo' }}</span>
                        @endif
                    @else
                        <span style="color:#9ca3af;">—</span>
                    @endif
                </td>
                <td><span class="badge-pill badge-{{ $r->status_badge }}">{{ $r->status_label }}</span></td>
                <td>
                    @if($r->stage)
                        <span class="badge-pill badge-muted">{{ $stageLabels[$r->stage] ?? $r->stage }}</span>
                    @else
                        <span style="color:#9ca3af;">—</span>
                    @endif
                    @if($r->facilitation_requested_at)
                        <span class="badge-pill" style="background:#EDE9FE;color:#7C3AED;margin-top:.25rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;">
                            <i class="fa-solid fa-hand-holding-dollar"></i> {{ $isRtl ? 'تسهيلات' : 'Facilitation' }}
                        </span>
                    @endif
                </td>
                <td style="color:#6b7280;font-size:.82rem;">
                    {{ $r->created_at?->format('Y-m-d') }}<br>
                    <small>{{ $r->created_at?->diffForHumans() }}</small>
                </td>
                <td>
                    <div class="actions-cell">
                        <a href="{{ route('admin.financing-requests.show', $r) }}" class="icon-btn" title="{{ $isRtl ? 'عرض' : 'View' }}">
                            <i class="fa-solid fa-eye"></i>
                        </a>
                        <form method="POST" action="{{ route('admin.financing-requests.destroy', $r) }}" style="display:inline;" onsubmit="return confirm('{{ $isRtl ? 'تأكيد الحذف؟' : 'Confirm delete?' }}')">
                            @csrf @method('DELETE')
                            <button class="icon-btn danger" title="{{ $isRtl ? 'حذف' : 'Delete' }}"><i class="fa-solid fa-trash"></i></button>
                        </form>
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
<div style="margin-top:1rem;">{{ $requests->links() }}</div>
@endif

@endsection