@php
    $active = $allergies->where('status', \App\Modules\Patients\Enums\ClinicalRecordStatus::Active);
    $highest = $active->sortByDesc(fn ($a) => $a->severity->isHigh() ? 1 : 0)->first();

    /*
     | The severity enum names a Bootstrap contextual colour, because that is
     | what it was written against and the clinical list still reads it. Mapped
     | here rather than renamed underneath everything that already uses it.
     */
    $pill = static fn (string $tone): string => match ($tone) {
        'danger' => 'px-pill--red',
        'warning' => 'px-pill--amber',
        'success' => 'px-pill--green',
        'info' => 'px-pill--blue',
        default => 'px-pill--grey',
    };

    // The banner takes its accent from the worst allergy on the record: one
    // anaphylaxis among five mild rashes is what the room needs to see.
    $advice = match ($highest?->severity->tone()) {
        'danger' => 'px-advice--critical',
        'warning' => 'px-advice--caution',
        default => 'px-advice--caution',
    };
@endphp

{{--
    The single most important thing on this screen.

    It sits above the fold, before demographics, before anything else, and it
    states the absence of records as clearly as their presence: "none recorded"
    and "none known" are different facts, and a blank space reads as the second
    when it usually means the first.
--}}
@if ($active->isNotEmpty())
    <div class="px-advice {{ $advice }} d-flex gap-2 align-items-start mb-3" role="alert">
        <i class="bi bi-exclamation-triangle-fill px-advice__icon fs-5" aria-hidden="true"></i>

        <div class="min-w-0">
            <strong>{{ __('patients::messages.clinical.allergies') }}</strong>

            <div class="d-flex flex-wrap gap-1 mt-2">
                @foreach ($active as $allergy)
                    {{-- Allergen, severity and reaction in one chip. Splitting
                         them across columns is how "penicillin" ends up read
                         next to somebody else's "mild". --}}
                    <span class="px-pill {{ $pill($allergy->severity->tone()) }}">
                        <span class="fw-semibold">{{ $allergy->allergen }}</span>
                        <span class="opacity-75">· {{ $allergy->severity->label() }}</span>
                        @if ($allergy->reaction)
                            <span class="opacity-75">· {{ $allergy->reaction }}</span>
                        @endif
                    </span>
                @endforeach
            </div>
        </div>
    </div>
@else
    <div class="px-advice d-flex gap-2 align-items-center mb-3" role="alert">
        <i class="bi bi-info-circle px-advice__icon" aria-hidden="true"></i>
        <div class="small min-w-0">{{ __('patients::messages.clinical.no_allergies_warning') }}</div>
    </div>
@endif