@extends('layouts.app')

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

@section('content')
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div class="min-w-0">
            <h1 class="px-title">{{ __('laboratory::messages.microbiology.title') }}</h1>
            <p class="px-subtitle">{{ __('laboratory::messages.microbiology.subtitle') }}</p>
        </div>

        {{-- This screen is reached from the catalogue and is not in the
             sidebar, so it carries its own way back. --}}
        <a href="{{ route('lab.catalogue.index') }}" class="btn btn-sm px-btn-ghost">
            <i class="bi bi-arrow-left rtl-flip" aria-hidden="true"></i>
            {{ __('laboratory::messages.catalogue.title') }}
        </a>
    </div>

    <div class="row g-3">
        @foreach ([
            ['entries' => $organisms, 'kind' => 'organisms', 'store' => 'lab.catalogue.organisms.store', 'update' => 'lab.catalogue.organisms.update'],
            ['entries' => $antibiotics, 'kind' => 'antibiotics', 'store' => 'lab.catalogue.antibiotics.store', 'update' => 'lab.catalogue.antibiotics.update'],
        ] as $panel)
            <div class="col-12 col-xl-6">
                <x-px.panel :title="__('laboratory::messages.microbiology.'.$panel['kind'])"
                            :icon="$panel['kind'] === 'organisms' ? 'bi-bug' : 'bi-shield-plus'"
                            heading="title">
                    <p class="px-hint">
                        {{ __('laboratory::messages.microbiology.'.$panel['kind'].'_hint') }}
                    </p>

                    @can('create', \App\Modules\Laboratory\Models\LabTest::class)
                        <form method="POST" action="{{ route($panel['store']) }}" class="row g-2 align-items-end mb-3">
                            @csrf
                            <div class="col-sm-6">
                                <label for="{{ $panel['kind'] }}_name" class="px-field-label">
                                    {{ __('laboratory::messages.microbiology.name') }}
                                </label>
                                <input type="text" id="{{ $panel['kind'] }}_name" name="name" required
                                       class="form-control form-control-sm px-input">
                            </div>
                            <div class="col-sm-4">
                                <label for="{{ $panel['kind'] }}_note" class="px-field-label">
                                    {{ __('laboratory::messages.microbiology.note') }}
                                </label>
                                <input type="text" id="{{ $panel['kind'] }}_note" name="note"
                                       class="form-control form-control-sm px-input">
                            </div>
                            <div class="col-sm-2">
                                <button type="submit" class="btn px-btn-primary btn-sm w-100">
                                    {{ __('laboratory::messages.microbiology.add') }}
                                </button>
                            </div>
                        </form>
                    @endcan

                    @if ($panel['entries']->isEmpty())
                        <p class="px-hint mb-0">{{ __('laboratory::messages.microbiology.none') }}</p>
                    @else
                        <div class="table-responsive" style="max-height: 34rem; overflow-y: auto;">
                            <table class="px-table">
                                <tbody>
                                    @foreach ($panel['entries'] as $entry)
                                        <tr @class(['text-muted' => ! $entry->is_active])>
                                            {{-- `create`, not `update`: the test policy's update
                                                 ability needs a LabTest instance and this screen has
                                                 none. Both map to lab_catalogue.manage. --}}
                                            @can('create', \App\Modules\Laboratory\Models\LabTest::class)
                                                <td colspan="2">
                                                    {{-- Renaming is safe: every report snapshots the
                                                         name it printed, so a correction here never
                                                         rewrites a result already issued. --}}
                                                    <form method="POST" action="{{ route($panel['update'], $entry) }}"
                                                          class="row g-1 align-items-center">
                                                        @csrf
                                                        @method('PUT')

                                                        <div class="col-5">
                                                            <input type="text" name="name" value="{{ $entry->name }}"
                                                                   class="form-control form-control-sm px-input" required>
                                                        </div>
                                                        <div class="col-4">
                                                            <input type="text" name="note" value="{{ $entry->note }}"
                                                                   class="form-control form-control-sm px-input"
                                                                   placeholder="{{ __('laboratory::messages.microbiology.note') }}">
                                                        </div>
                                                        <div class="col-2">
                                                            <div class="form-check">
                                                                <input class="form-check-input" type="checkbox"
                                                                       name="is_active" value="1"
                                                                       id="a{{ $panel['kind'] }}{{ $entry->id }}"
                                                                       @checked($entry->is_active)>
                                                                <label class="form-check-label small"
                                                                       for="a{{ $panel['kind'] }}{{ $entry->id }}">
                                                                    {{ __('laboratory::messages.microbiology.in_use') }}
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-1">
                                                            <button type="submit" class="btn px-btn-ghost btn-sm w-100">
                                                                {{ __('common.save') }}
                                                            </button>
                                                        </div>
                                                    </form>
                                                </td>
                                            @else
                                                <td>{{ $entry->name }}</td>
                                                <td class="text-end small">
                                                    @unless ($entry->is_active)
                                                        {{ __('laboratory::messages.microbiology.retired') }}
                                                    @endunless
                                                </td>
                                            @endcan
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </x-px.panel>
            </div>
        @endforeach
    </div>
@endsection