@extends('layouts.app')

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

@php
    use App\Support\Money\Money;

    $bands = [
        'expired' => __('pharmacy::messages.expiry_bands.expired'),
        'critical' => __('pharmacy::messages.expiry_bands.critical'),
        'warning' => __('pharmacy::messages.expiry_bands.warning'),
        'watch' => __('pharmacy::messages.expiry_bands.watch'),
    ];

    $states = [
        'in_stock' => __('pharmacy::messages.stock.state_in_stock'),
        'empty' => __('pharmacy::messages.stock.state_empty'),
        'written_off' => __('pharmacy::messages.batch_statuses.written_off'),
    ];

    $hasFilters = collect($filters)->filter(fn ($v): bool => $v !== '')->isNotEmpty();
@endphp

@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.stock.title') }}</h1>
            <p class="px-subtitle">{{ __('pharmacy::messages.stock.subtitle') }}</p>
        </div>

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

    {{-- Outside the swapped region, so typing survives a filter change. --}}
    <div class="px-panel p-3 p-md-4 mb-4">
        <form method="GET" action="{{ route('pharmacy.stock.index') }}" data-clinic-filter class="px-filters">
            <div class="px-filters__field px-filters__field--wide">
                <label for="search" class="visually-hidden">{{ __('pharmacy::messages.stock.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="{{ __('pharmacy::messages.stock.search_placeholder') }}">
                </div>
            </div>

            <div class="px-filters__field">
                <label for="band" class="px-field-label">{{ __('pharmacy::messages.stock.expiry') }}</label>
                <select id="band" name="band" class="form-select px-select">
                    <option value="">{{ __('common.all') }}</option>
                    @foreach ($bands as $value => $label)
                        <option value="{{ $value }}" @selected($filters['band'] === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="px-filters__field">
                <label for="status" class="px-field-label">{{ __('pharmacy::messages.stock.state') }}</label>
                <select id="status" name="status" class="form-select px-select">
                    <option value="">{{ __('common.all') }}</option>
                    @foreach ($states as $value => $label)
                        <option value="{{ $value }}" @selected($filters['status'] === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="px-filters__actions">
                <button type="submit" class="btn px-btn-primary">{{ __('common.filter') }}</button>

                @if ($hasFilters)
                    <a href="{{ route('pharmacy.stock.index') }}" class="btn px-btn-ghost">{{ __('common.clear') }}</a>
                @endif
            </div>
        </form>
    </div>

    <x-results>
        <div class="px-metrics mb-4">
            <div class="px-metric px-metric--violet">
                <span class="px-metric__icon"><i class="bi bi-capsule" aria-hidden="true"></i></span>
                <div class="min-w-0 flex-grow-1">
                    <p class="px-metric__label">{{ __('pharmacy::messages.stock.card_medicines') }}</p>
                    <p class="px-metric__value">{{ number_format($summary['medicines']) }}</p>
                </div>
            </div>

            <div class="px-metric px-metric--amber">
                <span class="px-metric__icon"><i class="bi bi-hourglass-split" aria-hidden="true"></i></span>
                <div class="min-w-0 flex-grow-1">
                    <p class="px-metric__label">{{ __('pharmacy::messages.stock.card_expiring') }}</p>
                    <p class="px-metric__value">{{ number_format($summary['expiring']) }}</p>
                </div>
            </div>

            {{-- Expired stock that is still marked active is money on a shelf
                 that cannot be sold and a batch the allocator will never touch.
                 It stays visible until somebody writes it off. --}}
            <div class="px-metric px-metric--red">
                <span class="px-metric__icon"><i class="bi bi-exclamation-octagon" aria-hidden="true"></i></span>
                <div class="min-w-0 flex-grow-1">
                    <p class="px-metric__label">{{ __('pharmacy::messages.stock.card_expired') }}</p>
                    <p class="px-metric__value">{{ number_format($summary['expired']) }}</p>
                </div>
            </div>
        </div>

        <div class="px-panel overflow-hidden">
            @if ($batches->isEmpty())
                <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="M12 3l8 4.5v9L12 21l-8-4.5v-9z" /><path d="M4 7.5l8 4.5 8-4.5M12 12v9" />
                            </svg>
                        </div>

                        <p class="px-empty__title">{{ __('pharmacy::messages.stock.none') }}</p>
                        <p class="px-empty__text mb-0">{{ __('pharmacy::messages.stock.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.stock.medicine') }}</th>
                                <th scope="col">{{ __('pharmacy::messages.stock.batch') }}</th>
                                <th scope="col">{{ __('pharmacy::messages.stock.expiry') }}</th>
                                <th scope="col" class="text-end">{{ __('pharmacy::messages.stock.available') }}</th>
                                <th scope="col" class="text-end">{{ __('pharmacy::messages.stock.selling_price') }}</th>
                                @if ($canAdjust)
                                    <th scope="col" class="text-end">{{ __('common.actions') }}</th>
                                @endif
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($batches as $batch)
                                @php
                                    $medicine = $medicines[$batch->drug_id] ?? null;
                                    $band = $batch->expiryBand();
                                @endphp

                                <tr>
                                    <td>
                                        <span class="fw-medium d-block">
                                            {{ $medicine?->label() ?? __('pharmacy::messages.stock.unknown_medicine') }}
                                        </span>
                                        @if ($batch->supplier)
                                            <span class="px-hint">{{ $batch->supplier }}</span>
                                        @endif
                                    </td>

                                    <td>
                                        <span class="font-monospace">{{ $batch->batch_number }}</span>
                                        @if ($batch->storage_location)
                                            <span class="px-hint d-block">{{ $batch->storage_location }}</span>
                                        @endif
                                    </td>

                                    <td>
                                        <span class="px-pill {{ $band->pill() }}">{{ $batch->expiry_date->format('M Y') }}</span>
                                        @if ($batch->status->value !== 'active')
                                            <span class="px-pill {{ $batch->status->pill() }}">{{ $batch->status->label() }}</span>
                                        @endif
                                    </td>

                                    <td class="text-end font-monospace" style="font-variant-numeric: tabular-nums;">
                                        {{ number_format($batch->available_quantity) }}
                                        <span class="px-hint d-block">
                                            {{ __('pharmacy::messages.stock.of_purchased', ['count' => number_format($batch->purchased_quantity)]) }}
                                        </span>
                                    </td>

                                    <td class="text-end font-monospace">
                                        @if ($batch->selling_price_minor !== null)
                                            {{ Money::fromMinor($batch->selling_price_minor, $batch->currency ?? $currency)->format() }}
                                        @else
                                            {{-- Unpriced, not free: nothing is billed for it. --}}
                                            <span class="px-hint">{{ __('pharmacy::messages.stock.unpriced') }}</span>
                                        @endif
                                    </td>

                                    @if ($canAdjust)
                                        <td class="text-end">
                                            <button type="button" class="btn btn-sm px-btn-ghost"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#adjust-{{ $batch->id }}"
                                                    aria-expanded="false" aria-controls="adjust-{{ $batch->id }}">
                                                {{ __('pharmacy::messages.stock.adjust') }}
                                            </button>
                                        </td>
                                    @endif
                                </tr>

                                @if ($canAdjust)
                                    <tr class="collapse" id="adjust-{{ $batch->id }}">
                                        <td colspan="6">
                                            {{-- The correction is a movement of its own, and it has to
                                                 say why: an unexplained change cannot be told apart
                                                 from a loss. --}}
                                            <form method="POST" action="{{ route('pharmacy.stock.adjust', $batch) }}"
                                                  class="row g-2 align-items-end">
                                                @csrf

                                                <div class="col-12 col-md-2">
                                                    <label for="counted-{{ $batch->id }}" class="px-field-label">
                                                        {{ __('pharmacy::messages.stock.counted') }}
                                                    </label>
                                                    <input type="number" min="0" id="counted-{{ $batch->id }}"
                                                           name="counted_quantity" class="form-control px-input"
                                                           value="{{ $batch->available_quantity }}">
                                                </div>

                                                <div class="col-12 col-md-3">
                                                    <label for="type-{{ $batch->id }}" class="px-field-label">
                                                        {{ __('pharmacy::messages.stock.movement') }}
                                                    </label>
                                                    <select id="type-{{ $batch->id }}" name="type" class="form-select px-select">
                                                        @foreach ($adjustmentTypes as $value => $label)
                                                            <option value="{{ $value }}">{{ $label }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <div class="col-12 col-md-5">
                                                    <label for="reason-{{ $batch->id }}" class="px-field-label">
                                                        {{ __('pharmacy::messages.stock.reason') }}
                                                    </label>
                                                    <input type="text" id="reason-{{ $batch->id }}" name="reason"
                                                           class="form-control px-input" maxlength="255"
                                                           placeholder="{{ __('pharmacy::messages.stock.reason_placeholder') }}">
                                                </div>

                                                <div class="col-12 col-md-2">
                                                    <button type="submit" class="btn px-btn-primary w-100">
                                                        {{ __('common.save') }}
                                                    </button>
                                                </div>
                                            </form>
                                        </td>
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="p-3">{{ $batches->links() }}</div>
            @endif
        </div>
    </x-results>
@endsection