@extends('layouts.app')

@section('title', 'Schedule Interview')
@section('heading', 'Schedule Interview')

@section('content')
    @include('recruitment.top-submenu')

    <div class="mb-5">
        <h1 class="text-lg font-semibold text-slate-900">Schedule Interview</h1>
        <p class="mt-1 text-sm text-slate-500">Interviews assigned to you.</p>
    </div>

    <div class="grid gap-6 lg:grid-cols-2">
        <x-card>
            <p class="mb-1 text-sm font-semibold text-slate-900">Today</p>
            <p class="mb-3 text-xs text-slate-500">{{ now()->format('F d, Y') }}</p>
            <div class="space-y-3">
                @forelse($todayInterviews as $item)
                    @include('recruitment.my-interviews.partials.card', ['item' => $item, 'showDate' => false])
                @empty
                    <p class="text-sm text-slate-500">No interviews scheduled for today.</p>
                @endforelse
            </div>
        </x-card>

        <x-card>
            <p class="mb-1 text-sm font-semibold text-slate-900">Upcoming</p>
            <p class="mb-3 text-xs text-slate-500">After today</p>
            <div class="space-y-3">
                @forelse($upcomingInterviews as $item)
                    @include('recruitment.my-interviews.partials.card', ['item' => $item, 'showDate' => true])
                @empty
                    <p class="text-sm text-slate-500">No upcoming interviews.</p>
                @endforelse
            </div>
        </x-card>
    </div>

    <x-card class="mt-6">
        <p class="mb-3 text-sm font-semibold text-slate-900">Earlier</p>
        <div class="space-y-3">
            @forelse($earlierInterviews as $item)
                @include('recruitment.my-interviews.partials.card', ['item' => $item, 'showDate' => true])
            @empty
                <p class="text-sm text-slate-500">No earlier interviews.</p>
            @endforelse
        </div>
    </x-card>
@endsection