@extends('layouts.app')

@section('title', __('laboratory::messages.catalogue.title'))

@php
    use App\Modules\Laboratory\Enums\TestCategory;
    use App\Modules\Laboratory\Models\LabTest;

    /*
     | A colour per discipline, so the eye can group a long table without
     | reading it. Fixed per category rather than assigned in order, because a
     | filter that reorders the page must not repaint haematology green.
     |
     | Every badge carries its name as well as its colour — about one man in
     | twelve has a colour vision deficiency, and this is a clinical screen.
     */
    $groupPill = static fn (TestCategory $category): string => match ($category) {
        TestCategory::Haematology => 'px-pill--pink',
        TestCategory::Chemistry => 'px-pill--blue',
        TestCategory::Microbiology => 'px-pill--amber',
        TestCategory::Serology => 'px-pill--violet',
        TestCategory::Urinalysis => 'px-pill--green',
        TestCategory::Histopathology => 'px-pill--red',
        TestCategory::Other => 'px-pill--grey',
    };

    $cards = [
        [
            'label' => __('laboratory::messages.catalogue.card_total'),
            'value' => $summary['total'],
            'icon' => 'bi-clipboard2-pulse-fill',
            'tone' => 'violet',
            'note' => $summary['added_this_month'] > 0
                ? trans_choice('laboratory::messages.catalogue.card_added', $summary['added_this_month'], ['count' => $summary['added_this_month']])
                : __('laboratory::messages.catalogue.card_added_none'),
        ],
        [
            'label' => __('laboratory::messages.catalogue.card_groups'),
            'value' => $summary['groups'],
            'icon' => 'bi-folder-fill',
            'tone' => 'green',
            'note' => __('laboratory::messages.catalogue.card_groups_note'),
        ],
        [
            'label' => __('laboratory::messages.catalogue.card_panels'),
            'value' => $summary['panels'],
            'icon' => 'bi-grid-3x3-gap-fill',
            'tone' => 'blue',
            'note' => __('laboratory::messages.catalogue.card_panels_note'),
        ],
        [
            'label' => __('laboratory::messages.catalogue.card_in_use'),
            'value' => $summary['in_use'],
            'icon' => 'bi-star-fill',
            'tone' => 'amber',
            'note' => __('laboratory::messages.catalogue.card_in_use_note'),
        ],
    ];

    $hasFilters = collect($filters)->filter(fn ($value): bool => $value !== '')->isNotEmpty();
    $canAdd = auth()->user()?->can('create', LabTest::class) ?? false;
