@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">{{ $jobApplication->full_name }}</h1>
        <p class="page-subtitle">متقدم على وظيفة: {{ $jobApplication->jobPosting->title ?? '—' }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('interviews.create', $jobApplication) }}" class="btn btn-secondary"><i class="fa-solid fa-calendar-plus"></i> جدولة مقابلة</a>
        <a href="{{ route('talent-pool.import', $jobApplication) }}" class="btn btn-secondary"><i class="fa-solid fa-star"></i> إضافة لبنك المواهب</a>
        <a href="{{ route('job-applications.index') }}" class="btn btn-secondary"><i class="fa-solid fa-arrow-right"></i> رجوع</a>
    </div>
</div>

@if (session('success'))
    <div class="status-badge status-active" style="margin-bottom:16px; display:inline-flex;">
        <i class="fa-solid fa-circle-check"></i> {{ session('success') }}
    </div>
@endif

<div class="detail-grid" style="margin-bottom:20px;">
    <div class="stat-card">
        <div class="stat-icon"><i class="fa-solid fa-flag"></i></div>
        <div class="stat-value">{{ $jobApplication->stage_label }}</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>{{ $jobApplication->email }}</span></div>
            <div class="detail-item"><label>الهاتف</label><span>{{ $jobApplication->phone ?? '—' }}</span></div>
            <div class="detail-item"><label>مصدر التقديم</label><span>{{ $jobApplication->source_label }}</span></div>
            <div class="detail-item"><label>سنوات الخبرة</label><span>{{ $jobApplication->experience_years ?? '—' }}</span></div>
            <div class="detail-item"><label>الراتب الحالي</label><span>{{ $jobApplication->current_salary ?? '—' }}</span></div>
            <div class="detail-item"><label>الراتب المتوقع</label><span>{{ $jobApplication->expected_salary ?? '—' }}</span></div>
            <div class="detail-item"><label>فترة الإشعار</label><span>{{ $jobApplication->notice_period ?? '—' }}</span></div>
            <div class="detail-item"><label>التقييم</label><span>{{ $jobApplication->rating ? str_repeat('★', $jobApplication->rating) : '—' }}</span></div>
            @if($jobApplication->cover_letter)
            <div class="detail-item full"><label>خطاب التقديم</label><span>{{ $jobApplication->cover_letter }}</span></div>
            @endif
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>تقييم المرشح</h3></div>
    <div class="card-body">
        <form action="{{ route('job-applications.rate', $jobApplication) }}" method="POST" class="form-grid cols-2">
            @csrf
            <div class="form-group">
                <label class="form-label">التقييم (من 5)</label>
                <select name="rating" class="form-select">
                    @for($i=1;$i<=5;$i++)
                        <option value="{{ $i }}" @selected($jobApplication->rating == $i)>{{ $i }} ★</option>
                    @endfor
                </select>
            </div>
            <div class="form-group" style="align-self:flex-end;">
                <button type="submit" class="btn btn-primary">حفظ التقييم</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>الخط الزمني والملاحظات</h3></div>
    <div class="card-body">
        <form action="{{ route('job-applications.add-note', $jobApplication) }}" method="POST" style="margin-bottom:16px;">
            @csrf
            <div class="form-group">
                <label class="form-label">إضافة ملاحظة</label>
                <textarea name="note" class="form-textarea" rows="2" required></textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-secondary"><i class="fa-solid fa-note-sticky"></i> إضافة</button>
            </div>
        </form>

        @if($jobApplication->stage_notes && count($jobApplication->stage_notes))
            <div class="table-responsive">
                <table class="data-table">
                    <thead><tr><th>المرحلة</th><th>الملاحظة</th><th>بواسطة</th><th>التاريخ</th></tr></thead>
                    <tbody>
                        @foreach(array_reverse($jobApplication->stage_notes) as $note)
                        <tr>
                            <td><span class="status-badge status-pending">{{ $note['stage'] ?? '—' }}</span></td>
                            <td>{{ $note['note'] ?? '' }}</td>
                            <td>{{ $note['by'] ?? '—' }}</td>
                            <td>{{ $note['at'] ?? '' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="empty-state"><i class="fa-solid fa-comment"></i><p>لا توجد ملاحظات بعد</p></div>
        @endif
    </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($jobApplication->interviews as $interview)
                    <tr>
                        <td>{{ $interview->type_label }}</td>
                        <td>{{ $interview->scheduled_at->format('Y-m-d H:i') }}</td>
                        <td><span class="status-badge status-pending">{{ $interview->status_label }}</span></td>
                        <td>{{ $interview->overall_rating ? str_repeat('★', $interview->overall_rating) : '—' }}</td>
                        <td>{{ $interview->recommendation ?? '—' }}</td>
                        <td>
                            @if($interview->status === 'scheduled')
                            <a href="{{ route('interviews.complete', $interview) }}" class="action-btn"><i class="fa-solid fa-clipboard-check"></i></a>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6"><div class="empty-state"><i class="fa-solid fa-calendar"></i><p>لا توجد مقابلات مجدولة</p></div></td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>إجراءات نهائية</h3></div>
    <div class="card-body">
        <div class="form-actions">
            <form action="{{ route('job-applications.hire', $jobApplication) }}" method="POST" onsubmit="return confirm('تأكيد توظيف المرشح؟');">
                @csrf
                <button type="submit" class="btn btn-success"><i class="fa-solid fa-check"></i> توظيف المرشح</button>
            </form>
            <form action="{{ route('job-applications.reject', $jobApplication) }}" method="POST" onsubmit="return confirm('تأكيد رفض المرشح؟');">
                @csrf
                <input type="hidden" name="rejected_reason" value="غير مناسب">
                <button type="submit" class="btn btn-danger"><i class="fa-solid fa-xmark"></i> رفض المرشح</button>
            </form>
        </div>
    </div>
</div>
@endsection