@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">{{ $jobPosting->title }}</h1>
        <p class="page-subtitle">تفاصيل الوظيفة الشاغرة</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('job-postings.edit', $jobPosting) }}" class="btn btn-secondary"><i class="fa-solid fa-pen"></i> تعديل</a>
        <a href="{{ route('job-postings.index') }}" class="btn btn-secondary"><i class="fa-solid fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<div class="stats-grid cols-4">
    <div class="stat-card">
        <div class="stat-icon"><i class="fa-solid fa-users"></i></div>
        <div class="stat-value">{{ $jobPosting->applications->count() }}</div>
        <div class="stat-label">إجمالي المتقدمين</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i class="fa-solid fa-user-check"></i></div>
        <div class="stat-value">{{ $jobPosting->applications->where('stage','hired')->count() }}</div>
        <div class="stat-label">تم توظيفهم</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i class="fa-solid fa-user-clock"></i></div>
        <div class="stat-value">{{ $jobPosting->applications->whereNotIn('stage', ['hired','rejected'])->count() }}</div>
        <div class="stat-label">قيد المعالجة</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i class="fa-solid fa-briefcase"></i></div>
        <div class="stat-value">{{ $jobPosting->positions_count }}</div>
        <div class="stat-label">عدد الشواغر</div>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>معلومات الوظيفة</h3></div>
    <div class="card-body">
        <div class="detail-grid">
            <div class="detail-item"><label>القسم</label><span>{{ $jobPosting->department->name ?? '—' }}</span></div>
            <div class="detail-item"><label>الموقع</label><span>{{ $jobPosting->location ?? '—' }}</span></div>
            <div class="detail-item"><label>نوع الدوام</label><span>{{ $jobPosting->employment_type_label }}</span></div>
            <div class="detail-item"><label>مستوى الخبرة</label><span>{{ $jobPosting->experience_level_label }}</span></div>
            <div class="detail-item"><label>الحالة</label><span class="status-badge status-active">{{ $jobPosting->status_label }}</span></div>
            <div class="detail-item"><label>تاريخ النشر</label><span>{{ $jobPosting->published_at?->format('Y-m-d') ?? '—' }}</span></div>
            @if($jobPosting->show_salary)
            <div class="detail-item"><label>نطاق الراتب</label><span>{{ $jobPosting->salary_min }} - {{ $jobPosting->salary_max }}</span></div>
            @endif
            <div class="detail-item full"><label>الوصف الوظيفي</label><span>{{ $jobPosting->description ?? '—' }}</span></div>
            <div class="detail-item full"><label>المتطلبات</label><span>{{ $jobPosting->requirements ?? '—' }}</span></div>
            @if($jobPosting->skills)
            <div class="detail-item full">
                <label>المهارات</label>
                <span>
                    @foreach($jobPosting->skills as $skill)
                        <span class="code-badge">{{ $skill }}</span>
                    @endforeach
                </span>
            </div>
            @endif
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>المتقدمون لهذه الوظيفة</h3></div>
    <div class="card-body">
        <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($jobPosting->applications as $app)
                    <tr>
                        <td>{{ $app->full_name }}</td>
                        <td>{{ $app->email }}</td>
                        <td><span class="status-badge status-pending">{{ $app->stage_label }}</span></td>
                        <td>{{ $app->rating ? str_repeat('★', $app->rating) : '—' }}</td>
                        <td>{{ $app->created_at->format('Y-m-d') }}</td>
                        <td><a href="{{ route('job-applications.show', $app) }}" class="action-btn"><i class="fa-solid fa-eye"></i></a></td>
                    </tr>
                @empty
                    <tr><td colspan="6"><div class="empty-state"><i class="fa-solid fa-inbox"></i><p>لا يوجد متقدمون بعد</p></div></td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection