@extends('layouts.app')

@section('title', $order->reference)

@php
    use App\Modules\Laboratory\Enums\OrderStatus;

    /*
     | Bootstrap's contextual names to the pill palette. The enums name a tone
     | for the old badges and are used elsewhere, so they are mapped here rather
     | than renamed underneath everything that already reads them.
     */
    $pill = static fn (string $bootstrapTone): string => match ($bootstrapTone) {
        'success' => 'px-pill--green',
        'warning' => 'px-pill--amber',
        'danger' => 'px-pill--red',
        'info' => 'px-pill--blue',
        'primary' => 'px-pill--violet',
        default => 'px-pill--grey',
    };

    /*
     | What the bench needs to know before reading a single row: how much of
     | this order is done, and whether anything on it needs acting on now.
     |
     | Counted from the items already loaded — no extra queries, and the numbers
     | cannot disagree with the list underneath them.
     */
    $current = $order->items->map(fn ($item) => $item->results->firstWhere('superseded_by_id', null));

    $tallies = [
        [
            'label' => __('laboratory::messages.summary.requested'),
            'value' => $order->items->count(),
            'icon' => 'bi-list-check',
            'tone' => 'violet',
        ],
        [
            'label' => __('laboratory::messages.summary.resulted'),
            'value' => $current->filter()->count(),
            'icon' => 'bi-check2-circle',
            'tone' => 'green',
        ],
        [
            'label' => __('laboratory::messages.summary.pending'),
            'value' => $current->filter(fn ($r) => $r === null)->count(),
            'icon' => 'bi-hourglass-split',
            'tone' => 'amber',
        ],
        [
            'label' => __('laboratory::messages.summary.abnormal'),
            'value' => $current->filter(fn ($r) => $r?->flag?->isAbnormal() && ! $r->isCritical())->count(),
            'icon' => 'bi-exclamation-triangle',
            'tone' => 'amber',
        ],
        [
            'label' => __('laboratory::messages.summary.critical'),
            'value' => $current->filter(fn ($r) => $r?->isCritical() ?? false)->count(),
            'icon' => 'bi-exclamation-octagon',
            'tone' => 'pink',
        ],
    ];
@endphp

