@extends('layouts.app')

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

@php
    use App\Modules\Laboratory\Models\LabTest;
    use App\Support\Money\Money;

    $grouped = $tests->groupBy(fn (LabTest $test): string => $test->category->value);
    $selected = array_map(intval(...), (array) $selected);

    /*
     | The basket totals in the browser, so it needs the two things PHP knows
     | about this currency and JavaScript does not: how many decimal places it
     | has, and how the clinic writes it. Sending a worked example rather than a
     | format string keeps Money the only place that decides either.
     */
    $zero = Money::fromMinor(0, $currency);
    $exponent = strlen(substr(strrchr($zero->toMajor(), '.') ?: '', 1));
@endphp

@section('content')
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div>
            <h1 class="h4 mb-1">{{ __('laboratory::messages.wizard.step_tests_heading') }}</h1>
            <p class="px-hint mt-0 mb-0">{{ __('laboratory::messages.wizard.step_tests_hint') }}</p>
        </div>

        <a href="{{ route('lab.orders.index') }}" class="btn btn-sm px-btn-ghost">
            <i class="bi bi-x-lg me-1" aria-hidden="true"></i>
            {{ __('common.cancel') }}
        </a>
    </div>

    @include('laboratory::wizard.partials.steps', ['current' => 'tests'])

    @if (session('status'))
        <x-alert type="success" :message="session('status')" />
    @endif

    @if ($errors->any())
        <x-alert type="danger" :message="$errors->first()" />
    @endif

    {{-- Who this is for, on the screen where the clinical choice is made. --}}
    <div class="px-panel p-3 mb-3 d-flex flex-wrap align-items-center gap-3">
        <span class="px-method-icon"><i class="bi bi-person-fill" aria-hidden="true"></i></span>
        <div class="flex-grow-1">
            <div class="fw-semibold">{{ $patient->name }}</div>
            <span class="px-hint">{{ $patient->mrn }} · {{ $patient->ageLabel }}</span>
        </div>

        @if ($patient->activeAllergyCount > 0)
            <span class="px-pill px-pill--amber">
                <i class="bi bi-exclamation-triangle-fill me-1" aria-hidden="true"></i>
                {{ trans_choice('laboratory::messages.wizard.allergies', $patient->activeAllergyCount, ['count' => $patient->activeAllergyCount]) }}
            </span>
        @endif

        <a href="{{ route('lab.new-test.patient') }}" class="btn btn-sm px-btn-ghost">
            {{ __('laboratory::messages.wizard.change_patient') }}
        </a>
    </div>

    @if ($tests->isEmpty())
        {{-- The state most clinics meet first: a catalogue is loaded but nothing
             in it has been made available yet. Says which, and who can change
             it, rather than showing an empty list. --}}
        <div class="px-panel 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="M5 4h11l3 3v13H5z" /><path d="M9 11l6 6M15 11l-6 6" />
                    </svg>
                </div>

                <p class="px-empty__title">{{ __('laboratory::messages.orders.no_tests_available') }}</p>
                <p class="px-empty__text mb-0">{{ __('laboratory::messages.orders.no_tests_available_text') }}</p>
            </div>
        </div>
    @else
        {{--
            Filtering is done by the bundled app.js through these data
            attributes — never by an inline <script>, which the
            Content-Security-Policy refuses.

            Without it the form still works: every available test is on the page
            and can be ticked. Only the narrowing is lost.
        --}}
        <form method="POST" action="{{ route('lab.new-test.tests.store') }}"
              data-lab-test-filter
              data-currency="{{ $currency }}"
              data-exponent="{{ $exponent }}"
              data-zero="{{ $zero->format() }}"
              data-strings="{{ json_encode(__('laboratory::messages.wizard.basket'), JSON_THROW_ON_ERROR) }}">
            @csrf

            {{--
                Two columns: the catalogue on the left, what has been picked on
                the right. A clinic ticking twelve tests down a long list could
                not previously see what they had chosen without scrolling back
                through it, and could not see what it came to at all until the
                step after.
            --}}
            <div class="px-layout">
            <div class="px-panel p-4 min-w-0">
                <div class="row g-2 align-items-end mb-3">
                    <div class="col-12 col-md-6">
                        <label for="wizard-test-filter" class="px-field-label">
                            {{ __('laboratory::messages.wizard.find_test') }}
                        </label>
                        <input type="search" class="form-control px-input" id="wizard-test-filter"
                               data-lab-test-search
                               autocomplete="off"
                               placeholder="{{ __('laboratory::messages.wizard.find_test_placeholder') }}">
                    </div>

                    <div class="col-12 col-md-4">
                        <label for="wizard-test-category" class="px-field-label">
                            {{ __('laboratory::messages.orders.category') }}
                        </label>
                        <select class="form-select px-select" id="wizard-test-category" data-lab-test-category>
                            <option value="">{{ __('laboratory::messages.wizard.all_categories') }}</option>
                            @foreach ($categories as $category)
                                @if ($grouped->has($category->value))
                                    <option value="{{ $category->value }}">{{ $category->label() }}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12 col-md-2 text-md-end">
                        <span class="px-chip" data-lab-test-count
                              data-template="{{ __('laboratory::messages.wizard.selected_count', ['count' => ':count']) }}">
                            {{ __('laboratory::messages.wizard.selected_count', ['count' => count($selected)]) }}
                        </span>
                    </div>
                </div>

                @foreach ($categories as $category)
                    @continue (! $grouped->has($category->value))

                    <section class="mb-4" data-lab-test-group="{{ $category->value }}">
                        <h2 class="h6 px-field-label mb-2">{{ $category->label() }}</h2>

                        <div class="row g-2">
                            @foreach ($grouped->get($category->value) as $test)
                                @php($minor = $prices[$test->id] ?? null)

                                {{-- The basket is built from these attributes, so
                                     it never has to guess a price or a name. --}}
                                <div class="col-12 col-xl-6"
                                     data-lab-test-row
                                     data-test-name="{{ $test->name }}"
                                     data-price-minor="{{ $minor ?? '' }}"
                                     data-name="{{ mb_strtolower($test->name.' '.$test->code.' '.($test->short_name ?? '')) }}">
                                    <label class="px-choice">
                                        <input type="checkbox" name="tests[]" value="{{ $test->id }}"
                                               @checked(in_array($test->id, $selected, true))>
                                        <span class="px-choice__body d-block">
                                            <span class="px-choice__title d-block">{{ $test->name }}</span>
                                            <span class="px-hint d-block">
                                                {{ $test->code }}@if ($test->unit) · {{ $test->unit }} @endif
                                                @if ($test->specimen_type) · {{ $test->specimen_type }} @endif
                                            </span>
                                        </span>

                                        {{-- Priced on the card as well as in the
                                             basket: the cost is part of choosing,
                                             not only of reviewing. --}}
                                        <span class="px-choice__price">
                                            @if ($minor === null)
                                                <span class="px-hint">{{ __('laboratory::messages.wizard.not_priced') }}</span>
                                            @else
                                                {{ Money::fromMinor($minor, $currency)->format() }}
                                            @endif
                                        </span>
                                    </label>
                                </div>
                            @endforeach
                        </div>
                    </section>
                @endforeach

                {{-- Hidden with the framework's own utility class rather than
                     the `hidden` attribute, so the script toggles one thing. --}}
                <p class="px-hint d-none" data-lab-test-empty>
                    {{ __('laboratory::messages.wizard.no_tests_match') }}
                </p>
            </div>

            {{-- ── What has been chosen ───────────────────────────────────── --}}
            <aside class="px-aside" aria-label="{{ __('laboratory::messages.wizard.basket.title') }}">
                <div class="px-aside__card">
                    <p class="px-aside__title">{{ __('laboratory::messages.wizard.basket.title') }}</p>

                    {{--
                        Filled by the bundled app.js from the attributes on each
                        test row. Rendered server-side first so a page reloaded
                        with tests already in the draft — a validation bounce, a
                        back button — shows them before any script runs.
                    --}}
                    <div data-lab-basket>
                        @forelse ($tests->whereIn('id', $selected) as $test)
                            @php($minor = $prices[$test->id] ?? null)

                            <div class="px-stat">
                                <span class="px-stat__label text-truncate">{{ $test->name }}</span>
                                <span class="px-stat__value">
                                    @if ($minor === null)
                                        <span class="px-hint">{{ __('laboratory::messages.wizard.not_priced') }}</span>
                                    @else
                                        {{ Money::fromMinor($minor, $currency)->format() }}
                                    @endif
                                </span>
                            </div>
                        @empty
                            <p class="px-hint mb-0" data-lab-basket-empty>
                                {{ __('laboratory::messages.wizard.basket.empty') }}
                            </p>
                        @endforelse
                    </div>

                    {{-- The total covers the lines that carry a price, and says
                         so when some do not — an order quoted short is worse
                         than one quoted as incomplete. --}}
                    <div class="px-lab-total" data-lab-basket-total-row @if ($selected === []) hidden @endif>
                        <span>{{ __('laboratory::messages.wizard.total') }}</span>
                        <strong data-lab-basket-total>
                            {{ Money::fromMinor(
                                collect($selected)->sum(fn (int $id): int => $prices[$id] ?? 0),
                                $currency,
                            )->format() }}
                        </strong>
                    </div>

                    <p class="px-hint mt-2 mb-0" data-lab-basket-unpriced hidden></p>

                    <div class="d-grid gap-2 mt-3">
                        <button type="submit" class="btn px-btn-primary" data-lab-basket-continue
                                @disabled($selected === [])>
                            {{ __('laboratory::messages.wizard.continue') }}
                            <i class="bi bi-arrow-right ms-1" aria-hidden="true"></i>
                        </button>

                        <a href="{{ route('lab.new-test.patient') }}" class="btn px-btn-ghost">
                            {{ __('laboratory::messages.wizard.back') }}
                        </a>
                    </div>
                </div>
            </aside>
            </div>
        </form>
    @endif
@endsection