@extends('layouts.app')

@section('title', __('consultations::messages.encounters.title'))

@php
    use App\Modules\Consultations\Enums\EncounterStatus;
    use App\Modules\Consultations\Models\Encounter;

    $isToday = $date->isSameDay($today);

    /*
     | The brief's palette names four states; the record only has three.
     | There is no "in progress" encounter — a consultation is open until it is
     | closed — so blue is left for the duration chip rather than invented as a
     | status nothing can ever be in.
     */
    $statusPill = static fn (EncounterStatus $status): string => match ($status) {
        EncounterStatus::Open => 'px-pill--amber',
        EncounterStatus::Closed => 'px-pill--green',
        EncounterStatus::Cancelled => 'px-pill--red',
    };

    $cards = [
        [
            'key' => 'total',
            'label' => __('consultations::messages.encounters.card_total'),
            'icon' => 'bi-clipboard2-pulse-fill',
            'tone' => 'violet',
            'suffix' => '',
        ],
        [
            'key' => 'open',
            'label' => __('consultations::messages.encounters.card_open'),
            'icon' => 'bi-folder2-open',
            'tone' => 'blue',
            'suffix' => '',
        ],
        [
            'key' => 'completed',
            'label' => __('consultations::messages.encounters.card_completed'),
            'icon' => 'bi-check2-circle',
            'tone' => 'green',
            'suffix' => '',
        ],
        [
            'key' => 'minutes',
            'label' => __('consultations::messages.encounters.card_duration'),
            'icon' => 'bi-stopwatch-fill',
            'tone' => 'pink',
            'suffix' => __('consultations::messages.encounters.minutes_short'),
        ],
    ];

    /*
     | Whether anything is actually narrowing the day.
     |
     | search_field is excluded: it always carries a value — the pill shown as
     | selected — so counting it would make a screen nobody has filtered offer
     | to clear filters that were never applied. It narrows nothing on its own;
     | it only says where the term beside it is aimed.
     */
    $hasFilters = collect($filters)
        ->except(['search_field'])
        ->filter(fn ($v): bool => $v !== '')
        ->isNotEmpty();
