@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">توصيات ربط الأداء بالتعويضات</h1>
        <p class="page-subtitle">توصيات الزيادة والمكافآت المبنية على نتائج تقييم الأداء</p>
    </div>
</div>

<div class="filter-bar">
    <form method="GET" action="{{ route('compensation-recommendations.index') }}" class="filter-form">
        <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="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>معتمدة</option>
                <option value="rejected" {{ request('status') == 'rejected' ? 'selected' : '' }}>مرفوضة</option>
                <option value="applied" {{ request('status') == 'applied' ? 'selected' : '' }}>مُطبقة</option>
            </select>
        </div>
        <div class="filter-group">
            <button type="submit" class="btn btn-primary"><i class="fa-solid fa-filter"></i> تصفية</button>
        </div>
    </form>
</div>

<div class="card">
    <div class="card-body">
        @if($recommendations->isEmpty())
            <div class="empty-state">
                <i class="fa-solid fa-sack-dollar"></i>
                <p>لا توجد توصيات تعويضات بعد</p>
                <p class="form-hint">يتم توليد التوصيات تلقائياً من صفحة تفاصيل تقييم الموظف المعتمد.</p>
            </div>
        @else
            <div class="table-responsive">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>الموظف</th>
                            <th>الراتب الحالي</th>
                            <th>نسبة الزيادة</th>
                            <th>الراتب المقترح</th>
                            <th>المكافأة المقترحة</th>
                            <th>الحالة</th>
                            <th>إجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($recommendations as $rec)
                        <tr>
                            <td>{{ $rec->employee->first_name ?? '' }} {{ $rec->employee->last_name ?? '' }}</td>
                            <td>{{ number_format($rec->current_salary, 2) }}</td>
                            <td>{{ $rec->recommended_increase_percentage }}%</td>
                            <td><strong>{{ number_format($rec->recommended_new_salary, 2) }}</strong></td>
                            <td>{{ number_format($rec->recommended_bonus, 2) }}</td>
                            <td>
                                @php
                                    $sMap = ['pending' => 'status-pending', 'approved' => 'status-active', 'rejected' => 'status-danger', 'applied' => 'status-active'];
                                @endphp
                                <span class="status-badge {{ $sMap[$rec->status] ?? 'status-pending' }}">{{ $rec->statusLabel() }}</span>
                            </td>
                            <td>
                                <div class="action-btns">
                                    <a href="{{ route('compensation-recommendations.show', $rec) }}" class="action-btn" title="عرض"><i class="fa-solid fa-eye"></i></a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="pagination-wrap">{{ $recommendations->links() }}</div>
        @endif
    </div>
</div>
@endsection