@props(['note', 'encounter', 'notePool'])

@php
    $statuses = \App\Modules\Consultations\Enums\NoteStatus::class;
    // Resolved from the versions already loaded for this encounter — walking
    // the relation would cost a query per version, per note.
    $history = \App\Modules\Consultations\Models\EncounterNote::chainFrom($note, $notePool);

    /*
     | The status enum reports a Bootstrap contextual name, because that is what
     | it was written against. Mapped here rather than changed there: the same
     | enum labels this note in the API and in the printed record.
     */
    $pill = match ($note->status->tone()) {
        'success' => 'px-pill--green',
        'warning' => 'px-pill--amber',
        'danger' => 'px-pill--red',
        'primary', 'info' => 'px-pill--blue',
        default => 'px-pill--grey',
    };
@endphp

<div class="px-note {{ $note->status === $statuses::EnteredInError ? 'px-note--void' : '' }}">
    <div class="d-flex justify-content-between align-items-start gap-2 mb-2">
        <div class="min-w-0">
            <strong>{{ $note->section->label() }}</strong>
            <span class="px-pill {{ $pill }}">{{ $note->status->label() }}</span>

            @if ($note->version > 1)
                <span class="px-pill px-pill--grey">
                    {{ __('consultations::messages.notes.version', ['number' => $note->version]) }}
                </span>
            @endif
        </div>

        <div class="px-hint m-0 text-end flex-shrink-0">
            @if ($note->isSigned())
                {{ __('consultations::messages.notes.signed_by', [
                    'name' => $note->author?->name ?? '—',
                    'date' => $note->signed_at->format('Y-m-d H:i'),
                ]) }}
            @else
                {{ $note->author?->name }}
            @endif
        </div>
    </div>

    @if ($note->status === $statuses::Draft)
        <div class="px-advice px-advice--info mb-2">
            {{ __('consultations::messages.notes.draft_notice') }}
        </div>
    @endif

    @if ($note->amendment_reason && $note->status !== $statuses::Draft)
        <div class="px-hint fst-italic mb-2">
            <i class="bi bi-pencil-square" aria-hidden="true"></i> {{ $note->amendment_reason }}
        </div>
    @endif

    {{-- Whitespace preserved: clinicians format notes with line breaks. --}}
    <div class="clinic-note-body">{{ $note->body }}</div>

    {{--
        Earlier versions are shown, not hidden behind an audit screen nobody
        opens. "What did the record say before it was amended?" is a question a
        clinician asks in the room, and burying the answer defeats the purpose
        of keeping it.
    --}}
    @if ($history !== [])
        <details class="mt-2">
            <summary class="px-note__history">
                {{ __('consultations::messages.notes.show_history') }} ({{ count($history) }})
            </summary>

            @foreach ($history as $previous)
                <div class="px-note__version">
                    <div class="px-hint m-0">
                        {{ __('consultations::messages.notes.version', ['number' => $previous->version]) }}
                        · {{ $previous->author?->name }}
                        · {{ $previous->signed_at?->format('Y-m-d H:i') }}
                    </div>
                    <div class="clinic-note-body text-body-secondary">{{ $previous->body }}</div>
                </div>
            @endforeach
        </details>
    @endif

    {{--
        Three acts, three weights.

        Signing is the one this screen is for and takes the filled button;
        amending is ordinary and takes the quiet one; marking a note as entered
        in error is the destructive one and is the only thing here in red.
    --}}
    <div class="mt-3 d-flex gap-2 flex-wrap">
        @can('sign', $note)
            <form method="POST" action="{{ route('encounters.notes.sign', [$encounter, $note]) }}">
                @csrf
                <button type="submit" class="btn btn-sm px-btn-primary d-inline-flex align-items-center gap-2">
                    <i class="bi bi-pen" aria-hidden="true"></i>
                    {{ __('consultations::messages.notes.sign') }}
                </button>
            </form>
        @endcan

        @can('amend', $note)
            <button type="button" class="btn btn-sm px-btn-ghost"
                    data-bs-toggle="collapse" data-bs-target="#amend-{{ $note->ulid }}"
                    aria-expanded="false" aria-controls="amend-{{ $note->ulid }}">
                {{ __('consultations::messages.notes.amend') }}
            </button>
        @endcan

        @can('retract', $note)
            <button type="button" class="btn btn-sm px-btn-danger-ghost"
                    data-bs-toggle="collapse" data-bs-target="#retract-note-{{ $note->ulid }}"
                    aria-expanded="false" aria-controls="retract-note-{{ $note->ulid }}">
                {{ __('consultations::messages.notes.retract') }}
            </button>
        @endcan
    </div>

    @can('amend', $note)
        <div class="collapse mt-3" id="amend-{{ $note->ulid }}">
            <form method="POST" action="{{ route('encounters.notes.amend', [$encounter, $note]) }}">
                @csrf
                <x-form.textarea name="body" class="px-input" rows="5" required
                                 :label="__('consultations::messages.section.'.$note->section->value)"
                                 :value="$note->body" />
                <x-form.input name="reason" class="px-input" required
                              :label="__('consultations::messages.notes.amendment_reason')" />
                <button type="submit" class="btn btn-sm px-btn-primary">
                    {{ __('consultations::messages.notes.amend') }}
                </button>
            </form>
        </div>
    @endcan

    @can('retract', $note)
        {{-- The reason is the confirmation: a note leaves the record with a
             stated why, never on a single click. --}}
        <div class="collapse mt-3" id="retract-note-{{ $note->ulid }}">
            <form method="POST" action="{{ route('encounters.notes.retract', [$encounter, $note]) }}"
                  class="d-flex gap-2">
                @csrf
                <input type="text" name="reason" class="form-control form-control-sm px-input" required
                       placeholder="{{ __('consultations::messages.notes.retraction_reason') }}">
                <button type="submit" class="btn btn-sm px-btn-danger-ghost text-nowrap">
                    {{ __('common.confirm') }}
                </button>
            </form>
        </div>
    @endcan
</div>