@php
    $statuses = \App\Modules\Patients\Enums\ClinicalRecordStatus::class;
@endphp
{{-- Problem list --------------------------------------------------------- --}}
<x-px.panel id="conditions" :title="__('patients::messages.clinical.conditions')" 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-condition">
                <i class="bi bi-plus-lg"></i>
            </button>
        @endcan
    </x-slot:actions>

    @can('manageClinical', $patient)
        <div class="collapse mb-3 @if (session('clinical_added') === 'condition') show @endif"
             id="add-condition" data-clinic-reopen="{{ session('clinical_added') === 'condition' ? '1' : '' }}">
            {{-- A problem list is dictated in one sitting; the panel takes as
                 many lines as were filled in and writes them together. --}}
            <form method="POST" action="{{ route('patients.clinical.store', [$patient, 'condition']) }}"
                  data-clinic-repeat>
                @csrf

                <div class="px-repeat__row px-formgrid" data-clinic-repeat-row>
                <div>
                    <x-form.input name="rows[0][name]" id="condition-name-0"
                                  :label="__('patients::messages.clinical.condition_name')" required />
                </div>
                {{--
                    No ICD-10 field here (removed 2026-08-10).

                    The column, the DTO and the validation rule all remain, so
                    nothing already coded was lost and putting the input back is
                    a one-line change. Consultation diagnoses still carry a code —
                    that is where coding for claims and reporting is done.
                --}}

                {{--
                    Diagnosed how long ago, rather than on what date.

                    Nobody arrives knowing the date they were told they had
                    diabetes; they say "about three months ago". The column is
                    still a date — this converts before it is submitted, so
                    nothing downstream learns a new shape — and the note under
                    the control prints the date it worked out, because a
                    clinician is entitled to see what is being written to the
                    record rather than trust arithmetic they cannot check.

                    The date field stays in the markup and is what a browser
                    running no script would see and use.
                --}}
                <div data-clinic-ago data-note="{{ __('patients::messages.clinical.ago_note') }}">
                    <div class="mb-3" data-clinic-ago-control hidden>
                        <label class="form-label" for="diagnosed-ago-0">
                            {{ __('patients::messages.clinical.diagnosed_ago') }}
                        </label>

                        <div class="px-ago">
                            <input type="number" id="diagnosed-ago-0" class="form-control px-input"
                                   min="1" max="999" step="1" inputmode="numeric" autocomplete="off"
                                   placeholder="3" data-clinic-ago-value>

                            <div class="px-segmented px-ago__units" role="radiogroup"
                                 aria-label="{{ __('patients::messages.clinical.diagnosed_ago_unit') }}">
                                {{-- Years included: a problem list is mostly old
                                     diagnoses. "Diabetes, about twelve years"
                                     was 144 months before this. --}}
                                @foreach (['d', 'w', 'm', 'y'] as $unit)
                                    <label class="px-segmented__option">
                                        {{--
                                            The shared name is what makes these one
                                            control rather than three independent
                                            tick boxes — radios group by name, and
                                            without it every letter stays lit once
                                            clicked.

                                            Named inside the row, so a second
                                            problem added below gets a group of its
                                            own. Left bare, every row's letters
                                            would belong to one group and choosing
                                            "weeks" on the third line would unpick
                                            the first two.

                                            It is posted, and harmlessly: the
                                            request names the fields it accepts and
                                            the controller reads `validated()`, so
                                            a key the validator does not list does
                                            not reach the record. The date is what
                                            is stored.
                                        --}}
                                        <input type="radio" name="rows[0][diagnosed_ago_unit]" value="{{ $unit }}"
                                               @checked($unit === 'd') data-clinic-ago-unit>
                                        <abbr title="{{ __('patients::messages.clinical.ago_'.$unit) }}">
                                            {{ __('patients::messages.clinical.ago_'.$unit.'_short') }}
                                        </abbr>
                                    </label>
                                @endforeach
                            </div>
                        </div>

                        <div class="form-text" data-clinic-ago-note></div>
                    </div>

                    <div data-clinic-ago-date>
                        <x-form.input name="rows[0][diagnosed_on]" id="condition-diagnosed-0" type="date"
                                      :label="__('patients::messages.clinical.diagnosed_on')" />
                    </div>
                </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 ($conditions as $condition)
        <div class="py-2 border-bottom">
            <div class="px-entry">
                <div>
                    <span class="fw-medium">{{ $condition->name }}</span>
                    @if ($condition->status !== $statuses::Active)
                        <span class="px-pill px-pill--grey">{{ $condition->status->label() }}</span>
                    @endif
                    <div class="small text-muted">
                        @if ($condition->diagnosed_on)
                            {{ __('patients::messages.clinical.diagnosed_on') }}: {{ $condition->diagnosed_on->format('Y-m-d') }}
                        @endif
                    </div>
                </div>
                <div class="text-end">
                    @include('patients::partials.clinical-entry-actions', [
                        'type' => 'condition',
                        'entry' => $condition,
                        '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">
                    <rect x="5" y="4" width="14" height="17" rx="2" /><path d="M9 3h6v3H9zM8 12h3l1 3 2-6 1 3h1" />
                </svg>
            </div>

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