@section('content')
    {{-- ============================ IDENTITY ============================ --}}
    {{-- Swapped after an inline save: entering a result moves the tallies
         above as surely as it fills the card below. --}}
    <header class="px-hero px-hero--split mb-3" data-clinic-swap="lab-summary">
        <div class="px-hero__identity">
            {{--
                Three tiers, not one.

                Everything here used to be a single dot-separated row in one
                colour and one size: the accession number, the patient's
                hospital number, their age, who asked for the order and when.
                All of it equally loud, so none of it was findable — and the
                accession, rendered bold and black, competed with the name it
                sat under.

                It is now what the order is, then who it is for, then where it
                came from — with the state of it beside the name, which is the
                first place anybody looks.
            --}}
            <div class="min-w-0">
                <div class="px-hero__head">
                    <h1 class="px-hero__name">{{ $patient?->name ?? '—' }}</h1>

                    <div class="px-hero__state">
                        <span class="px-pill {{ $pill($order->status->tone()) }}">
                            <span class="px-dot" aria-hidden="true"></span>{{ $order->status->label() }}
                        </span>
                        <span class="px-pill {{ $pill($order->priority->tone()) }}">{{ $order->priority->label() }}</span>

                        @if ($order->fasting)
                            <span class="px-pill px-pill--grey">{{ __('laboratory::messages.orders.fasting') }}</span>
                        @endif
                    </div>
                </div>

                {{-- The accession first and set apart: it is what this page is,
                     and it is the number quoted down a telephone. --}}
                <div class="px-hero__facts">
                    <span class="px-hero__ref">{{ $order->reference }}</span>

                    @if ($patient)
                        <a href="{{ route('patients.show', $patient->ulid) }}" class="font-monospace">{{ $patient->mrn }}</a>
                        <span>{{ $patient->ageLabel }}</span>
                    @endif
                </div>

                {{-- Provenance, deliberately quietest. It is consulted when
                     something is queried, not while working down the list. --}}
                <div class="px-hero__meta">
                    <span>{{ __('laboratory::messages.orders.ordered_by') }}: {{ $order->orderedBy->name }}</span>
                    <span>{{ $order->ordered_at->format('d M Y, H:i') }}</span>
                </div>
            </div>
        </div>

        <div class="px-hero__tallies">
            @foreach ($tallies as $tally)
                <span class="px-tally px-tally--{{ $tally['tone'] }}">
                    <span class="px-tally__icon"><i class="bi {{ $tally['icon'] }}" aria-hidden="true"></i></span>

                    <span class="min-w-0">
                        <span class="px-tally__value">{{ $tally['value'] }}</span>
                        <span class="px-tally__label">{{ $tally['label'] }}</span>
                    </span>
                </span>
            @endforeach
        </div>

        <div class="px-hero__actions">
            @can('print', $order)
                {{-- Both open in their own tab, as the listing already did.
                     Printing is something done beside the record rather than
                     instead of it: the bench keeps this screen open while the
                     dialog is up, and comes back to it afterwards. --}}
                <a href="{{ route('lab.orders.report', $order) }}" class="btn btn-sm px-btn-primary"
                   target="_blank" rel="noopener">
                    <i class="bi bi-printer" aria-hidden="true"></i>
                    {{ __('laboratory::messages.orders.report') }}
                </a>
                <a href="{{ route('lab.orders.request', $order) }}" class="btn btn-sm px-btn-ghost"
                   target="_blank" rel="noopener">
                    <i class="bi bi-file-earmark-text" aria-hidden="true"></i>
                    {{ __('laboratory::messages.orders.request_form') }}
                </a>
            @endcan
        </div>
    </header>

    {{--
        The laboratory's own bill, unsettled.

        Top of the screen and before anything clinical, because it changes what
        the bench may do next: the collection form below is replaced by an
        override that asks for a reason.
    --}}
    @if (($unpaidMinor ?? 0) > 0)
        <div class="px-advice px-advice--critical d-flex flex-wrap align-items-center gap-2 mb-3">
            <i class="bi bi-cash-coin px-advice__icon" aria-hidden="true"></i>

            <span class="min-w-0 flex-grow-1">
                <strong>{{ __('laboratory::messages.specimens.unpaid_title') }}</strong>
                <span class="d-block">
                    {{ __('laboratory::messages.specimens.unpaid_notice', [
                        'amount' => \App\Support\Money\Money::fromMinor($unpaidMinor, $currency)->format(),
                    ]) }}
                </span>
            </span>

            @if (Route::has('invoices.index'))
                <a href="{{ route('invoices.index', ['patient' => $patient?->ulid]) }}"
                   class="btn btn-sm px-btn-ghost flex-shrink-0">
                    {{ __('laboratory::messages.specimens.go_to_invoice') }}
                </a>
            @endif
        </div>
    @endif

    {{-- Standing notices, not flash messages: px-advice rather than <x-alert>,
         which is the dismissible banner the layout uses for session feedback. --}}
    @if ($order->clinical_details)
        <div class="px-advice px-advice--info d-flex align-items-start gap-2 mb-3">
            <i class="bi bi-info-circle px-advice__icon" aria-hidden="true"></i>
            <span class="min-w-0">{{ $order->clinical_details }}</span>
        </div>
    @endif

    @if ($order->status === \App\Modules\Laboratory\Enums\OrderStatus::Cancelled)
        <div class="px-advice px-advice--critical d-flex align-items-start gap-2 mb-3">
            <i class="bi bi-x-octagon px-advice__icon" aria-hidden="true"></i>
            <span class="min-w-0">
                {{ __('laboratory::messages.orders.cancelled_notice', ['reason' => $order->cancellation_reason]) }}
            </span>
        </div>
    @endif

    {{--
        A critical result that nobody has been recorded as told. This is the
        failure the whole mechanism exists to prevent — a potassium of 7.2
        sitting on a screen nobody opened — so it sits at the top of the page in
        red, not in a list somewhere.
    --}}
    @php
        $awaiting = $order->items->flatMap->results->filter->awaitsCriticalAcknowledgement();
    @endphp

    @if ($awaiting->isNotEmpty())
        <div class="px-advice px-advice--critical mb-3">
            <div class="d-flex align-items-start gap-2">
                <i class="bi bi-telephone-fill px-advice__icon" aria-hidden="true"></i>

                <div class="min-w-0 flex-grow-1">
                    <h2 class="h6 mb-1">{{ __('laboratory::messages.critical.banner') }}</h2>
                    <p class="px-hint mt-0 mb-3">{{ __('laboratory::messages.critical.hint') }}</p>

                    @foreach ($awaiting as $result)
                        @can('acknowledge', $result)
                            <form method="POST" action="{{ route('lab.results.acknowledge', $result) }}"
                                  class="row g-2 align-items-end mb-2">
                                @csrf
                                <div class="col-12 col-md-3">
                                    <span class="d-block fw-semibold">{{ $result->item->test_name }}</span>
                                    <span class="font-monospace">{{ $result->printableValue($result->item->decimal_places) }}</span>
                                    <span class="px-pill px-pill--red">{{ $result->flag->label() }}</span>
                                </div>
                                <div class="col-12 col-md-3">
                                    <input type="text" class="form-control px-input" name="notified_to" required
                                           placeholder="{{ __('laboratory::messages.results.notified_to') }}">
                                </div>
                                <div class="col-12 col-md-4">
                                    <input type="text" class="form-control px-input" name="note"
                                           placeholder="{{ __('laboratory::messages.results.notified_note') }}">
                                </div>
                                <div class="col-12 col-md-2">
                                    <button type="submit" class="btn btn-sm px-btn-danger w-100">
                                        {{ __('laboratory::messages.results.acknowledge') }}
                                    </button>
                                </div>
                            </form>
                        @endcan
                    @endforeach
                </div>
            </div>
        </div>
    @endif

    <div class="row g-3">
        <div class="col-12 col-xl-8">
            <div class="px-panel p-3 p-md-4" data-clinic-swap="lab-results">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
                    <h2 class="h6 mb-0">{{ __('laboratory::messages.results.title') }}</h2>
                    <span class="px-hint">
                        {{ __('laboratory::messages.orders.progress', [
                            'done' => $current->filter()->count(),
                            'total' => $order->items->count(),
                        ]) }}
                    </span>
                </div>

                {{--
                    One card per analyte, folded shut until wanted.

                    A worklist of twenty tests as a table put an entry form under
                    every row whether or not anybody was working on it, and the
                    thing being typed into was three screens down. Each card now
                    shows what came back at a glance and opens onto its own form.

                    <details> rather than a script: the CSP forbids inline
                    JavaScript, and native disclosure brings keyboard support and
                    a find-in-page that opens the section it matched.
                --}}
                            @php
                                /*
                                 | Grouped by the panel each test was ordered
                                 | under. An order for a full blood count is one
                                 | thing a clinician asked for, and thirteen flat
                                 | cards make it read as thirteen — with the
                                 | analyte somebody is looking for buried among
                                 | tests they never chose individually.
                                 |
                                 | Items ordered on their own keep a null panel,
                                 | and are rendered exactly as before.
                                 */
                                $grouped = $order->items->groupBy('panel_id');
                            @endphp

                            @forelse ($grouped as $panelId => $panelItems)
                                @if ($panelId === null)
                                    @foreach ($panelItems as $item)
                                        @include('laboratory::orders.partials.test-card', ['item' => $item])
                                    @endforeach
                                @else
                                    @php
                                        $done = $panelItems->filter(
                                            fn ($panelItem) => $panelItem->results->firstWhere('superseded_by_id', null) !== null
                                        )->count();
                                    @endphp

                                    {{-- Open while there is work in it, shut once every
                                         analyte has come back: a finished panel is a
                                         heading to scroll past, not a list to read. --}}
                                    <details class="px-testgroup" @if ($done < $panelItems->count()) open @endif>
                                        <summary class="px-testgroup__summary">
                                            <span class="min-w-0">
                                                <span class="px-testgroup__name">
                                                    {{ $panelItems->first()->panel?->name ?? __('laboratory::messages.results.panel') }}
                                                </span>
                                                <span class="px-testcard__code">
                                                    {{ $panelItems->first()->panel?->code }}
                                                </span>
                                            </span>

                                            <span class="px-hint text-nowrap">
                                                {{ __('laboratory::messages.orders.progress', [
                                                    'done' => $done,
                                                    'total' => $panelItems->count(),
                                                ]) }}
                                            </span>
                                        </summary>

                                        <div class="px-testgroup__body">
                                            @foreach ($panelItems as $item)
                                                @include('laboratory::orders.partials.test-card', ['item' => $item])
                                            @endforeach
                                        </div>
                                    </details>
                                @endif
                            @empty
                                <div class="px-empty py-4">
                                    <div class="px-empty__art" aria-hidden="true">
                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
                                             stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M9 5h9M9 12h9M9 19h9M4 5l1 1 2-2M4 12l1 1 2-2M4 19l1 1 2-2" />
                                        </svg>
                                    </div>

                                    <p class="px-empty__title">{{ __('laboratory::messages.items.empty') }}</p>
                                    <p class="px-empty__text mb-0">{{ __('laboratory::messages.items.empty_text') }}</p>
                                </div>
                            @endforelse

                @php
                    /*
                     | Entered but not yet released. A scientist reads a panel as
                     | a set — the differential only means anything together — so
                     | releasing thirteen analytes should be one decision, not
                     | thirteen clicks down a column.
                     |
                     | Superseded versions and results marked entered in error
                     | are not waiting for anything, so neither counts.
                     */
                    $awaitingRelease = $order->items
                        ->map(static fn ($item) => $item->results->firstWhere('superseded_by_id', null))
                        ->filter(static fn ($result) => $result !== null
                            && ! $result->isVerified()
                            && $result->status !== \App\Modules\Laboratory\Enums\ResultStatus::EnteredInError)
                        ->count();
                @endphp

                @php
                    /*
                     | Cards that are still open for entry — the same condition
                     | the card partial uses to draw its form. This is what
                     | "Save all" would submit, so the button appears only when
                     | there is something for it to do.
                     */
                    $openForEntry = $order->items
                        ->filter(static function ($item): bool {
                            $current = $item->results->firstWhere('superseded_by_id', null);

                            return ! $item->status->isFinished()
                                && ($current === null || ! $current->isVerified());
                        })
                        ->count();
                @endphp

                @if ($openForEntry > 0 || $awaitingRelease > 0)
                    <div class="px-releaseall">
                        @if ($awaitingRelease > 0)
                            <span class="px-hint">
                                {{ __('laboratory::messages.results.awaiting_release', ['count' => $awaitingRelease]) }}
                            </span>
                        @endif

                        {{--
                            One click for a screen full of values.

                            A differential count is thirteen boxes, and pressing
                            Save thirteen times is thirteen round trips for what
                            the technician thinks of as one act of transcription.

                            The per-card Save stays exactly where it was: it is
                            the only thing that works without JavaScript, and it
                            is what a bench uses when a single analyte comes back
                            late. This button is the shortcut, not the mechanism.
                        --}}
                        @can('create', \App\Modules\Laboratory\Models\LabResult::class)
                            @if ($openForEntry > 0)
                                <button type="button" class="btn px-btn-ghost text-nowrap"
                                        data-clinic-save-all="{{ route('lab.results.store-many', $order) }}"
                                        data-clinic-empty-label="{{ __('laboratory::messages.results.save_all_empty') }}"
                                        title="{{ __('laboratory::messages.results.save_all_hint') }}">
                                    <i class="bi bi-save" aria-hidden="true"></i>
                                    {{ __('laboratory::messages.results.save_all') }}
                                </button>
                            @endif
                        @endcan

                        @if ($awaitingRelease > 0)
                            @can('verifyAny', \App\Modules\Laboratory\Models\LabResult::class)
                                {{-- The question is asked on the button itself. Releasing
                                     is what puts a number in front of a clinician, and a
                                     confirmation at the top of a long screen is answered
                                     far from the thing it is about. --}}
                                <form method="POST" action="{{ route('lab.results.verify-all', $order) }}"
                                  class="px-confirm" data-clinic-confirm-inline>
                                @csrf

                                <button type="button" class="btn px-btn-primary text-nowrap" data-confirm-trigger>
                                    <i class="bi bi-check2-all" aria-hidden="true"></i>
                                    {{ __('laboratory::messages.results.verify_all') }}
                                </button>

                                <span class="px-confirm__ask" data-confirm-ask hidden>
                                    <span class="px-confirm__text">
                                        {{ __('laboratory::messages.results.verify_all_ask', ['count' => $awaitingRelease]) }}
                                    </span>

                                    <button type="submit" class="btn btn-sm px-btn-primary" data-confirm-yes>
                                        {{ __('common.yes') }}
                                    </button>

                                    <button type="button" class="btn btn-sm px-btn-ghost" data-confirm-no>
                                        {{ __('common.no') }}
                                    </button>
                                </span>
                                </form>
                            @endcan
                        @endif
                    </div>
                @endif
            </div>
        </div>

        <div class="col-12 col-xl-4">
            <aside class="px-aside">
            {{-- What this clinic has issued against this order, and how to
                 check it from outside. --}}
            @include('laboratory::orders.partials.register')

            {{-- Specimens ---------------------------------------------------- --}}
            <x-px.panel :title="__('laboratory::messages.specimens.title')" icon="bi-droplet" class="mb-3">
                @forelse ($order->specimens as $item)
                    <div class="px-note mb-2">
                        <div class="d-flex justify-content-between align-items-center gap-2">
                            <span class="font-monospace fw-semibold">{{ $item->accession_number }}</span>
                            <span class="px-pill {{ $pill($item->status->tone()) }}">
                                <span class="px-dot" aria-hidden="true"></span>{{ $item->status->label() }}
                            </span>
                        </div>
                        <div class="px-hint mt-1">
                            {{-- Shown in the clinic's time, because that is the
                                 clock the sample was drawn against. Stored UTC. --}}
                            {{ $item->specimen_type }}
                            · {{ $item->collected_at->setTimezone($nowLocal->timezone)->format('d M Y, h:i A') }}
                            · {{ $item->collectedBy->name }}
                        </div>
                        @if ($item->rejection_reason)
                            <div class="small mt-1" style="color: #b91c1c;">
                                {{ __('laboratory::messages.specimens.rejected_notice', ['reason' => $item->rejection_reason]) }}
                            </div>
                        @endif

                        @can('collect', $order)
                            @if ($item->status === \App\Modules\Laboratory\Enums\SpecimenStatus::Collected)
                                <div class="d-flex gap-1 mt-1">
                                    <form method="POST" action="{{ route('lab.specimens.receive', $item) }}">
                                        @csrf
                                        <button type="submit" class="btn btn-sm px-btn-ghost">
                                            {{ __('laboratory::messages.specimen_status.received') }}
                                        </button>
                                    </form>
                                    <form method="POST" action="{{ route('lab.specimens.reject', $item) }}"
                                          class="d-flex gap-1">
                                        @csrf
                                        <input type="text" class="form-control px-input" name="reason" required
                                               placeholder="{{ __('laboratory::messages.specimens.reject_reason') }}">
                                        <button type="submit" class="btn btn-sm px-btn-danger-ghost">
                                            {{ __('laboratory::messages.specimens.reject') }}
                                        </button>
                                    </form>
                                </div>
                            @endif
                        @endcan
                    </div>
                @empty
                    <p class="px-hint mb-3">{{ __('laboratory::messages.specimens.empty') }}</p>
                @endforelse

                @if ($specimen === null && $order->status->acceptsSpecimen())
                    <div class="px-advice px-advice--caution d-flex align-items-start gap-2 mb-3">
                        <i class="bi bi-exclamation-triangle px-advice__icon" aria-hidden="true"></i>
                        <span class="min-w-0 small">{{ __('laboratory::messages.specimens.none_usable') }}</span>
                    </div>
                @endif

                @can('collect', $order)
                    <form method="POST" action="{{ route('lab.specimens.store', $order) }}" class="mt-2">
                        @csrf

                        {{--
                            Unpaid: the reason comes first and the button says
                            what it is doing.

                            The rest of the form is unchanged, so a specimen
                            taken on override still records its type, container
                            and the moment it was drawn. Only the service
                            enforces this — the markup here is the courtesy.
                        --}}
                        @if (($unpaidMinor ?? 0) > 0)
                            <div class="px-advice px-advice--caution mb-3">
                                <label for="unpaid-override" class="px-field-label">
                                    {{ __('laboratory::messages.specimens.override_label') }}
                                </label>

                                <input type="text" id="unpaid-override" name="unpaid_override_reason"
                                       class="form-control form-control-sm px-input" required minlength="4"
                                       maxlength="190"
                                       placeholder="{{ __('laboratory::messages.specimens.override_placeholder') }}">

                                <span class="px-hint">{{ __('laboratory::messages.specimens.override_hint') }}</span>
                            </div>
                        @endif

                        <x-form.input name="specimen_type" :label="__('laboratory::messages.specimens.type')" />

                        {{--
                            Chosen, not typed.

                            The container decides how a sample behaves: potassium
                            drawn into the wrong tube reads high enough to look
                            like an emergency. Typed by hand it also arrives as
                            four spellings of one tube, which makes "which
                            container keeps producing unusable samples?"
                            unanswerable. The list is the clinic's own — Settings
                            → Specimen containers.
                        --}}
                        <label for="specimen-container" class="px-field-label">
                            {{ __('laboratory::messages.specimens.container') }}
                        </label>
                        <select class="form-select px-select mb-3" id="specimen-container" name="container">
                            <option value="">{{ __('laboratory::messages.specimens.container_none') }}</option>
                            @foreach ($containerOptions as $containerOption)
                                <option value="{{ $containerOption }}" @selected(old('container') === $containerOption)>
                                    {{ $containerOption }}
                                </option>
                            @endforeach
                        </select>
                        {{-- Two fields, one moment. A single datetime control is
                             the fiddliest thing on this screen to type into, and
                             it is used with a tray of tubes in the other hand.
                             The request puts them back together. --}}
                        <div class="row g-2">
                            <div class="col-7">
                                <x-date-picker name="collected_on" mode="date"
                                               :label="__('laboratory::messages.specimens.collected_on')"
                                               :value="$nowLocal->format('Y-m-d')"
                                               :max="$nowLocal->format('Y-m-d')" />
                            </div>
                            <div class="col-5">
                                <x-date-picker name="collected_time" mode="time"
                                               :label="__('laboratory::messages.specimens.collected_time')"
                                               :value="$nowLocal->format('H:i')" />
                            </div>
                        </div>
                        @if (($unpaidMinor ?? 0) > 0)
                            <button type="submit" class="btn btn-sm px-btn-danger-ghost w-100">
                                <i class="bi bi-droplet" aria-hidden="true"></i>
                                {{ __('laboratory::messages.specimens.collect_unpaid') }}
                            </button>
                        @else
                            <button type="submit" class="btn btn-sm px-btn-primary w-100">
                                <i class="bi bi-droplet" aria-hidden="true"></i>
                                {{ __('laboratory::messages.specimens.collect') }}
                            </button>
                        @endif
                    </form>
                @endcan
            </x-px.panel>

            @can('cancel', $order)
                <x-px.panel :title="__('laboratory::messages.orders.cancel')" icon="bi-x-octagon" class="mb-3">
                    <form method="POST" action="{{ route('lab.orders.cancel', $order) }}">
                        @csrf
                        <x-form.input name="reason" :label="__('laboratory::messages.orders.cancel_reason')" required />
                        <button type="submit" class="btn btn-sm px-btn-danger-ghost w-100">
                            <i class="bi bi-x-octagon" aria-hidden="true"></i>
                            {{ __('laboratory::messages.orders.cancel') }}
                        </button>
                    </form>
                </x-px.panel>
            @endcan

            {{--
                Where this order has got to.

                Built from timestamps the order already carries — requested,
                collected, received, resulted — rather than from a status field
                somebody has to remember to move. A step with no time against it
                has not happened yet, which is the honest way to show a stage
                nobody has reached.
            --}}
            @php
                $firstSpecimen = $order->specimens->sortBy('collected_at')->first();
                $lastResult = $order->items->flatMap->results->filter->isVerified()->sortByDesc('verified_at')->first();

                $stages = [
                    ['label' => __('laboratory::messages.summary.stage_requested'), 'at' => $order->ordered_at, 'icon' => 'bi-pencil-square'],
                    ['label' => __('laboratory::messages.summary.stage_collected'), 'at' => $firstSpecimen?->collected_at, 'icon' => 'bi-droplet'],
                    ['label' => __('laboratory::messages.summary.stage_received'), 'at' => $firstSpecimen?->received_at, 'icon' => 'bi-box-seam'],
                    ['label' => __('laboratory::messages.summary.stage_verified'), 'at' => $lastResult?->verified_at, 'icon' => 'bi-check2-circle'],
                ];
            @endphp

            <x-px.panel :title="__('laboratory::messages.summary.timeline')" icon="bi-clock-history">
                <ol class="px-timeline mb-0">
                    @foreach ($stages as $stage)
                        <li @class(['is-past' => $stage['at'] === null])>
                            <span class="d-block fw-medium">
                                <i class="bi {{ $stage['icon'] }} me-1" aria-hidden="true"></i>
                                {{ $stage['label'] }}
                            </span>
                            <span class="px-hint">
                                @if ($stage['at'])
                                    <time datetime="{{ $stage['at']->toIso8601String() }}">
                                        {{ $stage['at']->format('d M Y, H:i') }}
                                    </time>
                                @else
                                    {{ __('laboratory::messages.summary.stage_pending') }}
                                @endif
                            </span>
                        </li>
                    @endforeach
                </ol>
            </x-px.panel>
            </aside>
        </div>
    </div>
@endsection