@php
    $statuses = \App\Modules\Patients\Enums\ClinicalRecordStatus::class;
@endphp
{{-- Medications ---------------------------------------------------------- --}}
<x-px.panel id="medications" :title="__('patients::messages.clinical.medications')">
    <x-slot:actions>
        @can('manageClinical', $patient)
            <button class="btn btn-sm px-btn-ghost" type="button"
                    data-bs-toggle="collapse" data-bs-target="#add-medication">
                <i class="bi bi-plus-lg"></i>
            </button>
        @endcan
    </x-slot:actions>

    @can('manageClinical', $patient)
        <div class="collapse mb-3 @if (session('clinical_added') === 'medication') show @endif"
             id="add-medication" data-clinic-reopen="{{ session('clinical_added') === 'medication' ? '1' : '' }}">
            {{-- A medication list is read out in one go; the panel takes it
                 that way rather than one drug per round trip. --}}
            <form method="POST" action="{{ route('patients.clinical.store', [$patient, 'medication']) }}"
                  data-clinic-repeat>
                @csrf

                <div class="px-repeat__row px-formgrid" data-clinic-repeat-row>
                    <div>
                        <x-form.input name="rows[0][name]" id="medication-name-0"
                                      :label="__('patients::messages.clinical.medication_name')" required />
                    </div>
                    <div>
                        <x-form.input name="rows[0][dose]" id="medication-dose-0"
                                      :label="__('patients::messages.clinical.dose')" />
                    </div>
                    <div>
                        <x-form.input name="rows[0][frequency]" id="medication-frequency-0"
                                      :label="__('patients::messages.clinical.frequency')" />
                    </div>
                    <div>
                        <x-form.input name="rows[0][prescriber]" id="medication-prescriber-0"
                                      :label="__('patients::messages.clinical.prescriber')" />
                    </div>

                    <div class="px-formgrid__wide d-flex flex-wrap align-items-center justify-content-between gap-2">
                        <div class="form-check m-0">
                            <input class="form-check-input" type="checkbox"
                                   name="rows[0][is_external]" id="medication-external-0" value="1">
                            <label class="form-check-label small" for="medication-external-0">
                                {{ __('patients::messages.clinical.external') }}
                            </label>
                        </div>

                        <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 ($medications as $medication)
        <div class="py-2 border-bottom">
            <div class="px-entry">
                <div>
                    <span class="fw-medium">{{ $medication->name }}</span>
                    <span class="small text-muted">
                        {{ collect([$medication->dose, $medication->frequency, $medication->route])->filter()->implode(' · ') }}
                    </span>
                    @if ($medication->is_external)
                        <span class="px-pill px-pill--grey">{{ __('patients::messages.clinical.external') }}</span>
                    @endif
                    @if ($medication->status !== $statuses::Active)
                        <span class="px-pill px-pill--grey">{{ $medication->status->label() }}</span>
                    @endif
                </div>
                <div class="text-end">
                    @include('patients::partials.clinical-entry-actions', [
                        'type' => 'medication',
                        'entry' => $medication,
                        'resolveLabel' => __('patients::messages.clinical.mark_stopped'),
                    ])
                </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">
                    <rect x="3" y="8" width="18" height="8" rx="4" transform="rotate(-45 12 12)" /><path d="M9 9l6 6" />
                </svg>
            </div>

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