@extends('layouts.app')

@section('title', __('portal::messages.review.title'))

@php
    /*
     | The filter actually in force.
     |
     | An empty status means pending — the controller's default, because this
     | screen exists to be emptied. The cards and the dropdown both have to show
     | that, or the page would open with nothing selected while plainly being
     | filtered.
     */
    $current = $filters['status'] !== '' ? $filters['status'] : 'pending';

    // Keeps the patient scope on every link out of this screen.
    $carry = fn (string $status): array => array_filter([
        'status' => $status,
        'patient' => $filters['patient'],
    ]);
@endphp

@section('content')
    {{-- ── Page head ──────────────────────────────────────────────────────── --}}
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div>
            <h1 class="px-title">{{ __('portal::messages.review.title') }}</h1>

            {{-- Says whose queue this is. Reviewing the wrong patient's file is
                 the one mistake this screen can make, so the scope is stated in
                 the same breath as the title rather than left to a filter. --}}
            @if ($filters['patient'] !== '')
                <p class="px-subtitle">
                    {{ __('portal::messages.review.scoped', [
                        'patient' => $only?->name ?? __('portal::messages.review.unknown_patient'),
                    ]) }}
                </p>
            @else
                <p class="px-subtitle">{{ __('portal::messages.review.subtitle') }}</p>
            @endif
        </div>

        @if ($filters['patient'] !== '')
            <a href="{{ route('portal.review.index', ['status' => $filters['status']]) }}"
               class="btn btn-sm px-btn-ghost d-inline-flex align-items-center gap-2 text-nowrap">
                <i class="bi bi-arrows-angle-expand" aria-hidden="true"></i>
                {{ __('portal::messages.review.show_all') }}
            </a>
        @endif
    </div>

    {{-- ── Status: the filter and what it is filtering ────────────────────── --}}
    <div class="px-panel p-3 p-md-4 mb-4">
        <div class="row g-3 align-items-center">
            <div class="col-12 col-md-3">
                <form method="GET" action="{{ route('portal.review.index') }}" data-clinic-filter>
                    {{-- Carried through the filter, or changing the status would
                         quietly drop the patient and hand back the whole queue. --}}
                    <input type="hidden" name="patient" value="{{ $filters['patient'] }}">

                    <label for="status" class="px-field-label">{{ __('common.status') }}</label>
                    <select id="status" name="status" class="form-select px-select">
                        <option value="all" @selected($current === 'all')>
                            {{ __('portal::messages.review.all_statuses') }}
                        </option>
                        @foreach ($statuses as $value => $label)
                            <option value="{{ $value }}" @selected($current === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </form>
            </div>

            {{--
                The counts, and the filter said a second way.

                Each card is a link to its own status rather than a decorative
                figure: the number and the way to act on it are the same thing,
                and a reviewer who sees "3 declined" wants to read those three.
                Counts follow the patient scope above — cards counted over the
                whole table beside a list showing one patient would disagree,
                and the bigger numbers would be the half people believed.
            --}}
            <div class="col-12 col-md-9">
                <div class="row row-cols-2 row-cols-lg-4 g-2">
                    @foreach ([
                        ['status' => 'pending',  'tone' => 'violet', 'icon' => 'bi-clock-history',    'count' => $tally['pending'],  'label' => __('portal::messages.statuses.pending')],
                        ['status' => 'accepted', 'tone' => 'green',  'icon' => 'bi-check-circle',     'count' => $tally['accepted'], 'label' => __('portal::messages.statuses.accepted')],
                        ['status' => 'rejected', 'tone' => 'red',    'icon' => 'bi-x-circle',         'count' => $tally['rejected'], 'label' => __('portal::messages.statuses.rejected')],
                        ['status' => 'all',      'tone' => 'blue',   'icon' => 'bi-file-earmark-text', 'count' => $tally['total'],   'label' => __('portal::messages.review.total')],
                    ] as $card)
                        <div class="col">
                            <a href="{{ route('portal.review.index', $carry($card['status'])) }}"
                               class="px-tally px-tally--boxed px-tally--{{ $card['tone'] }} h-100"
                               @if ($current === $card['status']) aria-current="true" @endif>
                                <span class="px-tally__icon" aria-hidden="true">
                                    <i class="bi {{ $card['icon'] }}"></i>
                                </span>
                                <span class="min-w-0">
                                    <span class="px-tally__value">{{ number_format($card['count']) }}</span>
                                    <span class="px-tally__label">{{ $card['label'] }}</span>
                                </span>
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    {{-- ── The queue ──────────────────────────────────────────────────────── --}}
    <x-results>
        <div class="px-panel overflow-hidden">
            @if ($uploads->isEmpty())
                <div class="px-empty">
                    <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="M3 15v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4M12 3v13M7 8l5-5 5 5" />
                        </svg>
                    </div>

                    {{-- Two different nothings. An empty pending queue is the
                         goal and gets the standing instructions; an empty
                         Declined tab is just a filter that matched nothing, and
                         those instructions would be noise. --}}
                    @if ($current === 'pending')
                        <p class="px-empty__title">{{ __('portal::messages.review.empty_title') }}</p>
                        <p class="px-empty__text">{{ __('portal::messages.review.empty_text') }}</p>
                    @else
                        <p class="px-empty__title">{{ __('portal::messages.review.empty_filtered_title') }}</p>
                        <p class="px-empty__text">{{ __('portal::messages.review.empty_filtered_text') }}</p>
                    @endif
                </div>
            @else
                <div class="px-uploads">
                    <div class="px-uploads__head" aria-hidden="true">
                        <span>{{ __('portal::messages.review.patient') }}</span>
                        <span>{{ __('portal::messages.review.file_details') }}</span>
                        <span>{{ __('common.status') }}</span>
                        <span>{{ __('common.actions') }}</span>
                    </div>

                    @foreach ($uploads as $upload)
                        @php
                            $patient = $patients[$upload->patient_id] ?? null;

                            $mime = (string) $upload->mime_type;

                            $tile = match (true) {
                                $mime === 'application/pdf' => ['px-uploads__tile--pdf', 'bi-file-earmark-pdf'],
                                str_starts_with($mime, 'image/') => ['px-uploads__tile--image', 'bi-file-earmark-image'],
                                default => ['', 'bi-file-earmark'],
                            };

                            // Sent since yesterday and still untouched: worth
                            // marking, because it is the row most likely to be
                            // the one somebody has just been telephoned about.
                            $isNew = $upload->status->isPending()
                                && $upload->created_at?->gt(now()->subDay());
                        @endphp

                        {{-- Marked as a row so the live region can count it:
                             this listing has no <tbody> to count instead. --}}
                        <div class="px-uploads__row" data-clinic-row>
                            {{-- Patient --}}
                            <div class="d-flex align-items-center gap-2 min-w-0">
                                <div class="min-w-0">
                                    <span class="fw-semibold d-block text-truncate">{{ $patient?->name ?? '—' }}</span>
                                    <span class="px-hint font-monospace">{{ $patient?->mrn }}</span>

                                    @if ($isNew)
                                        <span class="px-pill px-pill--violet mt-1">
                                            {{ __('portal::messages.review.new_upload') }}
                                        </span>
                                    @endif
                                </div>
                            </div>

                            {{-- File details --}}
                            <div class="d-flex align-items-center gap-2 min-w-0">
                                <span class="px-uploads__tile {{ $tile[0] }}" aria-hidden="true">
                                    <i class="bi {{ $tile[1] }}"></i>
                                </span>

                                <div class="min-w-0">
                                    <span class="fw-medium d-block text-truncate">{{ $upload->original_name }}</span>
                                    <span class="px-hint">
                                        {{ $upload->readableSize() }} · {{ $upload->created_at?->format('d M Y, H:i') }}
                                    </span>
                                    @if ($upload->patient_note)
                                        <span class="px-hint">“{{ $upload->patient_note }}”</span>
                                    @endif
                                </div>
                            </div>

                            {{-- Status --}}
                            <div class="min-w-0">
                                <span class="px-pill {{ $upload->status->pill() }}">
                                    <span class="px-dot" aria-hidden="true"></span>
                                    {{ $upload->status->label() }}
                                </span>

                                @if ($upload->rejection_reason)
                                    <span class="px-hint">{{ $upload->rejection_reason }}</span>
                                @elseif ($upload->reviewedBy)
                                    <span class="px-hint">{{ $upload->reviewedBy->name }}</span>
                                @endif
                            </div>

                            {{-- Actions --}}
                            <div class="px-uploads__actions">
                                @if ($upload->status->isPending())
                                    {{--
                                        Name it, read it, then decide.

                                        The link sits inside the accept form so
                                        the four controls are one flex row in
                                        the order the work happens; an anchor is
                                        flow content and submits nothing.
                                    --}}
                                    <form method="POST" action="{{ route('portal.review.accept', $upload) }}"
                                          data-clinic-confirm="{{ __('portal::messages.review.confirm_accept') }}">
                                        @csrf

                                        {{-- The name this file will carry in the
                                             record, editable before it goes in —
                                             "2928.pdf" tells a clinician nothing
                                             a year from now. --}}
                                        <div class="input-group input-group-sm">
                                            <input type="text" name="title" required maxlength="190"
                                                   class="form-control px-input"
                                                   value="{{ $upload->patient_note ?: __('portal::messages.review.default_title') }}"
                                                   aria-label="{{ __('portal::messages.review.document_title') }}">
                                            <span class="input-group-text" aria-hidden="true">
                                                <i class="bi bi-pencil"></i>
                                            </span>
                                        </div>

                                        <input type="hidden" name="category" value="lab_report">

                                        {{-- Its own tab: the decision is made
                                             with the queue still on screen, and
                                             a streamed file is not something the
                                             page swapper can put in this layout. --}}
                                        <a href="{{ route('portal.review.download', $upload) }}"
                                           class="btn btn-sm px-btn-ghost d-inline-flex align-items-center justify-content-center gap-2"
                                           target="_blank" rel="noopener">
                                            <i class="bi bi-eye" aria-hidden="true"></i>
                                            {{ __('portal::messages.review.open') }}
                                        </a>

                                        <button type="submit"
                                                class="btn btn-sm px-btn-primary d-inline-flex align-items-center justify-content-center gap-2">
                                            <i class="bi bi-check-lg" aria-hidden="true"></i>
                                            {{ __('portal::messages.review.accept') }}
                                        </button>
                                    </form>

                                    {{-- Two gates on a decline: a reason, which
                                         the endpoint requires, and then the
                                         confirmation — the file is deleted and
                                         the patient may well ask why. --}}
                                    <details>
                                        <summary class="px-uploads__decline">
                                            {{ __('portal::messages.review.reject') }}
                                            <i class="bi bi-trash3" aria-hidden="true"></i>
                                        </summary>

                                        <form method="POST" action="{{ route('portal.review.reject', $upload) }}"
                                              class="mt-2 d-flex flex-column gap-2"
                                              data-clinic-confirm="{{ __('portal::messages.review.confirm_reject') }}">
                                            @csrf
                                            <input type="text" name="reason" required maxlength="490"
                                                   class="form-control form-control-sm px-input"
                                                   placeholder="{{ __('portal::messages.review.reject_reason') }}"
                                                   aria-label="{{ __('portal::messages.review.reject_reason') }}">
                                            <button type="submit" class="btn btn-sm px-btn-ghost">
                                                {{ __('portal::messages.review.reject') }}
                                            </button>
                                        </form>
                                    </details>
                                @else
                                    <span class="px-hint text-md-end">
                                        {{ $upload->reviewed_at?->format('d M Y') }}
                                    </span>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>

                <div class="d-flex flex-wrap justify-content-between align-items-center gap-3 px-3 px-md-4 py-3 border-top"
                     style="border-color: var(--px-border) !important;">
                    <span class="px-hint m-0">
                        {{ trans_choice('portal::messages.review.showing', $uploads->total(), [
                            'shown' => number_format($uploads->count()),
                            'total' => number_format($uploads->total()),
                        ]) }}
                    </span>

                    @if ($uploads->hasPages())
                        <div class="px-pagination">{{ $uploads->links() }}</div>
                    @endif
                </div>
            @endif
        </div>
    </x-results>
@endsection