@extends('admin.layout')

@section('title', 'Interviews')

@section('content')
<main class="page">
    <span class="eyebrow">Modules</span><h1 class="title">Interviews</h1>
    <p class="muted">Schedule and track interviews for active job applications.</p>
    @if (session('status'))<div class="flash" role="status">{{ session('status') }}</div>@endif
    @if ($errors->any())<div class="error-box" role="alert">{{ $errors->first() }}</div>@endif

    <section class="panel" style="margin-bottom:22px">
        <div class="panel-head"><strong>Schedule an interview</strong><span class="muted">Interview time must be in the future.</span></div>
        <form method="POST" action="{{ route('admin.interviews.store') }}" style="padding:20px 22px">@csrf
            <div class="category-form" style="grid-template-columns:2fr 1fr 1fr 1fr;align-items:end">
                <div class="field"><label for="job_application_id">Applicant and job</label><select class="input" id="job_application_id" name="job_application_id" required><option value="">Choose an application</option>@foreach ($availableApplications as $application)<option value="{{ $application->id }}" @selected((string) old('job_application_id') === (string) $application->id)>{{ $application->jobSeeker?->user?->name ?: 'Applicant' }} · {{ $application->jobPosting?->title ?: 'Job' }} · {{ $application->jobPosting?->employer?->company_name ?: 'Company' }}</option>@endforeach</select></div>
                <div class="field"><label for="scheduled_at">Date and time</label><input class="input" id="scheduled_at" type="datetime-local" name="scheduled_at" min="{{ now()->format('Y-m-d\TH:i') }}" value="{{ old('scheduled_at') }}" required></div>
                <div class="field"><label for="interview_type">Interview type</label><select class="input" id="interview_type" name="interview_type" required><option value="online" @selected(old('interview_type', 'online') === 'online')>Online</option><option value="phone" @selected(old('interview_type') === 'phone')>Phone</option><option value="in_person" @selected(old('interview_type') === 'in_person')>In person</option></select></div>
                <div class="field"><label for="duration_minutes">Duration</label><select class="input" id="duration_minutes" name="duration_minutes" required>@foreach ([15, 30, 45, 60, 90, 120, 180] as $minutes)<option value="{{ $minutes }}" @selected((int) old('duration_minutes', 30) === $minutes)>{{ $minutes }} minutes</option>@endforeach</select></div>
                <div class="field"><label for="meeting_url">Meeting link <span class="muted">(online)</span></label><input class="input" id="meeting_url" type="url" name="meeting_url" value="{{ old('meeting_url') }}" maxlength="2048" placeholder="https://..."></div>
                <div class="field"><label for="location">Location <span class="muted">(in person)</span></label><input class="input" id="location" name="location" value="{{ old('location') }}" maxlength="255" placeholder="Office or venue"></div>
                <div class="field" style="grid-column:span 2"><label for="notes">Notes</label><input class="input" id="notes" name="notes" value="{{ old('notes') }}" maxlength="5000" placeholder="Optional instructions or preparation notes"></div>
                <div class="field"><button class="button" type="submit">Schedule interview</button></div>
            </div>
        </form>
    </section>

    <section class="panel">
        <div class="panel-head"><strong>{{ number_format($interviews->total()) }} interview{{ $interviews->total() === 1 ? '' : 's' }}</strong>
            <form class="toolbar" method="GET" action="{{ route('admin.interviews') }}"><input class="input" type="search" name="q" value="{{ $search }}" placeholder="Applicant, company, or job" aria-label="Search interviews"><select class="input" name="status" aria-label="Filter by interview status"><option value="">All statuses</option>@foreach ($statuses as $option)<option value="{{ $option }}" @selected($status === $option)>{{ str($option)->replace('_', ' ')->title() }}</option>@endforeach</select><button class="button" type="submit">Search</button><a class="button button-secondary" href="{{ route('admin.interviews') }}">Clear</a></form>
        </div>
        @if ($interviews->isEmpty())<div class="empty">No interviews match your search.</div>@else
            <div class="table-wrap"><table><thead><tr><th>Applicant / role</th><th>Interview details</th><th>Status</th><th>Update</th></tr></thead><tbody>
                @foreach ($interviews as $interview)
                    <tr>
                        <td><span class="company">{{ $interview->application?->jobSeeker?->user?->name ?: 'Applicant unavailable' }}</span><span class="sub">{{ $interview->application?->jobSeeker?->user?->email }}</span><span class="sub">{{ $interview->application?->jobPosting?->title }} · {{ $interview->application?->jobPosting?->employer?->company_name }}</span></td>
                        <td><span class="company">{{ $interview->scheduled_at?->format('D, d M Y · H:i') }}</span><span class="sub">{{ str($interview->interview_type)->replace('_', ' ')->title() }} · {{ $interview->duration_minutes }} minutes</span>@if ($interview->location)<span class="sub">{{ $interview->location }}</span>@endif @if ($interview->meeting_url)<a class="sub" href="{{ $interview->meeting_url }}" target="_blank" rel="noopener noreferrer">Open meeting link</a>@endif @if ($interview->notes)<span class="sub">{{ $interview->notes }}</span>@endif</td>
                        <td><span class="badge {{ $interview->status === 'scheduled' ? 'active' : ($interview->status === 'completed' ? 'verified' : 'inactive') }}">{{ str($interview->status)->replace('_', ' ')->title() }}</span><span class="sub">Scheduled by {{ $interview->creator?->name ?: 'Admin' }}</span></td>
                        <td><form method="POST" action="{{ route('admin.interviews.update', $interview) }}" style="display:grid;gap:8px;min-width:190px">@csrf @method('PATCH')<input class="input" type="datetime-local" name="scheduled_at" value="{{ $interview->scheduled_at?->format('Y-m-d\TH:i') }}" aria-label="Interview time"><select class="input" name="status" aria-label="Interview status">@foreach ($statuses as $option)<option value="{{ $option }}" @selected($interview->status === $option)>{{ str($option)->replace('_', ' ')->title() }}</option>@endforeach</select><button class="button button-secondary" type="submit">Save update</button></form></td>
                    </tr>
                @endforeach
            </tbody></table></div><div class="pagination">{{ $interviews->links() }}</div>
        @endif
    </section>
</main>
@endsection