@php
    /** @var \App\Models\StationInventory $inventory */
    $minimum_quantity = $minimum_quantity ?? 0;

    $qty = (int) $inventory->quantity;
    $min = (int) $minimum_quantity;

    $level = 'ok';
    if ($min > 0 && $qty < $min) {
        $level = 'warn';
    }
    if ($min > 0 && $qty <= 0) {
        $level = 'kritisch';
    }

    $pillClass =
        [
            'ok' => 'bg-emerald-50 text-emerald-700 border-emerald-200',
            'warn' => 'bg-amber-50 text-amber-700 border-amber-200',
            'kritisch' => 'bg-red-50 text-red-700 border-red-200',
        ][$level] ?? 'bg-neutral-100 text-rk-slate border-rk';

    $pillLabel =
        [
            'ok' => 'OK',
            'warn' => 'Warnung',
            'kritisch' => 'Kritisch',
        ][$level] ?? $level;

    $stationName = $inventory->station?->name ?? '—';
@endphp

<x-layouts.app title="Lagerposition · Bezirksstelle" userRole="Bezirksstelle">
    <div class="flex flex-col gap-4">

        {{-- Header --}}
        <div class="flex flex-col lg:flex-row lg:items-end lg:justify-between gap-3">
            <div>
                <div class="text-xl font-semibold">{{ $inventory->product?->name ?? '—' }}</div>
                <div class="mt-1 text-sm text-rk-slate">
                    Ortstelle: <span class="font-semibold text-rk-charcoal">{{ $stationName }}</span>
                    · Variante: {{ $inventory->variant?->name ?? '—' }}
                </div>
            </div>

            <div class="flex items-center gap-2">
                <a href="{{ route('district.inventory.index', ['station_id' => $inventory->station_id]) }}"
                    class="btn-rk-soft">
                    Zurück
                </a>

                <span class="btn-rk-soft {{ $pillClass }}">
                    Lagerstand: {{ $pillLabel }}
                </span>
            </div>
        </div>

        {{-- Cards --}}
        <div class="grid grid-cols-1 xl:grid-cols-3 gap-4">

            {{-- Bestand (read-only) --}}
            <div class="rounded-3xl bg-white border border-rk p-6 shadow-sm">
                <div class="text-xs font-semibold text-rk-slate/80 uppercase tracking-wider">Aktueller Bestand</div>
                <div class="mt-3 text-3xl font-semibold">{{ $qty }}</div>

                <div class="mt-4 rounded-2xl border border-rk bg-neutral-50 px-4 py-3">
                    <div class="flex items-start gap-3">
                        <div
                            class="mt-0.5 h-8 w-8 shrink-0 rounded-xl bg-white border border-rk flex items-center justify-center">
                            <span class="text-rk-red text-sm font-bold">i</span>
                        </div>
                        <div class="min-w-0">
                            <div class="text-sm font-semibold text-rk-charcoal">Bestand wird von Ortstelle verwaltet
                            </div>
                            <div class="mt-1 text-xs text-rk-slate leading-relaxed">
                                Änderungen am Bestand erfolgen über Verbrauch/Zugang (Buchungen) oder Lagerpflege der
                                Ortstelle.
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mt-4 flex gap-2">
                    <a href="{{ route('movements.index') }}"
                        class="w-full rounded-2xl border border-rk bg-white px-4 py-3 text-sm font-semibold hover:bg-neutral-50 text-center transition-rk hover:shadow-soft">
                        Buchungen ansehen
                    </a>
                </div>
            </div>

            {{-- Mindestbestand (edit) --}}
            <div class="rounded-3xl bg-white border border-rk p-6 shadow-sm">
                <div class="text-xs font-semibold text-rk-slate/80 uppercase tracking-wider">Mindestbestand (Bezirk -
                    Global)</div>
                <div class="mt-3 text-3xl font-semibold">{{ $min }}</div>

                <form method="POST" action="{{ route('district.inventory.minimum', ['inventory' => $inventory->id]) }}"
                    class="mt-6 space-y-2">
                    @csrf
                    <label class="text-xs font-semibold text-rk-slate/80 uppercase tracking-wider">Mindestbestand
                        setzen</label>
                    <input name="minimum_quantity" type="number" min="0" value="{{ $min }}"
                        class="mt-2 w-full rounded-2xl border border-rk bg-white px-4 py-3 text-sm outline-none focus:ring-2 ring-rk focus:border-transparent">
                    <button
                        class="w-full rounded-2xl bg-rk-red px-4 py-3 text-sm font-semibold text-white hover:bg-rk-red-dark">
                        Speichern
                    </button>
                    <div class="mt-2 text-xs text-rk-slate leading-relaxed">
                        Gilt für alle Ortstellen im Bezirk (für diesen Artikel/Variante).
                    </div>
                    <div class="mt-2 text-xs text-rk-slate leading-relaxed">
                        Warnung: Bestand &lt; Mindestbestand · Kritisch: Mindestbestand &gt; 0 und Bestand = 0
                    </div>
                </form>
            </div>

            {{-- Kontext / Status --}}
            <div class="rounded-3xl bg-white border border-rk p-6 shadow-sm">
                <div class="text-sm font-semibold">Status & Hinweise</div>

                <div class="mt-4 space-y-3 text-sm">
                    <div class="flex items-center justify-between">
                        <span class="text-rk-slate">Ortstelle</span>
                        <span class="font-semibold">{{ $stationName }}</span>
                    </div>
                    <div class="flex items-center justify-between">
                        <span class="text-rk-slate">Bestand</span>
                        <span class="font-semibold">{{ $qty }}</span>
                    </div>
                    <div class="flex items-center justify-between">
                        <span class="text-rk-slate">Mindestbestand</span>
                        <span class="font-semibold">{{ $min }}</span>
                    </div>
                    <div class="flex items-center justify-between">
                        <span class="text-rk-slate">Level</span>
                        <span
                            class="inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold border {{ $pillClass }}">
                            {{ $pillLabel }}
                        </span>
                    </div>
                </div>

                <div class="mt-6 rounded-2xl border border-rk bg-neutral-50 p-4 text-sm text-rk-slate">
                    Empfehlung: Setze Mindestbestände pro Artikel/Variante konsistent für alle Ortstellen im Bezirk.
                </div>

                <div class="mt-4 flex gap-2">
                    <a href="{{ route('district.inventory.index', ['station_id' => $inventory->station_id, 'status' => 'warn']) }}"
                        class="w-full rounded-2xl border border-rk bg-white px-4 py-3 text-sm font-semibold hover:bg-neutral-50 text-center transition-rk hover:shadow-soft">
                        Nur Warnungen
                    </a>
                </div>
            </div>

        </div>

    </div>
</x-layouts.app>