@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">جدولة مقابلة</h1>
        <p class="page-subtitle">مقابلة للمرشح: {{ $jobApplication->full_name }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('job-applications.show', $jobApplication) }}" class="btn btn-secondary"><i class="fa-solid fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<form action="{{ route('interviews.store', $jobApplication) }}" 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="interview_type" class="form-select" required>
                        <option value="phone">هاتفية</option>
                        <option value="video">فيديو</option>
                        <option value="in_person">حضورية</option>
                        <option value="panel">لجنة</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">تاريخ ووقت المقابلة</label>
                    <input type="datetime-local" name="scheduled_at" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label">المدة (بالدقائق)</label>
                    <input type="number" name="duration_minutes" class="form-input" value="30" min="5">
                </div>
                <div class="form-group">
                    <label class="form-label">الموقع</label>
                    <input type="text" name="location" class="form-input" placeholder="مثال: المكتب الرئيسي - الطابق 3">
                </div>
                <div class="form-group">
                    <label class="form-label">رابط الاجتماع (إن وجد)</label>
                    <input type="text" name="meeting_link" class="form-input" placeholder="https://meet.google.com/...">
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="notes" class="form-textarea" rows="3"></textarea>
            </div>
        </div>
    </div>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary"><i class="fa-solid fa-calendar-check"></i> جدولة المقابلة</button>
        <a href="{{ route('job-applications.show', $jobApplication) }}" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
@endsection