@extends('layouts.portal')
@section('title', 'Director Dashboard')
@section('heading', 'Hospital Director Dashboard')
@section('content')
@include('partials.welcome-card', ['intro' => 'Assign Supervisory Consultants and second six-month placements, and give final approval to quarterly evaluations.'])
@include('partials.stats', ['icons' => ['ri-hospital-line','ri-user-heart-line','ri-user-search-line','ri-calendar-todo-line','ri-inbox-unarchive-line']])

@include('partials.evaluation.queue', [
    'title' => 'Evaluations awaiting your approval',
    'reviewRoute' => 'director.evaluations.edit',
    'empty' => 'No evaluations are waiting for your approval.',
])

<section class="slmc-card mb-6 overflow-hidden">
    <div class="flex flex-wrap items-center justify-between gap-3 border-b border-slmc-line p-6">
        <div>
            <p class="mb-1 text-xs font-semibold tracking-widest text-slmc-600 uppercase">Intern Medical Officers</p>
            <h3 class="text-xl font-bold text-slmc">Interns, Consultants & Placements</h3>
        </div>
        <div class="flex flex-wrap gap-2">
            @if($n = $interns->whereNull('consultant_id')->count())
                <span class="rounded-full border border-amber-200 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-700"><i class="ri-error-warning-line"></i> {{ $n }} awaiting consultant</span>
            @endif
            @if($n = $interns->where('period', 1)->whereNull('secondPeriod')->count())
                <span class="rounded-full border border-blue-200 bg-blue-50 px-3 py-1 text-xs font-semibold text-blue-700"><i class="ri-calendar-todo-line"></i> {{ $n }} second period to assign</span>
            @endif
        </div>
    </div>
    <div class="overflow-x-auto">
        <table class="w-full text-left text-sm">
            <thead class="bg-slmc-tint text-[11px] tracking-wider text-slmc-500 uppercase">
                <tr>
                    <th class="px-6 py-3 font-bold">Intern</th>
                    <th class="px-6 py-3 font-bold">Period</th>
                    <th class="px-6 py-3 font-bold">Unit / Specialty</th>
                    <th class="px-6 py-3 font-bold">Supervisory Consultant</th>
                    <th class="px-6 py-3 font-bold">Second six months</th>
                    <th class="px-6 py-3"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slmc-line">
                @forelse($interns as $a)
                    <tr class="align-top hover:bg-[#f7faff]">
                        <td class="px-6 py-4 font-semibold text-slmc">{{ $a->intern->name }}<span class="block text-xs font-normal text-gray-400">{{ $a->hospital->name }}</span></td>
                        <td class="px-6 py-4">
                            <span class="inline-flex rounded-md bg-slmc-tint px-2 py-0.5 text-xs font-bold text-slmc-500">P{{ $a->period }}</span>
                            <span class="block text-xs text-gray-400">{{ $a->starts_on->format('j M Y') }} – {{ $a->endsOn()->format('j M Y') }}</span>
                        </td>
                        <td class="px-6 py-4">{{ $a->unit ?? '—' }}<span class="block text-xs text-gray-400">{{ $a->specialty }}</span></td>
                        <td class="px-6 py-4">
                            @if($a->consultant)
                                <span class="font-medium text-slmc">{{ $a->consultant->name }}</span>
                            @else
                                <span class="inline-flex items-center gap-1 rounded-full border border-amber-200 bg-amber-50 px-2.5 py-0.5 text-xs font-semibold text-amber-700">Not assigned</span>
                            @endif
                        </td>
                        <td class="px-6 py-4">
                            @if($a->period === 2)
                                <span class="text-xs text-gray-400">This is the second period</span>
                            @elseif($s = $a->secondPeriod)
                                @if($s->hospital_id === $a->hospital_id)
                                    <span class="inline-flex items-center gap-1 text-xs font-semibold text-emerald-700"><i class="ri-checkbox-circle-line"></i> Same hospital</span>
                                @else
                                    <span class="inline-flex items-center gap-1 text-xs font-semibold text-blue-700"><i class="ri-arrow-left-right-line"></i> {{ $s->hospital->name }}</span>
                                @endif
                                <span class="block text-xs text-gray-400">From {{ $s->starts_on->format('j M Y') }}</span>
                            @else
                                <span class="inline-flex items-center gap-1 rounded-full border border-blue-200 bg-blue-50 px-2.5 py-0.5 text-xs font-semibold text-blue-700">Not assigned</span>
                            @endif
                        </td>
                        <td class="px-6 py-4">
                            <div class="flex flex-col items-end gap-2">
                                <a href="{{ route('director.allocations.assign', $a) }}" @class(['inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold whitespace-nowrap',
                                    'bg-warm-gradient text-white hover:brightness-110' => ! $a->consultant,
                                    'border border-slmc-line bg-white text-slmc hover:bg-slmc-tint' => $a->consultant])>
                                    <i class="ri-user-shared-line"></i> {{ $a->consultant ? 'Change consultant' : 'Assign consultant' }}
                                </a>
                                @if($a->period === 1)
                                    <a href="{{ route('director.allocations.second-period', $a) }}" @class(['inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold whitespace-nowrap',
                                        'bg-login-panel text-white hover:brightness-110' => ! $a->secondPeriod,
                                        'border border-slmc-line bg-white text-slmc hover:bg-slmc-tint' => $a->secondPeriod])>
                                        <i class="ri-calendar-todo-line"></i> {{ $a->secondPeriod ? 'Edit second period' : 'Assign second period' }}
                                    </a>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-6 py-10 text-center text-gray-500">No interns are currently placed at your hospitals.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>

@include('partials.hospital-table', ['eyebrow' => 'Your institutions', 'title' => 'Assigned Hospitals'])
@endsection