@extends('layouts.app')

@section('title', 'طلبات التعويضات')

@section('content')
<div class="page-header">
    <h1 class="page-title">طلبات التعويضات والترقيات</h1>
    <a href="{{ route('compensation.create') }}" class="btn btn-primary">+ طلب جديد</a>
</div>

<div class="stats-grid" style="margin-bottom: 24px;">
    <div class="stat-card">
        <div class="stat-number">{{ $requests instanceof \Illuminate\Pagination\LengthAwarePaginator ? $requests->total() : $requests->count() }}</div>
        <div class="stat-label">إجمالي الطلبات</div>
    </div>
    <div class="stat-card">
        <div class="stat-number">{{ $requests->where('status', 'pending')->count() }}</div>
        <div class="stat-label">في الانتظار</div>
    </div>
    <div class="stat-card">
        <div class="stat-number">{{ $requests->where('status', 'approved')->count() }}</div>
        <div class="stat-label">معتمدة</div>
    </div>
</div>

@if($requests->count())
<div class="card">
    <div class="card-header"><h3>الطلبات</h3></div>
    <div style="overflow-x: auto;">
        <table class="data-table">
            <thead>
                <tr>
                    <th>الموظف</th>
                    <th>النوع</th>
                    <th>المبلغ</th>
                    <th>السبب</th>
                    <th>الحالة</th>
                    <th>إجراءات</th>
                </tr>
            </thead>
            <tbody>
                @foreach($requests as $req)
                <tr>
                    <td style="font-weight: 600;">{{ $req->employee_name ?? 'موظف #' . $req->employee_id }}</td>
                    <td>
                        @php
                            $types = ['raise' => 'زيادة راتب', 'bonus' => 'مكافأة', 'promotion' => 'ترقية'];
                        @endphp
                        {{ $types[$req->request_type] ?? $req->request_type }}
                    </td>
                    <td>{{ isset($req->amount) && $req->amount ? number_format($req->amount, 2) : '—' }}</td>
                    <td>{{ \Illuminate\Support\Str::limit($req->reason, 50) }}</td>
                    <td>
                        <span class="status-badge status-{{ $req->status === 'approved' ? 'active' : ($req->status === 'rejected' ? 'inactive' : 'pending') }}">
                            {{ $req->status === 'approved' ? 'معتمد' : ($req->status === 'rejected' ? 'مرفوض' : 'في الانتظار') }}
                        </span>
                    </td>
                    <td>
                        @if($req->status === 'pending')
                        <form method="POST" action="{{ route('compensation.approve', $req->id) }}" style="display: inline;">
                            @csrf
                            <button type="submit" class="btn btn-primary" style="font-size: 0.8rem; padding: 4px 12px;">اعتماد</button>
                        </form>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@if($requests instanceof \Illuminate\Pagination\LengthAwarePaginator)
<div style="margin-top: 16px;">{{ $requests->links() }}</div>
@endif
@else
<div class="card" style="text-align: center; padding: 48px 20px;">
    <div style="font-size: 2.5rem; margin-bottom: 12px;">💰</div>
    <h3 style="color: var(--color-text, #1B2A4A); margin-bottom: 8px;">لا توجد طلبات</h3>
    <p style="color: var(--color-text-secondary, #64748b);">أنشئ طلب تعويض أو ترقية لموظف</p>
</div>
@endif
@endsection