@extends('layouts.admin')
@section('title', 'Interns')
@section('heading', 'Intern Medical Officers')
@section('subheading', 'All interns with their first and second six-month placements.')
@section('content')
<section class="admin-card overflow-hidden">
    @include('admin.partials.toolbar', ['placeholder' => 'Search by name, email or SLMC reg. no…', 'noun' => 'interns',
        'filters' => [
            'filter' => ['' => 'All interns', 'allocated' => 'Allocated', 'unallocated' => 'Awaiting allocation'],
            'status' => ['' => 'All statuses', 'active' => 'Active', 'inactive' => 'Inactive'],
        ]])
    <div class="overflow-x-auto">
        <table class="admin-table">
            <thead><tr><th>Intern</th><th class="hidden md:table-cell">SLMC Reg.</th><th class="hidden sm:table-cell">First six months</th><th class="hidden lg:table-cell">Second six months</th><th class="hidden sm:table-cell">Status</th></tr></thead>
            <tbody>
                @forelse($items as $i)
                    @php $p1 = $i->allocations->firstWhere('period', 1); $p2 = $i->allocations->firstWhere('period', 2); @endphp
                    <tr>
                        <td>
                            @include('admin.partials.person', ['person' => $i, 'tone' => 'bg-warm-gradient text-white'])
                            {{-- Phone: placement summary under the name --}}
                            <div class="mt-2 pl-13 text-xs sm:hidden">
                                @if($p1)
                                    <p class="font-medium text-slmc"><span class="mr-1 rounded bg-slmc-tint px-1.5 py-0.5 text-[10px] font-bold">P1</span>{{ $p1->hospital->name }}</p>
                                    @if($p2)<p class="mt-1 font-medium text-slmc"><span class="mr-1 rounded bg-slmc-tint px-1.5 py-0.5 text-[10px] font-bold">P2</span>{{ $p2->hospital->name }}</p>@endif
                                @else
                                    <span class="inline-flex items-center gap-1 rounded-full bg-amber-50 px-2 py-0.5 font-semibold text-amber-700 ring-1 ring-amber-200"><i class="ri-time-line"></i> Awaiting allocation</span>
                                @endif
                            </div>
                        </td>
                        <td class="hidden font-mono text-xs md:table-cell">{{ $i->registration_no ?? '—' }}</td>
                        <td class="hidden sm:table-cell">
                            @if($p1)
                                <p class="font-medium text-slmc">{{ $p1->hospital->name }}</p>
                                <p class="text-xs {{ $p1->consultant ? 'text-gray-500' : 'text-amber-600' }}">{{ $p1->consultant?->name ?? 'No consultant yet' }}</p>
                            @else
                                <span class="inline-flex items-center gap-1 rounded-full bg-amber-50 px-2.5 py-1 text-xs font-semibold text-amber-700 ring-1 ring-amber-200"><i class="ri-time-line"></i> Awaiting allocation</span>
                            @endif
                        </td>
                        <td class="hidden lg:table-cell">
                            @if($p2)
                                <p class="font-medium text-slmc">{{ $p2->hospital->name }}
                                    @if($p1 && $p2->hospital_id !== $p1->hospital_id)<i class="ri-arrow-left-right-line text-blue-500" title="Transferred"></i>@endif</p>
                                <p class="text-xs {{ $p2->consultant ? 'text-gray-500' : 'text-amber-600' }}">{{ $p2->consultant?->name ?? 'No consultant yet' }}</p>
                            @else
                                <span class="text-xs text-gray-400">{{ $p1 ? 'Not assigned yet' : '—' }}</span>
                            @endif
                        </td>
                        <td class="hidden sm:table-cell">@include('admin.partials.active-pill', ['active' => $i->is_active])</td>
                    </tr>
                @empty
                    @include('admin.partials.empty', ['cols' => 5, 'message' => 'No interns found', 'icon' => 'ri-user-heart-line'])
                @endforelse
            </tbody>
        </table>
    </div>
    @include('admin.partials.pagination', ['items' => $items])
</section>
@endsection