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

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

<div class="card" style="max-width:700px">
    <div class="card-body">
        <div class="detail-grid">
            <div class="detail-item"><label>اسم المتقدم</label><span>{{ $application->applicant_name }}</span></div>
            <div class="detail-item"><label>الوظيفة</label><span>{{ $application->jobPosting->title ?? '—' }}</span></div>
            <div class="detail-item"><label>البريد الإلكتروني</label><span>{{ $application->applicant_email }}</span></div>
            <div class="detail-item"><label>الهاتف</label><span>{{ $application->applicant_phone ?? '—' }}</span></div>
            <div class="detail-item"><label>الحالة</label><span class="status-badge status-{{ $application->status }}">
                @switch($application->status)
                    @case('pending') قيد المراجعة @break
                    @case('interview') مقابلة @break
                    @case('offer') عرض عمل @break
                    @case('rejected') مرفوض @break
                    @case('hired') تم التوظيف @break
                    @default {{ $application->status ?? '—' }}
                @endswitch
            </span></div>
            <div class="detail-item"><label>التقييم</label><span>
                <div class="rating-stars">
                    @for($i = 1; $i <= 5; $i++)
                        <i class="fas fa-star {{ $i <= ($application->rating ?? 0) ? 'filled' : '' }}"></i>
                    @endfor
                    <span>({{ $application->rating ?? 0 }}/5)</span>
                </div>
            </span></div>
            <div class="detail-item"><label>تاريخ المقابلة</label><span>{{ $application->interview_date?->format('Y/m/d') ?? '—' }}</span></div>
            <div class="detail-item"><label>السيرة الذاتية</label><span>
                @if($application->resume_path)
                    <a href="{{ asset('storage/' . $application->resume_path) }}" target="_blank" class="btn btn-ghost" style="padding:4px 10px"><i class="fas fa-file-download"></i> عرض السيرة الذاتية</a>
                @else
                    —
                @endif
            </span></div>
            <div class="detail-item full"><label>خطاب التقديم</label><span>{{ $application->cover_letter ?? '—' }}</span></div>
            <div class="detail-item full"><label>ملاحظات</label><span>{{ $application->notes ?? '—' }}</span></div>
            <div class="detail-item"><label>تاريخ التقديم</label><span>{{ $application->created_at?->format('Y/m/d H:i') }}</span></div>
        </div>
    </div>
</div>
@endsection