{{--
    "Ask this patient to send their reports in."

    Rendered into the `patient.administrative` slot. Patients knows nothing
    about upload links; remove this module and the panel goes with it.
--}}
{{--
    The panel, not a Bootstrap card, and the form behind the same "+" every
    other panel on this record uses. Rendered inline it was the only card on the
    screen sitting permanently open, which made an occasional action look like
    the main business of the page.
--}}
<x-px.panel :title="__('portal::messages.links.title')">
    <x-slot:actions>
        <button class="btn btn-sm px-btn-ghost" type="button"
                data-bs-toggle="collapse" data-bs-target="#add-upload-link"
                aria-expanded="false" aria-controls="add-upload-link"
                title="{{ __('portal::messages.links.create') }}">
            <i class="bi bi-plus-lg" aria-hidden="true"></i>
            <span class="visually-hidden">{{ __('portal::messages.links.create') }}</span>
        </button>
    </x-slot:actions>

    {{--
        The one and only appearance of a working link.

        Only the hash is stored, so this flash is the single moment the URL
        exists anywhere. Reload the page and it is gone — which is the correct
        behaviour for a credential, and is why it is shown for copying rather
        than tucked behind a menu.
    --}}
    @if (session('issued_upload_url'))
        <div class="px-advice px-advice--info mb-3">
            <p class="fw-semibold mb-1">{{ __('portal::messages.links.copy_now') }}</p>
            {{-- Selects itself when focused, so the link can be copied in one
                 gesture. Wired in resources/js/app.js: an onfocus attribute is
                 inline script, which the CSP blocks. --}}
            <input type="text" class="form-control px-input font-monospace small" readonly
                   data-clinic-select-on-focus value="{{ session('issued_upload_url') }}">
            <span class="px-hint">{{ __('portal::messages.links.copy_hint') }}</span>
        </div>
    @endif

    @forelse ($activeLinks as $active)
        <div class="d-flex justify-content-between align-items-start gap-2 py-2 border-bottom">
            <div class="min-w-0">
                <span class="fw-medium d-block">{{ $active->purpose ?: __('portal::messages.links.untitled') }}</span>
                <span class="px-hint">
                    {{ __('portal::messages.links.expires', ['when' => $active->expires_at->diffForHumans()]) }}
                    · {{ trans_choice('portal::messages.links.files_left', $active->remainingFiles(), ['count' => $active->remainingFiles()]) }}
                </span>
            </div>

            <form method="POST" action="{{ route('portal.links.revoke', $active) }}">
                @csrf
                <button type="submit" class="btn btn-sm px-btn-ghost text-nowrap">
                    {{ __('portal::messages.links.revoke') }}
                </button>
            </form>
        </div>
    @empty
        <p class="px-hint mb-0">{{ __('portal::messages.links.none') }}</p>
    @endforelse

    @if ($recentUploads->isNotEmpty())
        <p class="px-field-label mt-3">{{ __('portal::messages.links.recent') }}</p>
        <ul class="small mb-0 ps-3">
            @foreach ($recentUploads as $upload)
                <li>
                    {{ $upload->original_name }}
                    <span class="px-pill {{ $upload->status->pill() }}">{{ $upload->status->label() }}</span>
                </li>
            @endforeach
        </ul>

        {{--
            What "awaiting review" means, and where to do something about it.

            A file a patient sent is held outside the record until somebody
            opens it and accepts it — it could be the wrong document, or the
            wrong patient's. Saying so here stops the status reading as a stuck
            upload, and the link saves hunting for the queue that clears it.
        --}}
        @if ($recentUploads->contains(fn ($upload) => $upload->status->isPending()))
            <p class="px-hint mt-2 mb-0">{{ __('portal::messages.links.pending_hint') }}</p>

            {{--
                Opens beside the record, not instead of it.

                Reviewing is a detour: you accept the file and you want to be
                back on the patient you were reading. A target keeps this record
                where it was — and it also tells Clinic.navigation to leave the
                click alone, which is what makes the second tab happen at all.
            --}}
            @if (Route::has('portal.review.index') && (auth()->user()?->can('portal.review') ?? false))
                <a href="{{ route('portal.review.index', ['patient' => $patientUlid]) }}"
                   class="btn btn-sm px-btn-ghost mt-2 d-inline-flex align-items-center gap-2 text-nowrap"
                   target="_blank" rel="noopener">
                    <i class="bi bi-inbox" aria-hidden="true"></i>
                    {{ __('portal::messages.links.review_now') }}
                    {{-- Smaller and quieter than the label: it is a note about
                         where the link goes, not part of the instruction. --}}
                    <i class="bi bi-box-arrow-up-right small opacity-50" aria-hidden="true"></i>
                    <span class="visually-hidden">{{ __('portal::messages.links.new_tab') }}</span>
                </a>
            @endif
        @endif
    @endif

    {{-- Opened when there is nothing else to show: an empty panel with a button
         that reveals the only thing it does is a riddle. --}}
    <div class="collapse {{ $activeLinks->isEmpty() && $recentUploads->isEmpty() ? 'show' : '' }} mt-3"
         id="add-upload-link">
    <form method="POST" action="{{ route('portal.links.store', $patientUlid) }}" class="row g-2 align-items-end">
        @csrf

        <div class="col-12">
            <label for="purpose" class="px-field-label">{{ __('portal::messages.links.purpose') }}</label>
            <input type="text" id="purpose" name="purpose" maxlength="190" class="form-control px-input"
                   placeholder="{{ __('portal::messages.links.purpose_placeholder') }}">
        </div>

        <div class="col-6">
            <label for="max_files" class="px-field-label">{{ __('portal::messages.links.max_files') }}</label>
            <input type="number" id="max_files" name="max_files" min="1" max="20" value="5"
                   class="form-control px-input">
        </div>

        <div class="col-6">
            <label for="valid_for_hours" class="px-field-label">{{ __('portal::messages.links.valid_for') }}</label>
            <select id="valid_for_hours" name="valid_for_hours" class="form-select px-select">
                <option value="24">{{ __('portal::messages.links.hours_24') }}</option>
                <option value="72" selected>{{ __('portal::messages.links.days_3') }}</option>
                <option value="168">{{ __('portal::messages.links.days_7') }}</option>
            </select>
        </div>

        <div class="col-12">
            <button type="submit" class="btn px-btn-primary w-100">{{ __('portal::messages.links.create') }}</button>
        </div>
    </form>
    </div>
</x-px.panel>