@php
    $statuses = \App\Modules\Patients\Enums\ClinicalRecordStatus::class;

    /*
     | The severity enum reports a Bootstrap contextual name, because that is
     | what it was written against. Mapped here rather than changed there: the
     | same enum labels a badge on the day list and in the appointment banner,
     | and this screen's design language is not a reason to move it.
     */
    $pill = fn (string $tone): string => match ($tone) {
        'warning' => 'px-pill--amber',
        'danger' => 'px-pill--red',
        default => 'px-pill--grey',
    };
@endphp
{{-- Allergies ------------------------------------------------------------ --}}
<x-px.panel id="allergies" :title="__('patients::messages.clinical.allergies')" class="mb-3">
    <x-slot:actions>
        @can('manageClinical', $patient)
            <button class="btn btn-sm px-btn-ghost" type="button"
                    data-bs-toggle="collapse" data-bs-target="#add-allergy">
                <i class="bi bi-plus-lg"></i>
            </button>
        @endcan
    </x-slot:actions>

    @can('manageClinical', $patient)
        <div class="collapse mb-3 @if (session('clinical_added') === 'allergy') show @endif"
             id="add-allergy" data-clinic-reopen="{{ session('clinical_added') === 'allergy' ? '1' : '' }}">
            {{-- Several allergies at once: they are taken in one conversation,
                 not one per visit to this panel. --}}
            <form method="POST" action="{{ route('patients.clinical.store', [$patient, 'allergy']) }}"
                  data-clinic-repeat>
                @csrf

                <div class="px-repeat__row px-formgrid" data-clinic-repeat-row>
                    <div>
                        <x-form.input name="rows[0][allergen]" id="allergy-allergen-0"
                                      :label="__('patients::messages.clinical.allergen')" required />
                    </div>
                    <div>
                        <x-form.select name="rows[0][category]" id="allergy-category-0"
                                       :label="__('patients::messages.clinical.category')"
                                       :options="\App\Modules\Patients\Enums\AllergyCategory::options()" required />
                    </div>
                    <div>
                        <x-form.select name="rows[0][severity]" id="allergy-severity-0"
                                       :label="__('patients::messages.clinical.severity')"
                                       :options="\App\Modules\Patients\Enums\AllergySeverity::options()" required />
                    </div>
                    <div>
                        <x-form.input name="rows[0][reaction]" id="allergy-reaction-0"
                                      :label="__('patients::messages.clinical.reaction')" />
                    </div>

                    <div class="px-formgrid__wide">
                        <button type="button" class="px-repeat__remove" data-clinic-repeat-remove>
                            <i class="bi bi-x-lg" aria-hidden="true"></i>
                            {{ __('patients::messages.clinical.remove_row') }}
                        </button>
                    </div>
                </div>

                <div class="px-repeat__actions">
                    <button type="button" class="btn btn-sm px-btn-ghost" data-clinic-repeat-add>
                        <i class="bi bi-plus-lg" aria-hidden="true"></i>
                        {{ __('patients::messages.clinical.add_another') }}
                    </button>

                    <button type="submit" class="btn btn-sm px-btn-primary">{{ __('common.save') }}</button>
                </div>
            </form>
        </div>
    @endcan

    @forelse ($allergies as $allergy)
        <div class="py-2 border-bottom">
            <div class="px-entry">
                <div>
                    <span class="fw-medium">
                        {{ $allergy->allergen }}
                    </span>
                    <span class="px-pill {{ $pill($allergy->severity->tone()) }}">{{ $allergy->severity->label() }}</span>
                    <span class="px-pill px-pill--grey">{{ $allergy->category->label() }}</span>
                    @if ($allergy->status !== $statuses::Active)
                        <span class="px-pill px-pill--grey">{{ $allergy->status->label() }}</span>
                    @endif

                    @if ($allergy->reaction)
                        <div class="small text-muted">{{ $allergy->reaction }}</div>
                    @endif
                    @if ($allergy->status_reason)
                        <div class="small text-muted fst-italic">{{ $allergy->status_reason }}</div>
                    @endif
                    <div class="small text-muted">
                        {{ __('patients::messages.clinical.recorded_by') }}:
                        {{ $allergy->recordedBy?->name ?? '—' }} · {{ $allergy->created_at->format('Y-m-d') }}
                    </div>
                </div>

                <div class="text-end">
                    @include('patients::partials.clinical-entry-actions', [
                        'type' => 'allergy',
                        'entry' => $allergy,
                        'resolveLabel' => __('patients::messages.clinical.mark_resolved'),
                    ])
                </div>
            </div>
        </div>
    @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="M12 3l7 3v6c0 4-3 7-7 9-4-2-7-5-7-9V6z" /><path d="M12 8v4M12 15h.01" />
                </svg>
            </div>

            <p class="px-empty__title">{{ __('patients::messages.clinical.no_allergies') }}</p>
            <p class="px-empty__text mb-0">{{ __('patients::messages.clinical.no_allergies_text') }}</p>
        </div>
    @endforelse
</x-px.panel>