@extends('layouts.app')
@section('title', 'الطلبات المالية')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">الطلبات المالية والانتداب</h1>
        <p class="page-subtitle">سلف، انتداب، تعويض مصاريف</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('financial-requests.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> طلب جديد</a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success"><i class="fas fa-check-circle"></i> {{ session('success') }}</div>
@endif
@if(session('error'))
    <div class="alert alert-danger"><i class="fas fa-exclamation-circle"></i> {{ session('error') }}</div>
@endif

<div class="card" style="margin-bottom: 1.5rem;">
    <div class="card-body">
        <form method="GET" class="filter-form">
            <div class="filter-group">
                <label class="form-label">النوع</label>
                <select name="type" class="form-select">
                    <option value="">الكل</option>
                    <option value="advance" {{ request('type') == 'advance' ? 'selected' : '' }}>سلفة</option>
                    <option value="business_trip" {{ request('type') == 'business_trip' ? 'selected' : '' }}>انتداب</option>
                    <option value="expense" {{ request('type') == 'expense' ? 'selected' : '' }}>تعويض مصاريف</option>
                </select>
            </div>
            <div class="filter-group">
                <label class="form-label">الحالة</label>
                <select name="status" class="form-select">
                    <option value="">الكل</option>
                    <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>قيد المراجعة</option>
                    <option value="manager_approved" {{ request('status') == 'manager_approved' ? 'selected' : '' }}>موافقة المدير</option>
                    <option value="finance_approved" {{ request('status') == 'finance_approved' ? 'selected' : '' }}>موافقة المالية</option>
                    <option value="paid" {{ request('status') == 'paid' ? 'selected' : '' }}>تم الصرف</option>
                    <option value="rejected" {{ request('status') == 'rejected' ? 'selected' : '' }}>مرفوض</option>
                </select>
            </div>
            <div class="filter-group" style="align-self: flex-end;">
                <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> بحث</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body" style="padding: 0;">
        @if($requests->count() > 0)
            <div class="table-responsive">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>رقم الطلب</th>
                            <th>الموظف</th>
                            <th>النوع</th>
                            <th>الموضوع</th>
                            <th>المبلغ</th>
                            <th>الحالة</th>
                            <th>التاريخ</th>
                            <th>إجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($requests as $req)
                            <tr>
                                <td><span class="code-badge">{{ $req->request_number }}</span></td>
                                <td>{{ $req->employee->first_name ?? '' }} {{ $req->employee->last_name ?? '' }}</td>
                                <td>{{ $req->type_label }}</td>
                                <td>{{ $req->subject }}</td>
                                <td style="font-weight: 600;">{{ number_format($req->amount, 2) }} {{ $req->currency }}</td>
                                <td><span class="status-badge {{ $req->status_class }}">{{ $req->status_label }}</span></td>
                                <td>{{ $req->created_at?->format('d/m/Y') }}</td>
                                <td>
                                    <a href="{{ route('financial-requests.show', $req->id) }}" class="action-btn" title="عرض"><i class="fas fa-eye"></i></a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="pagination-wrap">{{ $requests->appends(request()->query())->links() }}</div>
        @else
            <div class="empty-state" style="padding: 2rem;">
                <i class="fas fa-file-invoice-dollar" style="font-size: 2rem; color: var(--text-muted);"></i>
                <p>لا توجد طلبات مالية</p>
            </div>
        @endif
    </div>
</div>
@endsection