@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 d-flex align-items-center gap-2">
                <span class="px-method-icon"><i class="bi bi-clipboard2-pulse" aria-hidden="true"></i></span>
                {{ __('laboratory::messages.catalogue.title') }}
            </h1>
            <p class="px-subtitle">{{ __('laboratory::messages.catalogue.subtitle') }}</p>
        </div>

        <div class="d-flex flex-wrap gap-2">
            <a href="{{ route('lab.catalogue.microbiology') }}" class="btn px-btn-ghost d-inline-flex align-items-center gap-2">
                <i class="bi bi-bug" aria-hidden="true"></i>
                {{ __('laboratory::messages.catalogue.microbiology') }}
            </a>

            @if ($canAdd)
                {{-- Scrolls to the form rather than opening a modal: on a wide
                     screen the form is already beside the table, and a modal
                     over it would hide the list somebody is working from. --}}
                <a href="#add-test" class="btn px-btn-primary d-inline-flex align-items-center gap-2">
                    <i class="bi bi-plus-lg" aria-hidden="true"></i>
                    {{ __('laboratory::messages.catalogue.add_test') }}
                </a>
            @endif
        </div>
    </div>

    {{--
        Said once, prominently, on the screen where it matters. The failure mode
        — trusting a shipped range against a different analyser — is silent, and
        a silent failure needs a loud warning.
    --}}
    <div class="px-advice px-advice--caution mb-4">
        <i class="bi bi-exclamation-triangle-fill" aria-hidden="true"></i>
        <div>{{ __('laboratory::messages.catalogue.seeded_warning') }}</div>
    </div>

    {{-- ── Summary ────────────────────────────────────────────────────────── --}}
    <div class="px-metrics mb-4">
        @foreach ($cards as $card)
            <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($card['value']) }}</p>
                    <p class="px-metric__trend">{{ $card['note'] }}</p>
                </div>
            </div>
        @endforeach
    </div>

    <div class="px-layout">
        <div class="min-w-0">
            {{-- ── Filters ────────────────────────────────────────────────── --}}
            {{-- Outside the swapped region: that region is replaced wholesale on
                 every filter change, which would destroy the field being typed
                 into. --}}
            <div class="px-panel p-3 p-md-4 mb-4">
                <form method="GET" action="{{ route('lab.catalogue.index') }}" data-clinic-filter
                      class="row g-3 align-items-end">
                    <div class="col-12 col-md-5">
                        <label for="search" class="px-field-label">{{ __('common.search') }}</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"
                                   value="{{ $filters['search'] }}"
                                   placeholder="{{ __('laboratory::messages.catalogue.search_placeholder') }}">
                        </div>
                    </div>

                    <div class="col-6 col-md-3">
                        <label for="category" class="px-field-label">{{ __('laboratory::messages.catalogue.category') }}</label>
                        <select id="category" name="category" class="form-select px-select">
                            <option value="">{{ __('laboratory::messages.catalogue.all_groups') }}</option>
                            @foreach ($categories as $value => $label)
                                <option value="{{ $value }}" @selected($filters['category'] === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-6 col-md-2">
                        <label for="kind" class="px-field-label">{{ __('laboratory::messages.catalogue.kind') }}</label>
                        <select id="kind" name="kind" class="form-select px-select">
                            <option value="">{{ __('laboratory::messages.catalogue.all_types') }}</option>
                            <option value="analyte" @selected($filters['kind'] === 'analyte')>{{ __('laboratory::messages.kind.analyte') }}</option>
                            <option value="panel" @selected($filters['kind'] === 'panel')>{{ __('laboratory::messages.kind.panel') }}</option>
                        </select>
                    </div>

                    <div class="col-12 col-md-2 d-flex gap-2">
                        <button type="submit" class="btn px-btn-primary flex-grow-1">
                            {{ __('common.filter') }}
                        </button>

                        @if ($hasFilters)
                            <a href="{{ route('lab.catalogue.index') }}" class="btn px-btn-ghost">
                                <i class="bi bi-arrow-counterclockwise" aria-hidden="true"></i>
                                <span class="visually-hidden">{{ __('common.reset') }}</span>
                            </a>
                        @endif
                    </div>
                </form>
            </div>

            {{-- ── Tests ──────────────────────────────────────────────────── --}}
            <x-results>
                <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">
                                {{ __('laboratory::messages.catalogue.list_title', ['count' => number_format($tests->total())]) }}
                            </p>
                            @if ($tests->total() > 0)
                                <p class="mb-0 small text-body-secondary">
                                    {{ __('laboratory::messages.catalogue.showing', [
                                        'from' => number_format($tests->firstItem() ?? 0),
                                        'to' => number_format($tests->lastItem() ?? 0),
                                        'total' => number_format($tests->total()),
                                    ]) }}
                                </p>
                            @endif
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class="px-table table align-middle mb-0">
                            <thead>
                                <tr>
                                    <th scope="col">{{ __('laboratory::messages.catalogue.code') }}</th>
                                    <th scope="col">{{ __('laboratory::messages.catalogue.name') }}</th>
                                    <th scope="col">{{ __('laboratory::messages.catalogue.category') }}</th>
                                    <th scope="col">{{ __('laboratory::messages.catalogue.unit') }}</th>
                                    <th scope="col">{{ __('laboratory::messages.catalogue.ranges') }}</th>
                                    <th scope="col">{{ __('laboratory::messages.catalogue.kind') }}</th>
                                    <th scope="col">{{ __('common.status') }}</th>
                                    <th scope="col" class="text-end">{{ __('common.actions') }}</th>
                                </tr>
                            </thead>

                            <tbody>
                                @forelse ($tests as $test)
                                    <tr>
                                        <td class="font-monospace small text-body-secondary">{{ $test->code }}</td>

                                        <td>
                                            <a href="{{ route('lab.catalogue.tests.show', $test) }}" class="fw-medium">
                                                {{ $test->name }}
                                            </a>
                                            @if ($test->short_name)
                                                <span class="px-hint d-block">{{ $test->short_name }}</span>
                                            @endif
                                        </td>

                                        <td>
                                            <span class="px-pill {{ $groupPill($test->category) }}">
                                                {{ $test->category->label() }}
                                            </span>
                                        </td>

                                        <td class="small">{{ $test->unit ?: '—' }}</td>

                                        <td class="small">
                                            @if ($test->isPanel())
                                                —
                                            @elseif ($test->reference_ranges_count === 0)
                                                {{-- A test with no range produces unflagged
                                                     results, and an unflagged result is one a
                                                     tired clinician skims past. --}}
                                                <span class="text-danger">{{ __('laboratory::messages.catalogue.no_ranges') }}</span>
                                            @else
                                                {{ trans_choice('laboratory::messages.catalogue.ranges_count', $test->reference_ranges_count, ['count' => $test->reference_ranges_count]) }}
                                            @endif
                                        </td>

                                        <td>
                                            <span class="px-pill {{ $test->isPanel() ? 'px-pill--amber' : 'px-pill--grey' }}">
                                                {{ $test->isPanel() ? __('laboratory::messages.kind.panel') : __('laboratory::messages.kind.analyte') }}
                                            </span>
                                        </td>

                                        <td>
                                            {{-- "Available to order", not "enabled". The word on
                                                 the screen is the decision the Super Admin makes. --}}
                                            <span class="px-pill {{ $test->is_active ? 'px-pill--green' : 'px-pill--grey' }}">
                                                {{ $test->is_active
                                                    ? __('laboratory::messages.catalogue.available')
                                                    : __('laboratory::messages.catalogue.withdrawn') }}
                                            </span>
                                        </td>

                                        <td class="text-end text-nowrap">
                                            <a href="{{ route('lab.catalogue.tests.show', $test) }}"
                                               class="btn btn-sm px-btn-ghost"
                                               title="{{ __('common.edit') }}"
                                               aria-label="{{ __('laboratory::messages.catalogue.edit_test', ['name' => $test->name]) }}">
                                                <i class="bi bi-pencil" aria-hidden="true"></i>
                                            </a>

                                            {{-- Deciding a test may be ordered is the Super
                                                 Admin's alone — see LabTestPolicy::activate. No
                                                 delete: a test that has ever been reported is
                                                 evidence, so it is withdrawn instead. --}}
                                            @can('activate', $test)
                                                <form method="POST" class="d-inline"
                                                      action="{{ route('lab.catalogue.tests.availability', $test) }}">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button type="submit" class="btn btn-sm px-btn-ghost"
                                                            title="{{ $test->is_active ? __('laboratory::messages.catalogue.withdraw') : __('laboratory::messages.catalogue.activate') }}">
                                                        <i class="bi {{ $test->is_active ? 'bi-toggle-on text-success' : 'bi-toggle-off' }}"
                                                           aria-hidden="true"></i>
                                                    </button>
                                                </form>
                                            @endcan
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="8" class="p-4">
                                            <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 5h9M9 12h9M9 19h9M4 5l1 1 2-2M4 12l1 1 2-2M4 19l1 1 2-2" />
                                                    </svg>
                                                </div>

                                                <p class="px-empty__title">
                                                    {{ $hasFilters
                                                        ? __('laboratory::messages.catalogue.empty_filtered')
                                                        : __('laboratory::messages.catalogue.empty') }}
                                                </p>
                                                <p class="px-empty__text mb-0">
                                                    {{ $hasFilters
                                                        ? __('laboratory::messages.catalogue.empty_filtered_text')
                                                        : __('laboratory::messages.catalogue.empty_text') }}
                                                </p>
                                            </div>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    @if ($tests->hasPages())
                        <div class="px-3 px-md-4 py-3 border-top" style="border-color: var(--px-border) !important;">
                            {{ $tests->links() }}
                        </div>
                    @endif
                </div>
            </x-results>
        </div>

        {{-- ── Add a test ─────────────────────────────────────────────────── --}}
        @if ($canAdd)
            <aside class="px-aside" id="add-test">
                <div class="px-aside__card">
                    <h2 class="px-aside__title">{{ __('laboratory::messages.catalogue.add_test') }}</h2>
                    <p class="px-hint mt-0">{{ __('laboratory::messages.catalogue.add_test_hint') }}</p>

                    <form method="POST" action="{{ route('lab.catalogue.tests.store') }}">
                        @csrf

                        <x-form.input name="code" :label="__('laboratory::messages.catalogue.code')"
                                      placeholder="LEG-1234" required />
                        <x-form.input name="name" :label="__('laboratory::messages.catalogue.name')"
                                      placeholder="{{ __('laboratory::messages.catalogue.name_placeholder') }}" required />
                        <x-form.input name="short_name" :label="__('laboratory::messages.catalogue.short_name')"
                                      placeholder="CBC" />

                        <div class="row g-2">
                            <div class="col-6">
                                <x-form.select name="kind" :label="__('laboratory::messages.catalogue.kind')"
                                               :options="['analyte' => __('laboratory::messages.kind.analyte'), 'panel' => __('laboratory::messages.kind.panel')]"
                                               required />
                            </div>
                            <div class="col-6">
                                <x-form.select name="category" :label="__('laboratory::messages.catalogue.category')"
                                               :options="$categories" required />
                            </div>
                            <div class="col-6">
                                <x-form.select name="result_type" :label="__('laboratory::messages.catalogue.result_type')"
                                               :options="$resultTypes" required />
                            </div>
                            <div class="col-6">
                                <x-form.input name="unit" :label="__('laboratory::messages.catalogue.unit')"
                                              placeholder="g/dL" />
                            </div>
                        </div>

                        <x-form.input name="specimen_type" :label="__('laboratory::messages.catalogue.specimen_type')" />
                        <x-form.input name="decimal_places" type="number" min="0" max="4" value="1"
                                      :label="__('laboratory::messages.catalogue.decimal_places')" />

                        <x-form.input name="price" :label="__('laboratory::messages.catalogue.price', ['currency' => $currency])"
                                      :help="__('laboratory::messages.catalogue.price_hint')" />

                        <x-form.input name="billing_code" :label="__('laboratory::messages.catalogue.billing_code')"
                                      :help="__('laboratory::messages.catalogue.billing_code_hint')" />

                        {{--
                            No "available to order" switch here, deliberately.

                            Reference ranges are added after the test exists, and
                            a test cannot be offered until it has them — so a
                            switch on this form would either be a lie or would
                            let an unusable test onto the menu. Availability is
                            granted on the test's own page, by the Super Admin,
                            once it is ready.
                        --}}
                        <div class="px-advice px-advice--info mb-3">
                            <i class="bi bi-info-circle-fill" aria-hidden="true"></i>
                            <div>{{ __('laboratory::messages.catalogue.availability_note') }}</div>
                        </div>

                        <div class="d-flex gap-2">
                            <button type="reset" class="btn px-btn-ghost">{{ __('common.clear') }}</button>
                            <button type="submit" class="btn px-btn-primary flex-grow-1">
                                <i class="bi bi-save me-1" aria-hidden="true"></i>
                                {{ __('laboratory::messages.catalogue.save_test') }}
                            </button>
                        </div>
                    </form>
                </div>
            </aside>
        @endif

        {{-- What those tests are drawn into. Beside the catalogue because it is
             part of it, and behind the same grant. --}}
        @include('laboratory::catalogue.partials.containers')
    </div>
@endsection