@extends('layouts.admin')
@section('title', __('Stock'))
@section('content')
<h1 class="mb-6 text-2xl font-extrabold text-primary">{{ __('Stock') }}</h1>
<form method="GET" class="mb-5 flex flex-wrap items-center gap-3">
    <label class="sr-only" for="q">{{ __('Search') }}</label>
    <input id="q" name="q" value="{{ $q }}" placeholder="{{ __('Search product or code') }}" class="min-h-[44px] min-w-0 flex-1 rounded-full border border-outline-variant bg-white px-5">
    <label class="flex min-h-[44px] items-center gap-2 text-sm font-bold"><input type="checkbox" name="low" value="1" @checked($low) class="h-4 w-4 accent-[#1a3627]"> {{ __('Low stock only') }}</label>
    <x-btn type="submit" variant="ghost">{{ __('Filter') }}</x-btn>
</form>
@if ($rows)
<div class="overflow-x-auto rounded-[28px] border border-surface-variant bg-white">
    <table class="w-full min-w-[720px] text-left text-sm">
        <thead class="bg-surface-mid text-on-surface-variant"><tr><th class="p-4">{{ __('Product') }}</th><th class="p-4">{{ __('Variant') }}</th><th class="p-4">{{ __('On hand') }}</th><th class="p-4">{{ __('Reserved') }}</th><th class="p-4">{{ __('Available') }}</th><th class="p-4">{{ __('Set quantity') }}</th></tr></thead>
        <tbody>
        @foreach ($rows as $r)
            <tr class="border-t border-surface-variant">
                <td class="p-4 font-bold text-primary">{{ $r->product }}</td>
                <td class="p-4">{{ collect([$r->color, $r->size])->filter()->implode(' / ') ?: __('Default') }}<span class="block text-xs text-outline">{{ $r->sku }}</span></td>
                <td class="p-4">{{ $r->quantity }}</td><td class="p-4">{{ $r->reserved }}</td>
                <td class="p-4 font-bold {{ (int) $r->available <= 0 ? 'text-error' : ((int) $r->available <= 5 ? 'text-accent' : '') }}">{{ $r->available }}</td>
                <td class="p-4"><form method="POST" action="{{ route('admin.stock.update', $r->id) }}" class="flex flex-wrap items-center gap-2">@csrf @method('PATCH')
                    <input name="quantity" type="number" min="{{ $r->reserved }}" value="{{ $r->quantity }}" aria-label="{{ __('New quantity') }}" class="min-h-[40px] w-20 rounded-xl border border-outline-variant px-2">
                    <input name="note" placeholder="{{ __('Note (optional)') }}" aria-label="{{ __('Note') }}" class="min-h-[40px] w-36 rounded-xl border border-outline-variant px-2">
                    <button class="font-bold text-primary underline">{{ __('Update') }}</button>
                    <a href="{{ route('admin.stock.history', $r->id) }}" class="text-xs text-outline underline">{{ __('History') }}</a></form></td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@include('partials.pagination', ['result' => $result])
@else <x-empty :title="$low ? __('Nothing is running low') : __('No stock records yet')" :text="__('Variants appear here once you create them on a product.')"/> @endif
@endsection