@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">{{ __('consultations::messages.encounters.title') }}</h1>
            <p class="px-subtitle">{{ __('consultations::messages.encounters.subtitle') }}</p>
        </div>

        <div class="d-flex flex-wrap gap-2">
            <a href="{{ route('encounters.index', ['date' => $today->toDateString()]) }}"
               class="btn px-btn-ghost d-inline-flex align-items-center gap-2">
                <i class="bi bi-calendar-day" aria-hidden="true"></i>
                {{ __('consultations::messages.encounters.todays') }}
            </a>

            {{-- A consultation is opened against a patient, so the entry point
                 is the patient record rather than a blank form. --}}
            @can('create', Encounter::class)
                @if (Route::has('patients.index'))
                    <a href="{{ route('patients.index') }}"
                       class="btn px-btn-primary d-inline-flex align-items-center gap-2">
                        <i class="bi bi-plus-lg" aria-hidden="true"></i>
                        {{ __('consultations::messages.encounters.new') }}
                    </a>
                @endif
            @endcan
        </div>
    </div>

    {{-- ── Filter panel ───────────────────────────────────────────────────── --}}
    {{-- Outside the swapped region on purpose: that region is replaced
         wholesale on every filter change, which would destroy the field
         somebody is typing into. --}}
    <div class="px-panel p-3 p-md-4 mb-4">
        @php
            $activeField = \App\Modules\Patients\Enums\PatientSearchField::tryFrom($filters['search_field'] ?? '')
                ?? $defaultSearchField;

            // Read by Clinic.searchField, so the box re-labels itself the
            // moment the pill changes rather than after a round trip.
            $searchRules = [];

            foreach ($searchFields as $searchField) {
                $searchRules[$searchField->value] = ['placeholder' => $searchField->placeholder()];
            }
        @endphp

        <form method="GET" action="{{ route('encounters.index') }}" data-clinic-filter
              data-clinic-search-scope
              data-rules="{{ json_encode($searchRules, JSON_THROW_ON_ERROR) }}">
            {{-- Which identifier the term is aimed at. Outside the grid, so the
                 pills sit on the box they aim rather than a gutter above it. --}}
            <div class="px-segmented mb-1" role="radiogroup" aria-label="{{ __('patients::messages.search.field') }}"
                 data-clinic-search-fields>
                <span class="px-segmented__label" aria-hidden="true">
                    {{ __('patients::messages.search.field') }}
                </span>

                @foreach ($searchFields as $searchField)
                    <label class="px-segmented__option">
                        <input type="radio" name="search_field" value="{{ $searchField->value }}"
                               @checked($searchField === $activeField)>
                        {{ $searchField->label() }}
                    </label>
                @endforeach
            </div>

            <div class="row g-3 align-items-end">
            <div class="col-12 col-md-6 col-xl-3">
                <label for="search" class="visually-hidden">{{ __('consultations::messages.encounters.search_patient') }}</label>
                <div class="px-search">
                    <i class="bi bi-search" aria-hidden="true"></i>
                    <input type="search" id="search" name="search" class="form-control px-input"
                           data-clinic-search-input
                           value="{{ $filters['search'] }}"
                           placeholder="{{ $activeField->placeholder() }}">
                </div>
            </div>

            <div class="col-6 col-md-6 col-xl-2">
                <label for="reference" class="px-field-label">{{ __('consultations::messages.encounters.reference') }}</label>
                <input type="text" id="reference" name="reference" class="form-control px-input"
                       value="{{ $filters['reference'] }}" placeholder="ENC-">
            </div>

            <div class="col-6 col-md-6 col-xl-2">
                <label for="date" class="px-field-label">{{ __('consultations::messages.encounters.started') }}</label>
                <input type="date" id="date" name="date" class="form-control px-input"
                       value="{{ $filters['date'] }}">
            </div>

            <div class="col-12 col-md-6 col-xl-3">
                <label for="doctor" class="px-field-label">{{ __('consultations::messages.encounters.clinician') }}</label>
                <select id="doctor" name="doctor" class="form-select px-select">
                    <option value="">{{ __('common.all') }}</option>
                    @foreach ($doctors as $d)
                        <option value="{{ $d->ulid }}" @selected($filters['doctor'] === $d->ulid)>{{ $d->label() }}</option>
                    @endforeach
                </select>
            </div>

            @if ($departments !== [])
                <div class="col-6 col-md-4 col-xl-2">
                    <label for="department" class="px-field-label">{{ __('consultations::messages.encounters.department') }}</label>
                    <select id="department" name="department" class="form-select px-select">
                        <option value="">{{ __('common.all') }}</option>
                        @foreach ($departments as $department)
                            <option value="{{ $department }}" @selected($filters['department'] === $department)>{{ $department }}</option>
                        @endforeach
                    </select>
                </div>
            @endif

            <div class="col-6 col-md-4 col-xl-2">
                <label for="status" class="px-field-label">{{ __('common.status') }}</label>
                <select id="status" name="status" class="form-select px-select">
                    <option value="">{{ __('common.all') }}</option>
                    @foreach ($statuses as $status)
                        <option value="{{ $status->value }}" @selected($filters['status'] === $status->value)>{{ $status->label() }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-6 col-md-4 col-xl-2">
                <label for="outcome" class="px-field-label">{{ __('consultations::messages.encounters.disposition') }}</label>
                <select id="outcome" name="outcome" class="form-select px-select">
                    <option value="">{{ __('common.all') }}</option>
                    @foreach ($dispositions as $value => $label)
                        <option value="{{ $value }}" @selected($filters['outcome'] === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-12 col-xl-4 d-flex gap-2">
                <a href="{{ route('encounters.index') }}"
                   class="btn px-btn-ghost d-inline-flex align-items-center justify-content-center gap-2">
                    <i class="bi bi-arrow-counterclockwise" aria-hidden="true"></i>
                    {{ __('common.reset') }}
                </a>
                <button type="submit" class="btn px-btn-primary flex-grow-1 d-inline-flex align-items-center justify-content-center gap-2">
                    <i class="bi bi-funnel" aria-hidden="true"></i>
                    {{ __('consultations::messages.encounters.apply_filters') }}
                </button>
            </div>
            </div>
        </form>
    </div>

    {{-- Everything below is scoped to the current filters, so all of it sits
         inside the swapped region. Leaving the cards outside would leave them
         describing the previous query — worse than not showing them at all on
         a clinical screen. --}}
    <x-results>
        <div class="px-layout">
            <div class="min-w-0">
                {{-- ── Statistics ─────────────────────────────────────────── --}}
                <div class="px-metrics mb-4">
                    @foreach ($cards as $card)
                        @php
                            $value = $summary['tally'][$card['key']];
                            $delta = $value - $summary['previous'][$card['key']];
                        @endphp

                        <div class="px-metric px-metric--{{ $card['tone'] }}">
                            <span class="px-metric__icon"><i class="bi {{ $card['icon'] }}" aria-hidden="true"></i></span>

                            <div class="min-w-0 flex-grow-1">
                                <p class="px-metric__label">{{ $card['label'] }}</p>
                                <p class="px-metric__value">
                                    {{ number_format($value) }}<span class="fs-6 fw-normal">{{ $card['suffix'] }}</span>
                                </p>

                                <p class="px-metric__trend {{ $delta > 0 ? 'px-metric__trend--up' : '' }} {{ $delta < 0 ? 'px-metric__trend--down' : '' }}">
                                    @if ($delta !== 0)
                                        <i class="bi bi-arrow-{{ $delta > 0 ? 'up' : 'down' }}-short" aria-hidden="true"></i>
                                    @endif
                                    {{ __('consultations::messages.encounters.vs_previous', [
                                        'delta' => $delta > 0 ? '+'.$delta : (string) $delta,
                                    ]) }}
                                </p>
                            </div>
                        </div>
                    @endforeach
                </div>

                {{-- ── Consultations ──────────────────────────────────────── --}}
                <div class="px-panel overflow-hidden">
                    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 px-3 px-md-4 py-3 border-bottom"
                         style="border-color: var(--px-border) !important;">
                        <div>
                            <p class="mb-0 fw-semibold">{{ __('consultations::messages.encounters.title') }}</p>
                            <p class="mb-0 small text-body-secondary">
                                {{ __('consultations::messages.encounters.showing', [
                                    'from' => number_format($encounters->firstItem() ?? 0),
                                    'to' => number_format($encounters->lastItem() ?? 0),
                                    'total' => number_format($encounters->total()),
                                ]) }}
                            </p>
                        </div>
                    </div>

                    @if ($encounters->isEmpty())
                        {{-- ── Empty state ────────────────────────────────── --}}
                        <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="M9 3h6a1 1 0 0 1 1 1v1H8V4a1 1 0 0 1 1-1Z" />
                                    <path d="M16 5h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2" />
                                    <path d="M9 12h6M9 16h4" />
                                </svg>
                            </div>

                            <p class="px-empty__title">{{ __('consultations::messages.encounters.empty_title') }}</p>
                            <p class="px-empty__text">
                                {{ $hasFilters
                                    ? __('consultations::messages.encounters.empty_filtered')
                                    : __('consultations::messages.encounters.empty_text') }}
                            </p>

                            <div class="d-flex flex-wrap justify-content-center gap-2">
                                @can('create', Encounter::class)
                                    @if (Route::has('patients.index'))
                                        <a href="{{ route('patients.index') }}"
                                           class="btn px-btn-primary d-inline-flex align-items-center gap-2">
                                            <i class="bi bi-plus-lg" aria-hidden="true"></i>
                                            {{ __('consultations::messages.encounters.new') }}
                                        </a>
                                    @endif
                                @endcan

                                @if ($hasFilters)
                                    <a href="{{ route('encounters.index') }}"
                                       class="btn px-btn-ghost d-inline-flex align-items-center gap-2">
                                        <i class="bi bi-arrow-counterclockwise" aria-hidden="true"></i>
                                        {{ __('consultations::messages.encounters.clear_filters') }}
                                    </a>
                                @endif
                            </div>
                        </div>
                    @else
                        <div class="table-responsive">
                            <table class="table px-table px-table--sticky px-table--cards align-middle">
                                <thead>
                                    <tr>
                                        {{-- The reference joins the patient rather than opening
                                             the table. It identifies the consultation you are
                                             already looking at, so it belongs beside the name,
                                             not in the widest column on the screen. --}}
                                        <th scope="col">{{ __('consultations::messages.encounters.patient') }}</th>
                                        <th scope="col">{{ __('consultations::messages.encounters.clinician') }}</th>
                                        <th scope="col">{{ __('consultations::messages.encounters.department') }}</th>
                                        <th scope="col">{{ __('consultations::messages.encounters.started') }}</th>
                                        <th scope="col">{{ __('consultations::messages.encounters.duration') }}</th>
                                        <th scope="col">{{ __('consultations::messages.encounters.diagnosis') }}</th>
                                        <th scope="col">{{ __('consultations::messages.encounters.disposition') }}</th>
                                        <th scope="col">{{ __('common.status') }}</th>
                                        <th scope="col" class="text-end">{{ __('common.actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($encounters as $encounter)
                                        @php
                                            $patient = $participants['patients'][$encounter->patient_id] ?? null;
                                            $doctor = $participants['doctors'][$encounter->doctor_id] ?? null;

                                            $patientName = $patient?->name ?? __('consultations::messages.encounters.unknown_patient');
                                            $primary = $encounter->diagnoses->first();
                                        @endphp

                                        <tr>
                                            <td data-label="">
                                                {{-- No avatar. Coloured initials next to every
                                                     name were decoration competing with the
                                                     allergy marker, which is the one thing here
                                                     that genuinely needs to catch the eye. --}}
                                                <div class="d-flex align-items-start gap-2">
                                                    <div class="min-w-0">
                                                        @if ($patient !== null && Route::has('patients.show'))
                                                            <a href="{{ route('patients.show', $patient->ulid) }}"
                                                               class="fw-semibold text-body text-decoration-none d-block text-truncate">
                                                                {{ $patientName }}
                                                            </a>
                                                        @else
                                                            <span class="fw-semibold d-block text-truncate">{{ $patientName }}</span>
                                                        @endif

                                                        {{-- Guarded: a walk-in recorded before the
                                                             patient was matched has no MRN, and an
                                                             unconditional line left a blank gap
                                                             between the name and the reference. --}}
                                                        @if ($patient?->mrn)
                                                            <span class="small text-body-secondary d-block">
                                                                <span class="font-monospace">{{ $patient->mrn }}</span>
                                                                @if ($patient->ageLabel)
                                                                    · {{ $patient->ageLabel }}
                                                                @endif
                                                            </span>
                                                        @endif

                                                        <a href="{{ route('encounters.show', $encounter) }}"
                                                           class="font-monospace small text-decoration-none d-block">
                                                            {{ $encounter->reference }}
                                                        </a>
                                                    </div>

                                                    @if (($patient?->activeAllergyCount ?? 0) > 0)
                                                        <span class="px-pill px-pill--red" title="{{ __('common.allergy_warning') }}">
                                                            <i class="bi bi-exclamation-triangle-fill" aria-hidden="true"></i>
                                                            {{ $patient->activeAllergyCount }}
                                                        </span>
                                                    @endif
                                                </div>
                                            </td>

                                            <td data-label="{{ __('consultations::messages.encounters.clinician') }}">
                                                <span class="small text-truncate d-block">{{ $doctor?->name ?? '—' }}</span>
                                            </td>

                                            <td data-label="{{ __('consultations::messages.encounters.department') }}">
                                                @if ($doctor?->specialty)
                                                    <span class="px-pill px-pill--violet">{{ $doctor->specialty }}</span>
                                                @else
                                                    <span class="text-body-secondary small">—</span>
                                                @endif
                                            </td>

                                            <td data-label="{{ __('consultations::messages.encounters.started') }}" class="small text-body-secondary">
                                                {{ $encounter->started_at->format('d M Y') }}
                                                <span class="font-monospace">{{ $encounter->started_at->format('H:i') }}</span>
                                            </td>

                                            <td data-label="{{ __('consultations::messages.encounters.duration') }}">
                                                <span class="px-chip">
                                                    <i class="bi bi-clock" aria-hidden="true"></i>
                                                    {{ $encounter->durationMinutes() }}{{ __('consultations::messages.encounters.minutes_short') }}
                                                </span>
                                            </td>

                                            <td data-label="{{ __('consultations::messages.encounters.diagnosis') }}" class="small">
                                                @if ($primary !== null)
                                                    <span class="d-block text-truncate" style="max-width: 14rem;"
                                                          title="{{ $primary->name }}">{{ $primary->name }}</span>
                                                @elseif ($encounter->diagnoses_count > 0)
                                                    <span class="text-body-secondary">
                                                        {{ trans_choice('consultations::messages.encounters.diagnoses_count', $encounter->diagnoses_count, ['count' => $encounter->diagnoses_count]) }}
                                                    </span>
                                                @else
                                                    <span class="text-body-secondary">—</span>
                                                @endif
                                            </td>

                                            <td data-label="{{ __('consultations::messages.encounters.disposition') }}">
                                                @if ($encounter->disposition)
                                                    <span class="px-pill px-pill--blue">{{ $encounter->disposition->label() }}</span>
                                                @else
                                                    <span class="text-body-secondary small">—</span>
                                                @endif
                                            </td>

                                            <td data-label="{{ __('common.status') }}">
                                                <span class="px-pill {{ $statusPill($encounter->status) }}">
                                                    <span class="px-dot" aria-hidden="true"></span>
                                                    {{ $encounter->status->label() }}
                                                </span>
                                            </td>

                                            <td data-label="{{ __('common.actions') }}" class="text-end">
                                                <div class="dropdown d-inline-block">
                                                    <button type="button" class="px-action" data-bs-toggle="dropdown"
                                                            aria-expanded="false"
                                                            aria-label="{{ __('consultations::messages.encounters.actions_for', ['reference' => $encounter->reference]) }}">
                                                        <i class="bi bi-three-dots-vertical" aria-hidden="true"></i>
                                                    </button>

                                                    <ul class="dropdown-menu dropdown-menu-end shadow-sm">
                                                        <li>
                                                            <a class="dropdown-item d-flex align-items-center gap-2"
                                                               href="{{ route('encounters.show', $encounter) }}">
                                                                <i class="bi {{ $encounter->status === EncounterStatus::Open ? 'bi-play-circle' : 'bi-eye' }}"
                                                                   aria-hidden="true"></i>
                                                                {{ $encounter->status === EncounterStatus::Open
                                                                    ? __('consultations::messages.encounters.continue')
                                                                    : __('consultations::messages.encounters.view') }}
                                                            </a>
                                                        </li>

                                                        @if ($patient !== null && Route::has('patients.show'))
                                                            <li>
                                                                <a class="dropdown-item d-flex align-items-center gap-2"
                                                                   href="{{ route('patients.show', $patient->ulid) }}">
                                                                    <i class="bi bi-person-vcard" aria-hidden="true"></i>
                                                                    {{ __('consultations::messages.encounters.patient_record') }}
                                                                </a>
                                                            </li>
                                                        @endif
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        @if ($encounters->hasPages())
                            <div class="px-pagination d-flex justify-content-center justify-content-md-end px-3 px-md-4 py-3 border-top"
                                 style="border-color: var(--px-border) !important;">
                                {{ $encounters->links() }}
                            </div>
                        @endif
                    @endif
                </div>
            </div>

            {{-- ── Context ────────────────────────────────────────────────── --}}
            <aside class="px-aside" aria-label="{{ __('consultations::messages.encounters.context') }}">
                <div class="px-aside__card">
                    <p class="px-aside__title">
                        {{ $isToday
                            ? __('consultations::messages.encounters.todays_summary')
                            : __('consultations::messages.encounters.day_summary') }}
                    </p>

                    @foreach ($cards as $card)
                        <div class="px-stat">
                            <span class="px-stat__label">{{ $card['label'] }}</span>
                            <span class="px-stat__value">
                                {{ number_format($summary['tally'][$card['key']]) }}{{ $card['suffix'] }}
                            </span>
                        </div>
                    @endforeach
                </div>

                @php
                    // Drawn from the rows already on the page — no extra queries.
                    $recent = $encounters->getCollection()->sortByDesc('started_at')->take(5);
                @endphp

                @if ($recent->isNotEmpty())
                    <div class="px-aside__card">
                        <p class="px-aside__title">{{ __('consultations::messages.encounters.recent') }}</p>

                        <ul class="px-timeline">
                            @foreach ($recent as $item)
                                <li>
                                    <a href="{{ route('encounters.show', $item) }}" class="text-body text-decoration-none fw-medium">
                                        {{ $participants['patients'][$item->patient_id]?->name ?? __('consultations::messages.encounters.unknown_patient') }}
                                    </a>
                                    <span class="px-timeline__when">
                                        {{ $item->started_at->diffForHumans() }} · {{ $item->status->label() }}
                                    </span>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="px-aside__card">
                    <p class="px-aside__title">{{ __('common.quick_actions') }}</p>

                    <div class="px-quick">
                        @if (Route::has('patients.index'))
                            <a class="px-quick__item" href="{{ route('patients.index') }}">
                                <i class="bi bi-people" aria-hidden="true"></i>
                                {{ __('common.patients') }}
                            </a>
                        @endif

                        @if (Route::has('appointments.index'))
                            <a class="px-quick__item" href="{{ route('appointments.index') }}">
                                <i class="bi bi-calendar-check" aria-hidden="true"></i>
                                {{ __('common.appointments') }}
                            </a>
                        @endif

                        {{-- These three live behind their own licensed modules,
                             so the link only exists when the module is loaded. --}}
                        @if (Route::has('prescriptions.index'))
                            <a class="px-quick__item" href="{{ route('prescriptions.index') }}">
                                <i class="bi bi-capsule" aria-hidden="true"></i>
                                {{ __('common.prescriptions') }}
                            </a>
                        @endif

                        @if (Route::has('orders.index'))
                            <a class="px-quick__item" href="{{ route('orders.index') }}">
                                <i class="bi bi-clipboard2-data" aria-hidden="true"></i>
                                {{ __('common.laboratory') }}
                            </a>
                        @endif

                        @if (Route::has('invoices.index'))
                            <a class="px-quick__item" href="{{ route('invoices.index') }}">
                                <i class="bi bi-receipt" aria-hidden="true"></i>
                                {{ __('common.billing') }}
                            </a>
                        @endif

                        <a class="px-quick__item"
                           href="{{ route('encounters.index', ['status' => EncounterStatus::Open->value]) }}">
                            <i class="bi bi-folder2-open" aria-hidden="true"></i>
                            {{ __('consultations::messages.encounters.card_open') }}
                        </a>
                    </div>
                </div>
            </aside>
        </div>
    </x-results>
@endsection