@extends('layouts.app')

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

@section('content')
    <div class="mb-4">
        <h1 class="px-title">{{ __('laboratory::messages.cultures.title') }}</h1>
        <p class="px-subtitle">{{ $result->item?->test_name }}</p>
    </div>

    @if ($result->isVerified())
        <div class="px-advice px-advice--info d-flex align-items-start gap-2 mb-3">
            <i class="bi bi-lock px-advice__icon" aria-hidden="true"></i>
            <span class="min-w-0">{{ __('laboratory::messages.cultures.verified_locked') }}</span>
        </div>
    @endif

    <div class="row g-3">
        <div class="col-lg-5">
            <x-px.panel :title="__('laboratory::messages.cultures.grown')" icon="bi-bug" heading="title">
                @if ($result->isolates->isEmpty())
                    {{-- No growth is the commonest culture result, so the empty
                         state says what it means rather than looking broken. --}}
                    <p class="px-hint mb-0">{{ __('laboratory::messages.cultures.nothing_yet') }}</p>
                @else
                    @foreach ($result->isolates as $isolate)
                        <div class="px-note mb-2">
                            <div class="d-flex justify-content-between align-items-start">
                                <div>
                                    <strong>{{ $isolate->organism_name }}</strong>
                                    @if ($isolate->colony_count)
                                        <div class="px-hint">{{ $isolate->colony_count }}</div>
                                    @endif
                                </div>

                                @unless ($result->isVerified())
                                    <form method="POST"
                                          action="{{ route('lab.cultures.destroy', [$result, $isolate]) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm px-btn-danger-ghost">
                                            {{ __('laboratory::messages.cultures.remove') }}
                                        </button>
                                    </form>
                                @endunless
                            </div>

                            @if ($isolate->sensitivities->isNotEmpty())
                                <div class="table-responsive mt-2">
                                    <table class="px-table mb-1">
                                        <tbody>
                                            @foreach ($isolate->sensitivities as $s)
                                                <tr>
                                                    <td>{{ $s->antibiotic_name }}</td>
                                                    <td class="text-end">
                                                        {{-- S / I / R. The letter carries the meaning on its
                                                             own, so the colour is reinforcement rather than
                                                             the only way to read the antibiogram. --}}
                                                        <span @class([
                                                            'px-pill',
                                                            'px-pill--green' => $s->sensitivity === \App\Modules\Laboratory\Enums\Sensitivity::Sensitive,
                                                            'px-pill--amber' => $s->sensitivity === \App\Modules\Laboratory\Enums\Sensitivity::Intermediate,
                                                            'px-pill--red' => $s->sensitivity === \App\Modules\Laboratory\Enums\Sensitivity::Resistant,
                                                        ])>{{ $s->sensitivity->letter() }}</span>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif

                            @if ($isolate->note)
                                <div class="px-hint">{{ $isolate->note }}</div>
                            @endif
                        </div>
                    @endforeach

                    <p class="px-hint mb-0">{{ __('laboratory::messages.cultures.key') }}</p>
                @endif
            </x-px.panel>
        </div>

        @unless ($result->isVerified())
            <div class="col-lg-7">
                {{-- One organism per submission. A single form that grows rows
                     as you click leaves a half-finished culture at the mercy of
                     a closed tab; this saves each organism as it is finished. --}}
                <form method="POST" action="{{ route('lab.cultures.store', $result) }}">
                    @csrf

                    <x-px.panel :title="__('laboratory::messages.cultures.record')" icon="bi-clipboard2-pulse"
                                heading="title">
                        <p class="px-hint">{{ __('laboratory::messages.cultures.no_growth_hint') }}</p>

                        <div class="row g-3">
                            <div class="col-sm-7 mb-2">
                                <label for="organism_id" class="px-field-label">
                                    {{ __('laboratory::messages.cultures.organism') }}
                                </label>
                                <select id="organism_id" name="organism_id"
                                        class="form-select px-select @error('organism_id') is-invalid @enderror">
                                    <option value="">—</option>
                                    @foreach ($organisms as $organism)
                                        <option value="{{ $organism->id }}"
                                            @selected(old('organism_id') == $organism->id)>{{ $organism->name }}</option>
                                    @endforeach
                                </select>
                                @error('organism_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            <div class="col-sm-5 mb-2">
                                <label for="colony_count" class="px-field-label">
                                    {{ __('laboratory::messages.cultures.colony_count') }}
                                </label>
                                <input type="text" id="colony_count" name="colony_count"
                                       value="{{ old('colony_count') }}"
                                       class="form-control px-input @error('colony_count') is-invalid @enderror">
                                <div class="px-hint">{{ __('laboratory::messages.cultures.colony_count_hint') }}</div>
                                @error('colony_count')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>

                        {{-- Free text as well as the list: refusing to record an
                             organism the catalogue has not met yet would be the
                             wrong way round. --}}
                        <div class="mb-3">
                            <label for="organism" class="px-field-label">
                                {{ __('laboratory::messages.cultures.organism_other') }}
                            </label>
                            <input type="text" id="organism" name="organism" required
                                   value="{{ old('organism') }}"
                                   class="form-control px-input @error('organism') is-invalid @enderror">
                            @error('organism')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="mb-3">
                            <label for="note" class="px-field-label">{{ __('laboratory::messages.cultures.note') }}</label>
                            <input type="text" id="note" name="note" value="{{ old('note') }}"
                                   class="form-control px-input @error('note') is-invalid @enderror">
                            @error('note')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <hr>

                        <h3 class="h6">{{ __('laboratory::messages.cultures.antibiotics') }}</h3>
                        <p class="px-hint">{{ __('laboratory::messages.cultures.antibiotics_hint') }}</p>

                        @if ($antibiotics->isEmpty())
                            <p class="px-hint mb-0">—</p>
                        @else
                            <div class="table-responsive" style="max-height: 26rem; overflow-y: auto;">
                                <table class="px-table">
                                    <tbody>
                                        @foreach ($antibiotics as $drug)
                                            <tr>
                                                <td class="w-50">{{ $drug->name }}</td>
                                                <td>
                                                    <select name="sensitivity[{{ $drug->id }}]"
                                                            class="form-select form-select-sm px-select">
                                                        <option value="">{{ __('laboratory::messages.cultures.untested') }}</option>
                                                        @foreach (\App\Modules\Laboratory\Enums\Sensitivity::cases() as $case)
                                                            <option value="{{ $case->value }}"
                                                                @selected(old('sensitivity.'.$drug->id) === $case->value)>
                                                                {{ $case->letter() }} — {{ $case->label() }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </x-px.panel>

                    <div class="mt-3">
                        <button type="submit" class="btn px-btn-primary">
                            {{ __('laboratory::messages.cultures.add') }}
                        </button>
                        <a href="{{ route('lab.orders.show', $result->item->lab_order_id) }}"
                           class="btn px-btn-ghost">{{ __('common.back') }}</a>
                    </div>
                </form>
            </div>
        @endunless
    </div>
@endsection