@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تقييم المقابلة</h1>
        <p class="page-subtitle">للمرشح: {{ $interview->jobApplication->full_name ?? '—' }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('job-applications.show', $interview->job_application_id) }}" class="btn btn-secondary"><i class="fa-solid fa-arrow-right"></i> رجوع</a>
    </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>{{ $interview->type_label }}</span></div>
            <div class="detail-item"><label>الموعد</label><span>{{ $interview->scheduled_at->format('Y-m-d H:i') }}</span></div>
            <div class="detail-item"><label>المدة</label><span>{{ $interview->duration_minutes }} دقيقة</span></div>
        </div>
    </div>
</div>

<form action="{{ route('interviews.store-complete', $interview) }}" method="POST">
    @csrf
    <div class="card">
        <div class="card-header"><h3>نتيجة المقابلة</h3></div>
        <div class="card-body">
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">التقييم العام</label>
                    <select name="overall_rating" class="form-select" required>
                        @for($i=1;$i<=5;$i++)
                            <option value="{{ $i }}">{{ $i }} ★</option>
                        @endfor
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">التوصية</label>
                    <select name="recommendation" class="form-select" required>
                        <option value="hire">توظيف</option>
                        <option value="next_round">مرحلة تالية</option>
                        <option value="hold">تعليق</option>
                        <option value="reject">رفض</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">الملاحظات والتغذية الراجعة</label>
                <textarea name="feedback" class="form-textarea" rows="5"></textarea>
            </div>
        </div>
    </div>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> حفظ التقييم</button>
    </div>
</form>
@endsection