@extends('layouts.admin')
@section('title','Inventory level')
@section('content')
@php
  $sku = $level->item?->sku ?? $level->item?->variant?->sku ?? '—';
  $title = $level->item?->variant?->product?->title ?? 'Unlinked item';
  $status = $level->stockStatus();
  $statusTone = match ($status) {
      'out' => 'danger',
      'low' => 'warning',
      'overstock' => 'info',
      default => 'success',
  };
  $statusLabel = match ($status) {
      'out' => 'Out of stock',
      'low' => 'Low stock',
      'overstock' => 'Overstock',
      default => 'In stock',
  };
@endphp

<x-admin.page
    title="{{ $sku }}"
    subtitle="{{ $title }} · {{ $level->location?->name }} ({{ $level->location?->code }})"
>
    <x-slot:actions>
        <a href="{{ route('admin.inventory.index') }}" class="admin-btn">
            <i data-lucide="arrow-left" class="h-3.5 w-3.5"></i>
            All inventory
        </a>
        <a href="{{ route('admin.inventory.movements', ['q' => $sku]) }}" class="admin-btn">
            <i data-lucide="history" class="h-3.5 w-3.5"></i>
            All movements
        </a>
        @if($level->item?->variant?->product)
            <a href="{{ route('admin.products.edit', $level->item->variant->product) }}" class="admin-btn admin-btn-primary">
                <i data-lucide="package" class="h-3.5 w-3.5"></i>
                Open product
            </a>
        @endif
    </x-slot:actions>

    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
            {{ $errors->first() }}
        </div>
    @endif

    <div class="order-ops-stat-rail mb-6">
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">On hand</span>
            <span class="order-ops-stat-value">{{ number_format($level->on_hand) }}</span>
            <span class="order-ops-stat-meta">Physical stock</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Available</span>
            <span class="order-ops-stat-value">{{ number_format($level->available) }}</span>
            <span class="order-ops-stat-meta">Sellable now</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Committed</span>
            <span class="order-ops-stat-value">{{ number_format($level->committed) }}</span>
            <span class="order-ops-stat-meta">Reserved for orders</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Incoming</span>
            <span class="order-ops-stat-value">{{ number_format($level->incoming) }}</span>
            <span class="order-ops-stat-meta">Threshold {{ $level->low_stock_threshold }}</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Status</span>
            <span class="order-ops-stat-value text-base"><x-admin.badge :tone="$statusTone">{{ $statusLabel }}</x-admin.badge></span>
            <span class="order-ops-stat-meta">Level #{{ $level->id }}</span>
        </div>
    </div>

    <div class="grid gap-4 lg:grid-cols-2">
        <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
            <h2 class="mb-3 text-sm font-semibold text-[#202223]">Adjust quantity</h2>
            <p class="mb-4 text-xs text-[#6d7175]">Increase or decrease on-hand and available by the same delta. Use negative values for write-offs.</p>
            <form method="post" action="{{ route('admin.inventory.adjust') }}" class="grid gap-3 sm:grid-cols-3">
                @csrf
                <input type="hidden" name="level_id" value="{{ $level->id }}">
                <label class="block text-xs font-medium text-[#6d7175]">Delta (±)
                    <input type="number" name="delta" required class="admin-input mt-1 w-full" placeholder="e.g. 5 or -2">
                </label>
                <label class="block text-xs font-medium text-[#6d7175] sm:col-span-2">Reason
                    <input type="text" name="reason" required maxlength="255" class="admin-input mt-1 w-full" placeholder="Cycle count, damage, found stock…">
                </label>
                <div class="sm:col-span-3">
                    <button type="submit" class="admin-btn admin-btn-primary">Apply adjustment</button>
                </div>
            </form>
        </div>

        <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
            <h2 class="mb-3 text-sm font-semibold text-[#202223]">Set on-hand</h2>
            <p class="mb-4 text-xs text-[#6d7175]">Replace the absolute on-hand quantity. The ledger records the computed delta.</p>
            <form method="post" action="{{ route('admin.inventory.set') }}" class="grid gap-3 sm:grid-cols-3">
                @csrf
                <input type="hidden" name="level_id" value="{{ $level->id }}">
                <label class="block text-xs font-medium text-[#6d7175]">On hand
                    <input type="number" name="on_hand" min="0" required value="{{ $level->on_hand }}" class="admin-input mt-1 w-full">
                </label>
                <label class="block text-xs font-medium text-[#6d7175] sm:col-span-2">Reason
                    <input type="text" name="reason" maxlength="255" class="admin-input mt-1 w-full" placeholder="Stocktake recount">
                </label>
                <div class="sm:col-span-3">
                    <button type="submit" class="admin-btn admin-btn-primary">Set quantity</button>
                </div>
            </form>
        </div>

        <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
            <h2 class="mb-3 text-sm font-semibold text-[#202223]">Low-stock threshold</h2>
            <p class="mb-4 text-xs text-[#6d7175]">Levels at or below this available quantity surface in the low-stock queue.</p>
            <form method="post" action="{{ route('admin.inventory.threshold') }}" class="flex flex-wrap items-end gap-3">
                @csrf
                <input type="hidden" name="level_id" value="{{ $level->id }}">
                <label class="block text-xs font-medium text-[#6d7175]">Threshold
                    <input type="number" name="low_stock_threshold" min="0" required value="{{ $level->low_stock_threshold }}" class="admin-input mt-1 w-32">
                </label>
                <button type="submit" class="admin-btn">Save threshold</button>
            </form>
        </div>

        <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
            <h2 class="mb-3 text-sm font-semibold text-[#202223]">Quick transfer</h2>
            <p class="mb-4 text-xs text-[#6d7175]">Move available units to another warehouse. For multi-step shipments use <a href="{{ route('admin.transfers.create') }}" class="text-[#2c6ecb] underline">Transfers</a>.</p>
            <form method="post" action="{{ route('admin.inventory.transfer') }}" class="grid gap-3 sm:grid-cols-2">
                @csrf
                <input type="hidden" name="level_id" value="{{ $level->id }}">
                <label class="block text-xs font-medium text-[#6d7175]">Destination
                    <select name="to_location_id" required class="admin-input mt-1 w-full">
                        <option value="">Select location…</option>
                        @foreach($locations->where('id', '!=', $level->location_id) as $location)
                            <option value="{{ $location->id }}">{{ $location->name }} ({{ $location->code }})</option>
                        @endforeach
                    </select>
                </label>
                <label class="block text-xs font-medium text-[#6d7175]">Quantity
                    <input type="number" name="qty" min="1" max="{{ max(1, $level->available) }}" required class="admin-input mt-1 w-full" value="1">
                </label>
                <label class="block text-xs font-medium text-[#6d7175] sm:col-span-2">Reason
                    <input type="text" name="reason" required maxlength="255" class="admin-input mt-1 w-full" value="Inter-warehouse transfer">
                </label>
                <div class="sm:col-span-2">
                    <button type="submit" class="admin-btn admin-btn-primary" @disabled($level->available < 1)>Transfer stock</button>
                </div>
            </form>
        </div>
    </div>

    <div class="mt-6 rounded-xl border border-[var(--color-admin-border)] bg-white">
        <div class="flex items-center justify-between border-b border-[var(--color-admin-border)] px-5 py-3">
            <h2 class="text-sm font-semibold text-[#202223]">Recent movements at this location</h2>
            <span class="text-xs text-[#8c9196]">Last {{ $movements->count() }}</span>
        </div>
        <div class="overflow-x-auto">
            <table class="admin-table w-full text-sm">
                <thead>
                    <tr>
                        <th class="p-3 text-left">When</th>
                        <th class="text-left">Type</th>
                        <th class="text-left">Qty</th>
                        <th class="text-left">Reason</th>
                        <th class="text-left">Actor</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($movements as $movement)
                        <tr class="border-t border-black/5">
                            <td class="p-3 text-[#6d7175]">{{ $movement->created_at?->timezone(config('app.timezone'))->format('Y-m-d H:i') }}</td>
                            <td><x-admin.badge tone="muted">{{ str_replace('_', ' ', $movement->type) }}</x-admin.badge></td>
                            <td class="font-semibold tabular-nums {{ $movement->quantity < 0 ? 'text-red-700' : 'text-emerald-700' }}">
                                {{ $movement->quantity > 0 ? '+' : '' }}{{ $movement->quantity }}
                            </td>
                            <td>{{ $movement->reason }}</td>
                            <td class="text-[#6d7175]">{{ $movement->actor?->name ?? 'System' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="p-8 text-center text-[#8c9196]">No movements recorded for this level yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</x-admin.page>
@endsection