@extends('layouts.app')

@section('title', __('pharmacy::messages.queue.title'))

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

        @can('pharmacy.view')
            <a href="{{ route('pharmacy.stock.index') }}" class="btn px-btn-ghost d-inline-flex align-items-center gap-2">
                <i class="bi bi-boxes" aria-hidden="true"></i>
                {{ __('pharmacy::messages.nav.stock') }}
            </a>
        @endcan
    </div>

    <div class="px-panel overflow-hidden">
        @if ($queue === [])
            <div 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="M5 8h14l-1 12H6z" /><path d="M9 8V6a3 3 0 0 1 6 0v2M9.5 13l2 2 3.5-4" />
                        </svg>
                    </div>

                    <p class="px-empty__title">{{ __('pharmacy::messages.queue.none') }}</p>
                    <p class="px-empty__text mb-0">{{ __('pharmacy::messages.queue.none_text') }}</p>
                </div>
            </div>
        @else
            <div class="table-responsive">
                <table class="px-table table align-middle mb-0">
                    <thead>
                        <tr>
                            <th scope="col">{{ __('pharmacy::messages.queue.patient') }}</th>
                            <th scope="col">{{ __('pharmacy::messages.queue.reference') }}</th>
                            <th scope="col">{{ __('pharmacy::messages.queue.issued') }}</th>
                            <th scope="col" class="text-end">{{ __('pharmacy::messages.queue.items') }}</th>
                            <th scope="col" class="text-end">{{ __('common.actions') }}</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach ($queue as $script)
                            @php $patient = $patients[$script->patientId] ?? null; @endphp

                            <tr>
                                <td>
                                    <span class="fw-medium d-block">
                                        {{ $patient?->name ?? __('pharmacy::messages.queue.unknown_patient') }}
                                    </span>
                                    @if ($patient?->mrn)
                                        <span class="px-hint font-monospace">{{ $patient->mrn }}</span>
                                    @endif
                                </td>

                                <td>
                                    <span class="font-monospace">{{ $script->reference }}</span>

                                    {{-- Said on the list rather than only on the
                                         counter screen: a controlled drug changes
                                         who may hand it over and what has to be
                                         written down. --}}
                                    @if ($script->containsControlledDrug)
                                        <span class="px-pill px-pill--red">
                                            <i class="bi bi-shield-lock-fill" aria-hidden="true"></i>
                                            {{ __('pharmacy::messages.queue.controlled') }}
                                        </span>
                                    @endif
                                </td>

                                <td>
                                    {{ $script->issuedAt?->diffForHumans() ?? '—' }}
                                    @if ($script->validUntil)
                                        <span class="px-hint d-block">
                                            {{ __('pharmacy::messages.queue.valid_until', ['date' => $script->validUntil->format('d M Y')]) }}
                                        </span>
                                    @endif
                                </td>

                                <td class="text-end" style="font-variant-numeric: tabular-nums;">
                                    {{ $script->itemCount }}

                                    @if (($dispensed[$script->id] ?? 0) > 0)
                                        <span class="px-pill px-pill--green d-block mt-1">
                                            {{ __('pharmacy::messages.queue.some_dispensed') }}
                                        </span>
                                    @endif
                                </td>

                                <td class="text-end">
                                    <a class="btn btn-sm {{ $canDispense ? 'px-btn-primary' : 'px-btn-ghost' }} text-nowrap"
                                       href="{{ route('pharmacy.dispense.show', $script->ulid) }}">
                                        {{ $canDispense
                                            ? __('pharmacy::messages.queue.dispense')
                                            : __('common.view') }}
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
@endsection