@php
    $patient = $order->patient;
    $modalityOptions = \App\Support\Lookup::options('modality');
    $studies = $order->items;
    $criticalUncalled = $studies->filter(
        fn ($item) => $item->radiologyReport?->is_critical && $item->critical_called_at === null && $item->radiologyReport->status !== 'cancelled'
    );
    $closed = in_array($order->status, ['cancelled', 'rejected'], true);
@endphp

<x-app-layout title="Imaging · {{ $order->order_no }}">
    <x-page-header
        title="Imaging — {{ $order->order_no }}"
        subtitle="{{ $patient?->full_name ?? 'Unattached request' }}@if ($patient) · {{ $patient->medical_record_number }}@endif"
        icon="scan"
        :back="route('radiology.index')"
        backLabel="Radiology worklist">
        <x-slot:meta>
            <x-status-badge field="lab_order_status" :value="$order->status" size="sm" dot />
            <x-status-badge field="priority" :value="$order->priority" size="sm" />

            @if ($patient?->isRestricted())
                <span class="inline-flex items-center gap-1 text-xs font-medium text-amber-700">
                    <x-icon name="lock" size="xs" /> Restricted record
                </span>
            @endif
        </x-slot:meta>

        <x-slot:actions>
            <a href="{{ route('lab-orders.show', $order) }}" class="hms-btn-secondary">
                <x-icon name="flask" size="sm" />
                Request workspace
            </a>
        </x-slot:actions>
    </x-page-header>

    <x-flash />

    {{-- ------------------------------------------------------------ notices --}}
    @if ($criticalUncalled->isNotEmpty())
        <div class="mt-6">
            <x-alert type="error" title="Critical finding — the clinician has not been rung">
                {{ $criticalUncalled->map(fn ($item) => $item->radiologyReport->study_name)->implode(', ') }}.
                A critical finding may not leave the department until the referring clinician has been called —
                use Verify to record who took the call.
            </x-alert>
        </div>
    @endif

    @if ($patient?->isRestricted())
        <div class="mt-6">
            <x-alert type="warning" title="Restricted record">
                Access is limited to accounts holding the restricted-access permission, and this access is logged.
            </x-alert>
        </div>
    @endif

    <div class="mt-6 grid gap-6 lg:grid-cols-3">
        {{-- ------------------------------------------------------- studies --}}
        <div class="space-y-6 lg:col-span-2">
            <x-card title="The studies" icon="scan" :padded="false">
                <x-slot:header>
                    {{ $studies->count() }} study line(s)
                </x-slot:header>

                <ul class="divide-y divide-slate-100">
                    @forelse ($studies as $item)
                        @php
                            $report = $item->radiologyReport;
                            $images = collect($report?->image_paths ?? []);
                            $canDictate = ! $closed
                                && ! in_array($item->status, ['cancelled', 'rejected'], true)
                                && (! $report || $report->status !== 'verified');
                            $canVerify = $report && $report->status !== 'verified' && $report->status !== 'cancelled';
                            $needCall = $canVerify && $report->is_critical && $item->critical_called_at === null;
                        @endphp
                        <li class="px-5 py-4">
                            <div class="flex flex-wrap items-start justify-between gap-4">
                                <div class="min-w-0 flex-1">
                                    <div class="flex flex-wrap items-center gap-2">
                                        <span class="text-xs font-medium text-slate-400">{{ $loop->iteration }}</span>
                                        <h3 class="text-sm font-semibold text-slate-900">{{ $item->test_name }}</h3>

                                        @if ($report?->modality)
                                            <span class="inline-flex items-center rounded-md bg-violet-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-violet-700">
                                                {{ $report->modality_label }}
                                            </span>
                                        @endif

                                        @if ($report?->is_critical)
                                            <span class="inline-flex items-center gap-1 rounded-md bg-red-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-red-700">
                                                <x-icon name="exclamation" size="xs" /> Critical finding
                                            </span>
                                        @endif

                                        @if ($report && $report->status === 'amended')
                                            <span class="inline-flex items-center rounded-md bg-amber-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-amber-700">
                                                amended copy
                                            </span>
                                        @endif
                                    </div>

                                    <p class="mt-1 text-xs text-slate-500">
                                        {{ collect([
                                            $report?->body_part,
                                            $report?->contrast_used ? 'contrast: '.$report->contrast_agent : null,
                                            $report?->film_number ? 'film '.$report->film_number : null,
                                        ])->filter()->implode(' · ') ?: $item->labTest?->code }}
                                    </p>

                                    @if ($report?->impression)
                                        <div class="mt-3 rounded-lg border border-slate-200 bg-slate-50 p-3">
                                            <p class="text-[10px] font-bold uppercase tracking-wider text-slate-400">Impression</p>
                                            <p class="mt-1 whitespace-pre-line text-sm text-slate-800">{{ $report->impression }}</p>
                                            @if ($report->findings)
                                                <details class="mt-2">
                                                    <summary class="cursor-pointer text-xs font-medium text-slate-500 hover:text-slate-700">Full findings</summary>
                                                    <p class="mt-1 whitespace-pre-line text-xs text-slate-600">{{ $report->findings }}</p>
                                                </details>
                                            @endif
                                            @if ($report->recommendation)
                                                <p class="mt-2 text-xs text-slate-600"><span class="font-semibold">Recommendation:</span> {{ $report->recommendation }}</p>
                                            @endif
                                        </div>
                                    @endif

                                    <div class="mt-2 text-xs text-slate-500">
                                        @if ($report?->radiologist)
                                            {{ $report->status === 'verified' ? 'Verified' : 'Dictated' }} by {{ $report->radiologist->name }}
                                            @if ($report->reported_at)
                                                &middot; {{ $report->reported_at->format('d M H:i') }}
                                            @endif
                                            @if ($report->verifiedBy && $report->status === 'verified')
                                                &middot; signed {{ $report->verifiedBy->name }}
                                                <span class="font-mono text-slate-400">sig {{ \Illuminate\Support\Str::limit($report->signature_hash, 12, '') }}…</span>
                                            @endif
                                        @else
                                            <span class="text-slate-400">Not yet dictated</span>
                                        @endif
                                    </div>

                                    @if ($item->critical_called_at)
                                        <p class="mt-1.5 text-xs text-emerald-700">
                                            Critical finding reported to {{ $item->critical_called_to }}
                                            on {{ $item->critical_called_at->format('d M H:i') }}
                                            @if ($item->criticalAcknowledgedBy)
                                                &middot; acknowledged by {{ $item->criticalAcknowledgedBy->name }}
                                            @endif
                                        </p>
                                    @endif
                                </div>

                                <div class="shrink-0 text-right">
                                    @if ($report)
                                        <x-status-badge field="radiology_status" :value="$report->status" size="sm" />
                                    @else
                                        <span class="inline-flex items-center rounded-md bg-slate-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-slate-600">
                                            not started
                                        </span>
                                    @endif

                                    <div class="mt-2 flex items-center justify-end gap-1">
                                        @can('radiology.report')
                                            @if ($canDictate)
                                                <button type="button" class="hms-btn-primary hms-btn-sm"
                                                        x-on:click="$dispatch('open-modal', 'dictate-{{ $item->id }}')">
                                                    <x-icon name="edit" size="xs" />
                                                    {{ $report ? 'Re-dictate' : 'Dictate report' }}
                                                </button>
                                            @endif

                                            @if ($report && $report->status === 'verified')
                                                <button type="button" class="hms-btn-ghost hms-btn-sm"
                                                        x-on:click="$dispatch('open-modal', 'amend-{{ $report->id }}')"
                                                        title="Issue a corrected, re-signed report">
                                                    <x-icon name="refresh" size="xs" />
                                                    Amend
                                                </button>
                                            @endif
                                        @endcan

                                        @can('radiology.upload-images')
                                            <button type="button" class="hms-btn-ghost hms-btn-sm"
                                                    x-on:click="$dispatch('open-modal', 'images-{{ $item->id }}')"
                                                    title="File images against this study">
                                                <x-icon name="photo" size="xs" />
                                            </button>
                                        @endcan

                                        @if ($report)
                                            <a href="{{ route('radiology.print', $report) }}" target="_blank" class="hms-btn-ghost hms-btn-sm"
                                               title="Print the signed report">
                                                <x-icon name="printer" size="xs" />
                                            </a>
                                        @endif
                                    </div>

                                    @can('radiology.verify')
                                        @if ($canVerify)
                                            @if ($needCall)
                                                <button type="button" class="hms-btn-secondary hms-btn-sm mt-2"
                                                        x-on:click="$dispatch('open-modal', 'verify-{{ $item->id }}')">
                                                    <x-icon name="check" size="xs" />
                                                    Verify — record the call
                                                </button>
                                            @else
                                                <form method="POST" action="{{ route('radiology.verify', $item) }}" class="mt-2">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button type="submit" class="hms-btn-secondary hms-btn-sm"
                                                            onclick="return confirm('Verify and sign {{ $item->test_name }} in your name?');">
                                                        <x-icon name="check" size="xs" />
                                                        Verify &amp; sign
                                                    </button>
                                                </form>
                                            @endif
                                        @elseif ($report && $report->status === 'verified')
                                            <p class="mt-2 text-xs text-emerald-700">Signed &amp; final</p>
                                        @endif
                                    @endcan
                                </div>
                            </div>

                            @if ($images->isNotEmpty())
                                <div class="mt-3 flex flex-wrap gap-2 border-t border-slate-100 pt-3">
                                    @foreach ($images as $index => $path)
                                        <a href="{{ route('radiology.image', [$report, $index]) }}" target="_blank"
                                           class="inline-flex items-center gap-1 rounded-lg border border-slate-200 bg-white px-2.5 py-1.5 text-xs font-medium text-slate-600 transition hover:bg-slate-50">
                                            <x-icon name="photo" size="xs" />
                                            Image {{ $index + 1 }}
                                        </a>
                                    @endforeach
                                    <span class="self-center text-xs text-slate-400">{{ $images->count() }} image(s) filed</span>
                                </div>
                            @endif
                        </li>
                    @empty
                        <li class="py-10 text-center text-sm text-slate-400">No study lines on this request.</li>
                    @endforelse
                </ul>
            </x-card>

            @if ($order->clinical_notes)
                <x-card title="Clinical indication" icon="stethoscope">
                    <p class="whitespace-pre-line text-sm text-slate-700">{{ $order->clinical_notes }}</p>
                </x-card>
            @endif
        </div>

        {{-- --------------------------------------------------------- sidebar --}}
        <div class="space-y-6">
            <x-card title="Patient" icon="users">
                <div class="flex items-center gap-3">
                    <span class="flex h-11 w-11 items-center justify-center rounded-full bg-brand-100 text-sm font-bold text-brand-700">
                        {{ $patient ? \Illuminate\Support\Str::of($patient->full_name)->explode(' ')->filter()->take(2)->map(fn ($p) => \Illuminate\Support\Str::upper(\Illuminate\Support\Str::substr($p, 0, 1)))->implode('') : '—' }}
                    </span>
                    <div class="min-w-0">
                        <p class="truncate text-sm font-semibold text-slate-900">{{ $patient?->full_name ?? '—' }}</p>
                        <p class="font-mono text-xs text-slate-500">{{ $patient?->medical_record_number }}</p>
                    </div>
                </div>

                <dl class="hms-dl mt-4">
                    <div>
                        <dt>Age / sex</dt>
                        <dd>{{ $patient?->age_display ?? '—' }} · {{ $patient?->gender_label ?? '—' }}</dd>
                    </div>
                    @if ($patient?->phone)
                        <div>
                            <dt>Phone</dt>
                            <dd>{{ $patient->phone }}</dd>
                        </div>
                    @endif
                </dl>

                @if ($patient?->allergies_summary && auth()->user()?->can('patients.view-clinical'))
                    <div class="mt-3 rounded-lg bg-red-50 px-3 py-2 text-xs text-red-700">
                        <span class="font-semibold">Allergies:</span> {{ $patient->allergies_summary }}
                    </div>
                @endif

                @can('patients.view')
                    <a href="{{ route('patients.show', $patient) }}" class="hms-btn-secondary hms-btn-sm mt-4 w-full">
                        Open the record
                    </a>
                @endcan
            </x-card>

            <x-card title="The request" icon="document-text">
                <dl class="hms-dl">
                    <div>
                        <dt>Ordered</dt>
                        <dd>{{ $order->ordered_at?->format('d M Y H:i') ?? '—' }}@if ($order->orderedBy) by {{ $order->orderedBy->name }} @endif</dd>
                    </div>
                    <div>
                        <dt>Priority</dt>
                        <dd>{{ $order->priority_label }}</dd>
                    </div>
                    <div>
                        <dt>Workflow</dt>
                        <dd>{{ $order->status_label }}</dd>
                    </div>
                    @if ($order->completed_at)
                        <div>
                            <dt>Completed</dt>
                            <dd>{{ $order->completed_at->format('d M Y H:i') }}</dd>
                        </div>
                    @endif
                    @if ($order->released_at)
                        <div>
                            <dt>Released</dt>
                            <dd>{{ $order->released_at->format('d M Y H:i') }}</dd>
                        </div>
                    @endif
                </dl>
            </x-card>

            <x-card title="Reading-room loop" icon="info">
                <ol class="space-y-2 text-xs text-slate-600">
                    <li><span class="font-semibold text-slate-800">1. Dictate</span> — modality, technique, findings, impression. The line moves to completed.</li>
                    <li><span class="font-semibold text-slate-800">2. Verify</span> — a second signature signs the report. A critical finding cannot leave until the call is recorded.</li>
                    <li><span class="font-semibold text-slate-800">3. Amend</span> — a verified report is immutable; corrections are new, re-signed copies with the reason retained.</li>
                </ol>
            </x-card>
        </div>
    </div>

    {{-- ----------------------------------------------------- dictate modals --}}
    @foreach ($studies as $item)
        @php
            $report = $item->radiologyReport;
            $canDictate = ! $closed
                && ! in_array($item->status, ['cancelled', 'rejected'], true)
                && (! $report || $report->status !== 'verified');
        @endphp
        @can('radiology.report')
            @if ($canDictate)
                <x-modal name="dictate-{{ $item->id }}" maxWidth="3xl">
                    <form method="POST" action="{{ route('radiology.dictate', $item) }}" class="space-y-4">
                        @csrf

                        <div>
                            <h2 class="text-base font-semibold text-slate-900">
                                {{ $report ? 'Re-dictate' : 'Dictate' }} — {{ $item->test_name }}
                            </h2>
                            <p class="mt-1 text-sm text-slate-500">
                                {{ $patient?->full_name }} · {{ $order->order_no }}.
                                The report files under your name and awaits a verifying signature.
                            </p>
                        </div>

                        <div class="grid gap-3 sm:grid-cols-2">
                            <x-form.select name="modality" label="Modality" :options="$modalityOptions" :value="old('modality', $report?->modality)" required />
                            <x-form.input name="body_part" label="Body part" :value="old('body_part', $report?->body_part)" required />
                            <x-form.input name="film_number" label="Film number" :value="old('film_number', $report?->film_number)" />
                            <x-form.input name="contrast_agent" label="Contrast agent" :value="old('contrast_agent', $report?->contrast_agent)"
                                          :hint="'Required if contrast was used.'" />
                        </div>

                        <x-form.checkbox name="contrast_used" label="Contrast used" :checked="$report?->contrast_used ?? false" />
                        <x-form.checkbox name="is_critical" label="Critical finding — the referring clinician must be rung before verification"
                                         :checked="$report?->is_critical ?? false" />

                        <x-form.textarea name="clinical_indication" label="Clinical indication" rows="2" :value="old('clinical_indication', $report?->clinical_indication ?? $order->clinical_notes)" />
                        <x-form.textarea name="technique" label="Technique" rows="2" :value="old('technique', $report?->technique)" />
                        <x-form.textarea name="findings" label="Findings" rows="5" required :value="old('findings', $report?->findings)" />
                        <x-form.textarea name="impression" label="Impression" rows="3" required :value="old('impression', $report?->impression)" />
                        <x-form.textarea name="recommendation" label="Recommendation" rows="2" :value="old('recommendation', $report?->recommendation)" />
                        <x-form.textarea name="notes" label="Internal notes (not printed)" rows="2" :value="old('notes', $report?->notes)" />

                        <div class="flex justify-end gap-2">
                            <button type="button" class="hms-btn-secondary" x-on:click="$dispatch('close-modal', 'dictate-{{ $item->id }}')">Discard</button>
                            <button type="submit" class="hms-btn-primary">File the report</button>
                        </div>
                    </form>
                </x-modal>
            @endif
        @endcan
    @endforeach

    {{-- ------------------------------------------------------ verify modals --}}
    @foreach ($studies as $item)
        @php
            $report = $item->radiologyReport;
            $needCall = $report && $report->status !== 'verified'
                && $report->is_critical && $item->critical_called_at === null;
        @endphp
        @can('radiology.verify')
            @if ($needCall)
                <x-modal name="verify-{{ $item->id }}">
                    <form method="POST" action="{{ route('radiology.verify', $item) }}" class="space-y-4">
                        @csrf
                        @method('PATCH')

                        <div>
                            <h2 class="text-base font-semibold text-slate-900">Critical finding — record the call</h2>
                            <p class="mt-1 text-sm text-slate-500">
                                {{ $report->study_name }} for {{ $patient?->full_name }}:
                                “{{ \Illuminate\Support\Str::limit($report->impression, 200) }}”
                            </p>
                        </div>

                        <x-alert type="warning">
                            The verification completes only together with the call — the loop must close.
                        </x-alert>

                        <x-form.input name="critical_called_to" label="Who took the call" required maxlength="150"
                                      hint="The clinician&apos;s name and where they were reached." />
                        <x-form.textarea name="call_notes" label="Call notes" rows="3" />

                        <div class="flex justify-end gap-2">
                            <button type="button" class="hms-btn-secondary" x-on:click="$dispatch('close-modal', 'verify-{{ $item->id }}')">Not yet</button>
                            <button type="submit" class="hms-btn-primary">
                                <x-icon name="check" size="sm" /> Record the call &amp; sign
                            </button>
                        </div>
                    </form>
                </x-modal>
            @endif
        @endcan
    @endforeach

    {{-- ------------------------------------------------------- image modals --}}
    @foreach ($studies as $item)
        @can('radiology.upload-images')
            <x-modal name="images-{{ $item->id }}">
                <form method="POST" action="{{ route('radiology.upload', $item) }}" enctype="multipart/form-data" class="space-y-4">
                    @csrf

                    <div>
                        <h2 class="text-base font-semibold text-slate-900">File images — {{ $item->test_name }}</h2>
                        <p class="mt-1 text-sm text-slate-500">Up to 10 files per batch — JPG, PNG, BMP, GIF or DICOM, 20 MB each. Filing images opens a report shell if none exists yet.</p>
                    </div>

                    <div>
                        <label class="hms-label" for="images-{{ $item->id }}">Images</label>
                        <input id="images-{{ $item->id }}" type="file" name="images[]" multiple accept=".jpg,.jpeg,.png,.bmp,.gif,.dcm"
                               class="hms-input file:mr-3 file:rounded-md file:border-0 file:bg-brand-50 file:px-3 file:py-1.5 file:text-xs file:font-semibold file:text-brand-700">
                    </div>

                    <div class="flex justify-end gap-2">
                        <button type="button" class="hms-btn-secondary" x-on:click="$dispatch('close-modal', 'images-{{ $item->id }}')">Cancel</button>
                        <button type="submit" class="hms-btn-primary">
                            <x-icon name="upload" size="sm" /> File the batch
                        </button>
                    </div>
                </form>
            </x-modal>
        @endcan
    @endforeach

    {{-- ------------------------------------------------------- amend modals --}}
    @foreach ($studies as $item)
        @php $report = $item->radiologyReport; @endphp
        @can('radiology.report')
            @if ($report && $report->status === 'verified')
                <x-modal name="amend-{{ $report->id }}" maxWidth="3xl">
                    <form method="POST" action="{{ route('radiology.amend', $report) }}" class="space-y-4">
                        @csrf
                        @method('PATCH')

                        <div>
                            <h2 class="text-base font-semibold text-slate-900">Amend — {{ $report->study_name }}</h2>
                            <p class="mt-1 text-sm text-slate-500">
                                The verified report stays on file; this issues a corrected, re-signed copy.
                                @if ($report->amendment_reason)
                                    Previous amendment: {{ $report->amendment_reason }}
                                @endif
                            </p>
                        </div>

                        <x-form.textarea name="amendment_reason" label="Why is this being amended" rows="2" required
                                         :hint="'Retained in the audit trail alongside the original signature.'" />

                        <div class="grid gap-3 sm:grid-cols-2">
                            <x-form.select name="modality" label="Modality" :options="$modalityOptions" :value="old('modality', $report->modality)" required />
                            <x-form.input name="body_part" label="Body part" :value="old('body_part', $report->body_part)" required />
                        </div>

                        <x-form.checkbox name="is_critical" label="Critical finding" :checked="$report->is_critical" />

                        <x-form.textarea name="technique" label="Technique" rows="2" :value="old('technique', $report->technique)" />
                        <x-form.textarea name="findings" label="Findings" rows="5" required :value="old('findings', $report->findings)" />
                        <x-form.textarea name="impression" label="Impression" rows="3" required :value="old('impression', $report->impression)" />
                        <x-form.textarea name="recommendation" label="Recommendation" rows="2" :value="old('recommendation', $report->recommendation)" />
                        <x-form.textarea name="notes" label="Internal notes (not printed)" rows="2" :value="old('notes', $report->notes)" />

                        <div class="flex justify-end gap-2">
                            <button type="button" class="hms-btn-secondary" x-on:click="$dispatch('close-modal', 'amend-{{ $report->id }}')">Discard</button>
                            <button type="submit" class="hms-btn-danger">Issue the amended report</button>
                        </div>
                    </form>
                </x-modal>
            @endif
        @endcan
    @endforeach
</x-app-layout>