@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';
    }

    $pill =
        [
            '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';

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

    $delta = $min > 0 ? $min - $qty : 0; // nur Anzeige
@endphp

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

        <div class="flex flex-col lg:flex-row lg:items-end lg:justify-between gap-3">
            <div class="min-w-0">
                <div class="text-xl font-semibold truncate">{{ $inventory->product?->name ?? '—' }}</div>
                <div class="mt-1 text-sm text-rk-slate truncate">
                    Variante: {{ $inventory->variant?->name ?? '—' }}
                </div>

                {{-- kleine Zusatzinfo (nur UI) --}}
                @if ($min > 0)
                    <div class="mt-2 text-xs text-rk-slate">
                        @if ($level === 'ok')
                            Über Mindestbestand: <span class="font-semibold">{{ abs($delta) }}</span>
                        @else
                            Fehlt bis Mindestbestand: <span class="font-semibold">{{ max($delta, 0) }}</span>
                        @endif
                    </div>
                @endif
            </div>

            <div class="flex items-center gap-2">
                <a href="{{ route('inventory.index') }}" class="btn-rk-soft">Zurück</a>
                <span
                    class="inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold border {{ $pill }}">
                    Bestand: {{ $label }}
                </span>
            </div>
        </div>

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

            {{-- Aktueller Bestand --}}
            <div class="rounded-3xl bg-white border border-rk p-6 shadow-sm">
                <div class="flex items-start justify-between gap-3">
                    <div>
                        <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 <= 0 ? 'text-red-700' : '' }}">
                            {{ $qty }}</div>
                    </div>

                    <div class="shrink-0">
                        <span
                            class="inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold border {{ $pill }}">
                            {{ $label }}
                        </span>
                    </div>
                </div>

                @if (auth()->user()->hasRole('ortstelle_admin'))
                    <div class="mt-6 rounded-2xl border border-rk bg-neutral-50 p-4">
                        <div class="text-sm font-semibold">Bestand setzen</div>
                        <div class="mt-1 text-xs text-rk-slate">Inventur/Korrektur (wird protokolliert).</div>

                        <form method="POST"
                            action="{{ route('inventory.quantity', ['inventory' => $inventory->id]) }}"
                            class="mt-4 space-y-3">
                            @csrf

                            <div>
                                <label class="text-xs font-semibold text-rk-slate/80 uppercase tracking-wider">Neuer
                                    Bestand</label>
                                <input name="quantity" type="number" min="0"
                                    value="{{ (int) $inventory->quantity }}"
                                    class="mt-2 w-full rounded-2xl border border-rk bg-white px-4 py-3 text-sm focus:ring-2 ring-rk focus:border-transparent">
                            </div>

                            <div>
                                <label
                                    class="text-xs font-semibold text-rk-slate/80 uppercase tracking-wider">Begründung</label>
                                <input name="note" type="text" required
                                    class="mt-2 w-full rounded-2xl border border-rk bg-white px-4 py-3 text-sm"
                                    placeholder="z.B. Inventur 02/2026, Korrektur nach Fehlbuchung…">
                            </div>

                            <button
                                class="w-full rounded-2xl border border-rk bg-white px-4 py-3 text-sm font-semibold hover:bg-neutral-50 transition-rk hover:shadow-soft">
                                Speichern
                            </button>
                        </form>
                    </div>
                @endif
            </div>

            {{-- Mindestbestand --}}
            <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</div>
                <div class="mt-3 text-3xl font-semibold">{{ $min }}</div>

                @if ($min > 0)
                    <div class="mt-4 rounded-2xl border border-rk bg-neutral-50 px-4 py-3">
                        <div class="text-sm font-semibold text-rk-charcoal">
                            @if ($level === 'ok')
                                Mindestbestand erfüllt
                            @else
                                Mindestbestand unterschritten
                            @endif
                        </div>
                        <div class="mt-1 text-xs text-rk-slate leading-relaxed">
                            @if ($level === 'ok')
                                Aktuell {{ $qty }} / Mindest {{ $min }}.
                            @else
                                Es fehlen {{ max($delta, 0) }} Stück bis {{ $min }}.
                            @endif
                        </div>
                    </div>
                @endif

                @if (auth()->user()->isStationUser())
                    <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">
                                    Mindestbestand wird zentral verwaltet
                                </div>
                                <div class="mt-1 text-xs text-rk-slate leading-relaxed">
                                    Änderungen am Mindestbestand können nur durch die Bezirksstelle vorgenommen werden.
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>

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

                <div class="mt-4 flex flex-col gap-2">
                    <a href="{{ route('movements.create') }}"
                        class="w-full rounded-2xl bg-rk-red px-4 py-3 text-sm font-semibold text-white hover:bg-rk-red-dark text-center transition-rk hover:shadow-soft">
                        Verbrauch buchen
                    </a>

                    <a href="{{ route('inventory.warnings') }}"
                        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">
                        Zu den Warnungen
                    </a>
                </div>

                <div class="mt-6 rounded-2xl border border-rk bg-neutral-50 p-4">
                    <div class="text-sm font-semibold">Hinweise</div>
                    <div class="mt-2 text-sm text-rk-slate space-y-2">
                        <div>• Warnung: Bestand &lt; Mindestbestand.</div>
                        <div>• Kritisch: Mindestbestand &gt; 0 und Bestand = 0.</div>
                        <div>• Verbrauch bitte über Buchungen erfassen.</div>
                    </div>
                </div>
            </div>

        </div>

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