{{--
    One analyte, as a card that folds open onto its own entry form.

    Extracted so the same markup serves both places it is needed: on its own
    for a test ordered singly, and inside the panel it came in with. Two copies
    of a clinical entry form is how one of them quietly falls behind the other.

    Expects: $item (LabOrderItem), and $order in scope for the routes.
--}}
                                @php
                                    $result = $item->results->firstWhere('superseded_by_id', null);

                                    $entryOpen = auth()->user()?->can('create', \App\Modules\Laboratory\Models\LabResult::class)
                                        && ! $item->status->isFinished()
                                        && ($result === null || ! $result->isVerified());

                                    $edge = $result?->isCritical()
                                        ? 'px-testcard--critical'
                                        : (($result?->flag?->isAbnormal() ?? false) ? 'px-testcard--abnormal' : '');

                                    /*
                                     | Where the value sits between the low and high copied onto
                                     | this result. Clamped, so a wildly out-of-range number marks
                                     | the end of the bar rather than escaping it.
                                     */
                                    $gauge = null;

                                    if ($result?->value_numeric !== null && $result?->range_low !== null && $result?->range_high !== null) {
                                        $low = (float) $result->range_low;
                                        $high = (float) $result->range_high;

                                        if ($high > $low) {
                                            $span = $high - $low;
                                            $gauge = max(0, min(100, (((float) $result->value_numeric - ($low - $span * 0.25)) / ($span * 1.5)) * 100));
                                        }
                                    }
                                @endphp

                                <details class="px-testcard {{ $edge }}" @if ($entryOpen && $result === null) open @endif>
                                    <summary class="px-testcard__summary">
                                        <span class="min-w-0">
                                            <span class="px-testcard__name">{{ $item->test_name }}</span>
                                            <span class="px-testcard__code">{{ $item->test_code }}</span>
                                        </span>

                                        <span class="text-end">
                                            @if ($result)
                                                <span class="px-testcard__value">
                                                    {{ $result->printableValue($item->decimal_places) }}
                                                    @if ($item->unit)
                                                        <span class="px-hint">{{ $item->unit }}</span>
                                                    @endif
                                                </span>

                                                @if ($result->flag && $result->flag->isAbnormal())
                                                    <span class="px-pill {{ $pill($result->flag->tone()) }}">
                                                        {{ $result->flag->mark() }} {{ $result->flag->label() }}
                                                    </span>
                                                @endif
                                            @else
                                                <span class="px-hint">—</span>
                                            @endif

                                            {{-- The range, whether or not there is a value yet.
                                                 A result carries the one it was read against; before
                                                 that, the one it *will* be read against — which is what
                                                 somebody deciding whether 14.2 is worth a second look
                                                 actually needs. --}}
                                            <span class="px-hint d-block">
                                                @if ($result && $result->printableRange($item->decimal_places))
                                                    {{ $result->printableRange($item->decimal_places) }}
                                                @elseif ($expected = ($expectedRanges[$item->id] ?? null))
                                                    {{ $expected->printable($item->decimal_places) ?: "—" }}
                                                    @if ($item->unit) {{ $item->unit }} @endif
                                                @else
                                                    {{ __('laboratory::messages.results.no_range') }}
                                                @endif
                                            </span>
                                        </span>

                                        <span class="px-pill {{ $pill($item->status->tone()) }}">{{ $item->status->label() }}</span>

                                        <i class="bi bi-chevron-down px-testcard__chevron" aria-hidden="true"></i>
                                    </summary>

                                    <div class="px-testcard__body">
                                        @if ($gauge !== null)
                                            <div class="mb-3">
                                                <div class="px-gauge">
                                                    <span class="px-gauge__mark" style="inset-inline-start: {{ round($gauge, 1) }}%;"></span>
                                                </div>
                                                <div class="px-gauge__scale">
                                                    <span>{{ number_format((float) $result->range_low, $item->decimal_places) }}</span>
                                                    <span>{{ number_format((float) $result->range_high, $item->decimal_places) }}</span>
                                                </div>
                                            </div>
                                        @endif

                                        @if ($result && ! $result->isVerified())
                                            <p class="px-hint mt-0">{{ __('laboratory::messages.results.unverified_notice') }}</p>
                                        @endif

                                        @if ($result)
                                            @can('verify', $result)
                                                <form method="POST" action="{{ route('lab.results.verify', $result) }}" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-sm px-btn-primary mb-3">
                                                        <i class="bi bi-check2-circle" aria-hidden="true"></i>
                                                        {{ __('laboratory::messages.results.verify') }}
                                                    </button>
                                                </form>
                                            @endcan
                                        @endif

                                        {{-- Result entry, inside the card it belongs to. A
                                             laboratory works down a list, and a modal per
                                             analyte is a modal opened forty times a morning. --}}
                                        @if ($entryOpen)
                                                {{-- Saved in place. A laboratory enters twenty results in a
                                                     sitting, and a full page load between each one is
                                                     twenty reloads of a screen already on the screen. --}}
                                                {{-- One line. The labels are still here for a screen reader,
                                                     but a bench entering twenty numbers reads the placeholder
                                                     once and never again, and a stacked label above every
                                                     field turned each test into its own tall card. --}}
                                                {{-- `data-clinic-item` is what "Save all" reads: it gathers every
                                                     card carrying one and posts them together under this id. The
                                                     card's own Save button is untouched and still works on its
                                                     own, including with no JavaScript at all. --}}
                                                <form method="POST" action="{{ route('lab.results.store', $item) }}"
                                                      class="px-testcard__entry"
                                                      data-clinic-inline-form data-clinic-item="{{ $item->id }}">
                                                    @csrf
                                                    @if ($item->result_type === \App\Modules\Laboratory\Enums\ResultType::Numeric)
                                                        <div class="px-testcard__entry-field">
                                                            <label class="visually-hidden" for="v{{ $item->id }}">
                                                                {{ __('laboratory::messages.results.value') }}
                                                            </label>
                                                            <input type="text" inputmode="decimal" class="form-control px-input"
                                                                   id="v{{ $item->id }}" name="value_numeric"
                                                                   value="{{ $result?->value_numeric }}" required
                                                                   placeholder="{{ __('laboratory::messages.results.value') }}">
                                                        </div>
                                                    @elseif ($item->result_type === \App\Modules\Laboratory\Enums\ResultType::Titre)
                                                        <div class="px-testcard__entry-field">
                                                            <label class="visually-hidden" for="t{{ $item->id }}">
                                                                {{ __('laboratory::messages.results.value') }}
                                                            </label>
                                                            <input type="text" class="form-control px-input"
                                                                   id="t{{ $item->id }}" name="value_text"
                                                                   value="{{ $result?->value_text }}" required
                                                                   placeholder="{{ __('laboratory::messages.results.value') }}">
                                                        </div>
                                                        @if ($result !== null)
                                                            <div class="px-testcard__entry-fixed">
                                                                <a href="{{ route('lab.titres.edit', $result) }}"
                                                                   class="btn btn-sm px-btn-ghost">
                                                                    {{ __('laboratory::messages.titres.record') }}
                                                                </a>
                                                            </div>
                                                        @endif
                                                    @elseif ($item->result_type === \App\Modules\Laboratory\Enums\ResultType::Cutoff)
                                                        <div class="px-testcard__entry-field">
                                                            <label class="visually-hidden" for="v{{ $item->id }}">
                                                                {{ __('laboratory::messages.results.value') }}
                                                            </label>
                                                            <input type="text" inputmode="decimal" class="form-control px-input"
                                                                   id="v{{ $item->id }}" name="value_numeric"
                                                                   value="{{ $result?->value_numeric }}" required
                                                                   placeholder="{{ __('laboratory::messages.results.value') }}">
                                                        </div>
                                                        {{-- Prefilled from the test but editable: an assay kit lot
                                                             carries its own cut-off, and the report must show the
                                                             one this run was actually read against. --}}
                                                        <div class="px-testcard__entry-field">
                                                            <label class="visually-hidden" for="k{{ $item->id }}">
                                                                {{ __('laboratory::messages.cutoff.label') }}
                                                            </label>
                                                            <input type="text" inputmode="decimal" class="form-control px-input"
                                                                   id="k{{ $item->id }}" name="cutoff"
                                                                   value="{{ $result?->cutoff ?? $item->test?->cutoff }}"
                                                                   placeholder="{{ __('laboratory::messages.cutoff.label') }}">
                                                        </div>
                                                    @elseif ($item->result_type === \App\Modules\Laboratory\Enums\ResultType::Culture)
                                                        {{-- A culture is a table of organisms, each with its own
                                                             antibiotic grid, so it gets its own screen rather than
                                                             a row beside a field for a single number. --}}
                                                        {{-- "cv", not "c": the comment field below already owns
                                                             "c{id}", and two elements answering to one id makes
                                                             the label point at whichever the browser finds first. --}}
                                                        <div class="px-testcard__entry-field">
                                                            <label class="visually-hidden" for="cv{{ $item->id }}">
                                                                {{ __('laboratory::messages.results.value') }}
                                                            </label>
                                                            <input type="text" class="form-control px-input"
                                                                   id="cv{{ $item->id }}" name="value_text"
                                                                   value="{{ $result?->value_text }}" required
                                                                   placeholder="{{ __('laboratory::messages.results.value') }}">
                                                        </div>
                                                        @if ($result !== null)
                                                            <div class="px-testcard__entry-fixed">
                                                                <a href="{{ route('lab.cultures.edit', $result) }}"
                                                                   class="btn btn-sm px-btn-ghost">
                                                                    {{ __('laboratory::messages.cultures.record') }}
                                                                    @if ($result->isolates_count ?? $result->isolates()->count())
                                                                        <span class="px-pill px-pill--grey">{{ $result->isolates()->count() }}</span>
                                                                    @endif
                                                                </a>
                                                            </div>
                                                        @endif
                                                    @elseif ($item->result_type === \App\Modules\Laboratory\Enums\ResultType::Select)
                                                        {{-- A fixed list of answers the laboratory approved. Typed
                                                             free text would defeat the point: the whole reason this
                                                             type exists is that "Repeat With Fresh Sample" must be
                                                             countable, not a sentence somebody wrote. --}}
                                                        {{-- A block rather than the single-expression shorthand:
                                                             the shorthand stops matching once the expression
                                                             carries brackets of its own, and everything after it
                                                             is then emitted as raw PHP, which takes the rest of
                                                             the template with it.

                                                             Note for anyone editing this file: never write a
                                                             directive name after an "at" sign inside a Blade
                                                             comment. Blade compiles directives before it strips
                                                             comments, so the example runs. --}}
                                                        @php
                                                            $options = $item->test?->resultOptions ?? collect();
                                                        @endphp
                                                        <div class="px-testcard__entry-field">
                                                            <label class="visually-hidden" for="s{{ $item->id }}">
                                                                {{ __('laboratory::messages.results.value') }}
                                                            </label>
                                                            <select class="form-select px-select"
                                                                    id="s{{ $item->id }}" name="value_text" required>
                                                                {{-- A select cannot carry a placeholder, so the
                                                                     empty option names the field instead. --}}
                                                                <option value="">{{ __('laboratory::messages.results.value') }}</option>
                                                                @foreach ($options as $option)
                                                                    <option value="{{ $option->value }}"
                                                                        @selected($result?->value_text === $option->value)>
                                                                        {{ $option->value }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    @else
                                                        <div class="px-testcard__entry-field">
                                                            <label class="visually-hidden" for="t{{ $item->id }}">
                                                                {{ __('laboratory::messages.results.value') }}
                                                            </label>
                                                            <input type="text" class="form-control px-input"
                                                                   id="t{{ $item->id }}" name="value_text"
                                                                   value="{{ $result?->value_text }}" required
                                                                   placeholder="{{ __('laboratory::messages.results.value') }}">
                                                        </div>
                                                        <div class="px-testcard__entry-fixed">
                                                            <div class="form-check">
                                                                <input class="form-check-input" type="checkbox"
                                                                       name="mark_abnormal" id="a{{ $item->id }}" value="1"
                                                                       @checked($result?->flag?->isAbnormal())>
                                                                <label class="form-check-label small" for="a{{ $item->id }}">
                                                                    {{ __('laboratory::messages.results.mark_abnormal') }}
                                                                </label>
                                                            </div>
                                                        </div>
                                                    @endif

                                                    <div class="px-testcard__entry-field px-testcard__entry-field--wide">
                                                        <label class="visually-hidden" for="c{{ $item->id }}">
                                                            {{ __('laboratory::messages.results.comment') }}
                                                        </label>
                                                        <input type="text" class="form-control px-input"
                                                               id="c{{ $item->id }}" name="comment" value="{{ $result?->comment }}"
                                                               placeholder="{{ __('laboratory::messages.results.comment') }}">
                                                    </div>
                                                    <div class="px-testcard__entry-field">
                                                        <label class="visually-hidden" for="an{{ $item->id }}">
                                                            {{ __('laboratory::messages.results.analyser') }}
                                                        </label>
                                                        <input type="text" class="form-control px-input"
                                                               id="an{{ $item->id }}" name="analyser" value="{{ $result?->analyser }}"
                                                               placeholder="{{ __('laboratory::messages.results.analyser') }}">
                                                    </div>
                                                    <div class="px-testcard__entry-fixed">
                                                        <button type="submit" class="btn btn-sm px-btn-primary">
                                                            <i class="bi bi-save" aria-hidden="true"></i>
                                                            {{ __('common.save') }}
                                                        </button>
                                                    </div>
                                                </form>
                                        @endif

                                        {{-- Amendment and version history. --}}
                                        @if ($item->results->count() > 1)
                                            <div class="small mt-3 pt-3 border-top" style="border-color: var(--px-border) !important;">
                                                <span class="px-hint">{{ __('laboratory::messages.results.history') }}:</span>
                                                @foreach ($item->results->where('superseded_by_id', '!=', null) as $old)
                                                    <span class="me-3">
                                                        {{ __('laboratory::messages.results.version', ['number' => $old->version]) }}
                                                        <span class="font-monospace">{{ $old->printableValue($item->decimal_places) }}</span>
                                                        <span class="px-hint">{{ $old->verified_at?->format('Y-m-d H:i') }}</span>
                                                    </span>
                                                @endforeach
                                                @if ($result?->amendment_reason)
                                                    <div class="px-hint">{{ $result->amendment_reason }}</div>
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                </details>