@extends('layouts.app')
@section('title', 'طلبات التوظيف - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">طلبات التوظيف</h1>
        <p class="page-subtitle">{{ $posting->title }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('recruitment.show', $posting) }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع للإعلان</a>
    </div>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="data-table">
            <thead>
                <tr><th>اسم المتقدم</th><th>البريد الإلكتروني</th><th>الهاتف</th><th>الحالة</th><th>تاريخ التقديم</th><th>إجراءات</th></tr>
            </thead>
            <tbody>
                @forelse($applications as $app)
                <tr>
                    <td><strong>{{ $app->applicant_name }}</strong></td>
                    <td>{{ $app->applicant_email }}</td>
                    <td>{{ $app->applicant_phone ?? '—' }}</td>
                    <td><span class="status-badge status-{{ $app->status }}">
                        @switch($app->status)
                            @case('pending') قيد المراجعة @break
                            @case('interview') مقابلة @break
                            @case('offer') عرض عمل @break
                            @case('rejected') مرفوض @break
                            @case('hired') تم التوظيف @break
                            @default {{ $app->status ?? '—' }}
                        @endswitch
                    </span></td>
                    <td>{{ $app->created_at?->format('Y/m/d') }}</td>
                    <td>
                        <div class="action-btns">
                            <a href="{{ route('applications.show', $app) }}" class="action-btn" title="عرض"><i class="fas fa-eye"></i></a>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6"><div class="empty-state"><i class="fas fa-file-alt"></i><h3>لا توجد طلبات توظيف لهذا الإعلان</h3></div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection