{{--
  Evaluation content. Pass booleans: $editIntern, $editConsultant, $editDirector.
  Read-only sections are rendered as text.
--}}
@use('App\Models\InternEvaluation', 'E')
@php
$i = $evaluation->intern_data ?? [];
$c = $evaluation->consultant_data ?? [];
$internFields = [
    'duties_summary'      => ['Summary of clinical duties performed', 'Wards, clinics, theatre and on-call duties during this period.', true],
    'procedures'          => ['Procedures performed / assisted', 'List key procedures and approximate numbers.', false],
    'cases'               => ['Notable cases managed', 'Briefly describe interesting or challenging cases.', false],
    'learning_reflection' => ['Key learning & reflection', 'What you learned and areas you wish to improve.', true],
];
$err = fn ($k) => $errors->first($k);
@endphp

{{-- Section A: Intern --}}
<section class="slmc-card mb-6 overflow-hidden">
    <div class="flex items-center gap-3 border-b border-slmc-line p-6">
        <span class="slmc-icon size-11 text-xl"><i class="ri-user-heart-line"></i></span>
        <div>
            <p class="text-xs font-semibold tracking-widest text-slmc-600 uppercase">Section A</p>
            <h3 class="text-lg font-bold text-slmc">Intern Progress Report</h3>
        </div>
        @unless($editIntern)<span class="ml-auto text-xs text-gray-400"><i class="ri-eye-line"></i> Read only</span>@endunless
    </div>
    <div class="grid gap-5 p-6">
        @foreach($internFields as $key => [$label, $hint, $required])
            <div>
                <label for="intern_{{ $key }}" class="text-sm font-semibold text-slmc">{{ $label }} @if($required)<span class="text-red-500">*</span>@endif</label>
                @if($editIntern)
                    <p class="mb-1.5 text-xs text-gray-500">{{ $hint }}</p>
                    <textarea id="intern_{{ $key }}" name="intern[{{ $key }}]" rows="4" maxlength="3000"
                        class="slmc-input pl-3 {{ $err("intern.$key") ? 'border-red-400' : '' }}">{{ old("intern.$key", $i[$key] ?? '') }}</textarea>
                    @if($err("intern.$key"))<p class="mt-1 text-xs text-red-600">{{ $err("intern.$key") }}</p>@endif
                @else
                    <p class="mt-1 rounded-xl bg-slate-50 px-4 py-3 text-sm whitespace-pre-line text-gray-700">{{ $i[$key] ?? '—' ?: '—' }}</p>
                @endif
            </div>
        @endforeach
        <div class="max-w-xs">
            <label for="intern_leave_days" class="text-sm font-semibold text-slmc">Leave taken during this period (days) <span class="text-red-500">*</span></label>
            @if($editIntern)
                <input id="intern_leave_days" type="number" min="0" max="92" name="intern[leave_days]" value="{{ old('intern.leave_days', $i['leave_days'] ?? '') }}"
                    class="slmc-input mt-1.5 pl-3 {{ $err('intern.leave_days') ? 'border-red-400' : '' }}">
                @if($err('intern.leave_days'))<p class="mt-1 text-xs text-red-600">{{ $err('intern.leave_days') }}</p>@endif
            @else
                <p class="mt-1 rounded-xl bg-slate-50 px-4 py-3 text-sm text-gray-700">{{ $i['leave_days'] ?? '—' }}</p>
            @endif
        </div>
    </div>
</section>

{{-- Section B: Consultant (hidden from the intern until it has content) --}}
@if($editConsultant || ! empty($c))
<section class="slmc-card mb-6 overflow-hidden">
    <div class="flex items-center gap-3 border-b border-slmc-line p-6">
        <span class="slmc-icon size-11 text-xl"><i class="ri-stethoscope-line"></i></span>
        <div>
            <p class="text-xs font-semibold tracking-widest text-slmc-600 uppercase">Section B</p>
            <h3 class="text-lg font-bold text-slmc">Supervisory Consultant Assessment</h3>
        </div>
        @if($avg = $evaluation->averageRating())
            <span class="ml-auto rounded-xl bg-slmc px-3 py-1.5 text-sm font-bold text-white">{{ $avg }} / 5</span>
        @elseif(! $editConsultant)
            <span class="ml-auto text-xs text-gray-400"><i class="ri-eye-line"></i> Read only</span>
        @endif
    </div>
    <div class="p-6">
        <div class="mb-6 divide-y divide-slmc-line rounded-2xl border border-slmc-line">
            @foreach(E::CRITERIA as $key => $label)
                @php $val = (int) old("consultant.ratings.$key", $c['ratings'][$key] ?? 0); @endphp
                <div class="flex flex-col gap-3 p-4 md:flex-row md:items-center md:justify-between">
                    <span class="text-sm font-semibold text-slmc">{{ $label }} @if($editConsultant)<span class="text-red-500">*</span>@endif
                        @if($err("consultant.ratings.$key"))<span class="block text-xs font-normal text-red-600">{{ $err("consultant.ratings.$key") }}</span>@endif
                    </span>
                    <div class="flex gap-1.5" role="radiogroup" aria-label="{{ $label }}">
                        @foreach(E::RATING_LABELS as $n => $word)
                            @if($editConsultant)
                                <label title="{{ $word }}" class="cursor-pointer">
                                    <input type="radio" name="consultant[ratings][{{ $key }}]" value="{{ $n }}" class="peer sr-only" @checked($val === $n)>
                                    <span class="flex h-10 w-12 items-center justify-center rounded-xl border border-slmc-line bg-white text-sm font-bold text-slmc-500 transition peer-checked:border-slmc peer-checked:bg-slmc peer-checked:text-white peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 hover:bg-slmc-tint">{{ $n }}</span>
                                </label>
                            @else
                                <span title="{{ $word }}" @class(['flex h-10 w-12 items-center justify-center rounded-xl border text-sm font-bold',
                                    'border-slmc bg-slmc text-white' => $val === $n, 'border-slmc-line bg-white text-slate-300' => $val !== $n])>{{ $n }}</span>
                            @endif
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>
        <p class="-mt-4 mb-6 text-xs text-gray-400">1 Poor · 2 Below expected · 3 Satisfactory · 4 Good · 5 Excellent</p>

        <div class="grid gap-5 md:grid-cols-3">
            <div>
                <label class="text-sm font-semibold text-slmc">Overall assessment @if($editConsultant)<span class="text-red-500">*</span>@endif</label>
                @if($editConsultant)
                    <select name="consultant[overall]" class="slmc-input mt-1.5 pl-3 {{ $err('consultant.overall') ? 'border-red-400' : '' }}">
                        <option value="">Select…</option>
                        @foreach(E::OVERALL as $k => $label)
                            <option value="{{ $k }}" @selected(old('consultant.overall', $c['overall'] ?? '') === $k)>{{ $label }}</option>
                        @endforeach
                    </select>
                    @if($err('consultant.overall'))<p class="mt-1 text-xs text-red-600">{{ $err('consultant.overall') }}</p>@endif
                @else
                    <p class="mt-1 rounded-xl bg-slate-50 px-4 py-3 text-sm font-semibold text-gray-700">{{ E::OVERALL[$c['overall'] ?? ''] ?? '—' }}</p>
                @endif
            </div>
            <div class="md:col-span-2">
                <label for="consultant_remarks" class="text-sm font-semibold text-slmc">Consultant remarks & recommendations @if($editConsultant)<span class="text-red-500">*</span>@endif</label>
                @if($editConsultant)
                    <textarea id="consultant_remarks" name="consultant[remarks]" rows="4" maxlength="3000"
                        class="slmc-input mt-1.5 pl-3 {{ $err('consultant.remarks') ? 'border-red-400' : '' }}">{{ old('consultant.remarks', $c['remarks'] ?? '') }}</textarea>
                    @if($err('consultant.remarks'))<p class="mt-1 text-xs text-red-600">{{ $err('consultant.remarks') }}</p>@endif
                @else
                    <p class="mt-1 rounded-xl bg-slate-50 px-4 py-3 text-sm whitespace-pre-line text-gray-700">{{ $c['remarks'] ?? '—' }}</p>
                @endif
            </div>
        </div>
    </div>
</section>
@endif

{{-- Section C: Director --}}
@if($editDirector || filled($evaluation->director_remarks))
<section class="slmc-card mb-6 overflow-hidden">
    <div class="flex items-center gap-3 border-b border-slmc-line p-6">
        <span class="slmc-icon size-11 text-xl"><i class="ri-hospital-line"></i></span>
        <div>
            <p class="text-xs font-semibold tracking-widest text-slmc-600 uppercase">Section C</p>
            <h3 class="text-lg font-bold text-slmc">Hospital Director Verification</h3>
        </div>
    </div>
    <div class="p-6">
        <label for="director_remarks" class="text-sm font-semibold text-slmc">Director remarks @if($editDirector)<span class="text-red-500">*</span>@endif</label>
        @if($editDirector)
            <textarea id="director_remarks" name="director_remarks" rows="3" maxlength="3000"
                class="slmc-input mt-1.5 pl-3 {{ $err('director_remarks') ? 'border-red-400' : '' }}">{{ old('director_remarks', $evaluation->director_remarks) }}</textarea>
            @if($err('director_remarks'))<p class="mt-1 text-xs text-red-600">{{ $err('director_remarks') }}</p>@endif
        @else
            <p class="mt-1 rounded-xl bg-slate-50 px-4 py-3 text-sm whitespace-pre-line text-gray-700">{{ $evaluation->director_remarks }}</p>
        @endif
    </div>
</section>
@endif