@extends('layouts.app')
@section('title', 'طلبات تعديل البيانات')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">طلبات تعديل البيانات الشخصية</h1>
        <p class="page-subtitle">مراجعة واعتماد طلبات تعديل بيانات الموظفين</p>
    </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="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>
                </select>
            </div>
            <div class="filter-group">
                <label class="form-label">الموظف</label>
                <select name="employee_id" class="form-select">
                    <option value="">الكل</option>
                    @foreach($employees as $emp)
                        <option value="{{ $emp->id }}" {{ request('employee_id') == $emp->id ? 'selected' : '' }}>{{ $emp->first_name }} {{ $emp->last_name }}</option>
                    @endforeach
                </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>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($requests as $req)
                            <tr>
                                <td>
                                    <strong>{{ $req->employee->first_name ?? '' }} {{ $req->employee->last_name ?? '' }}</strong>
                                    <br><small style="color: var(--text-muted);">{{ $req->employee->employee_code ?? '' }}</small>
                                </td>
                                <td>{{ $req->field_label }}</td>
                                <td style="color: var(--text-muted);">{{ $req->old_value ?: '—' }}</td>
                                <td style="font-weight: 600;">{{ $req->new_value }}</td>
                                <td>{{ $req->created_at?->format('d/m/Y H:i') }}</td>
                                <td><span class="status-badge {{ $req->status_class }}">{{ $req->status_label }}</span></td>
                                <td>
                                    @if($req->status === 'pending')
                                        <div class="action-btns">
                                            <form action="{{ route('ess.approve-profile-request', $req->id) }}" method="POST" style="display: inline;">
                                                @csrf
                                                <button type="submit" class="action-btn" title="قبول" style="color: var(--success);" onclick="return confirm('هل تريد قبول هذا الطلب وتحديث بيانات الموظف؟')">
                                                    <i class="fas fa-check"></i>
                                                </button>
                                            </form>
                                            <form action="{{ route('ess.reject-profile-request', $req->id) }}" method="POST" style="display: inline;">
                                                @csrf
                                                <button type="submit" class="action-btn" title="رفض" style="color: var(--danger);" onclick="return confirm('هل تريد رفض هذا الطلب؟')">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </form>
                                        </div>
                                    @else
                                        <small style="color: var(--text-muted);">
                                            {{ $req->reviewer->name ?? '—' }}
                                            <br>{{ $req->reviewed_at?->format('d/m/Y') }}
                                        </small>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="pagination-wrap">
                {{ $requests->links() }}
            </div>
        @else
            <div class="empty-state" style="padding: 2rem;">
                <i class="fas fa-inbox" style="font-size: 2rem; color: var(--text-muted);"></i>
                <p>لا توجد طلبات تعديل</p>
            </div>
        @endif
    </div>
</div>
@endsection