@extends('layout')
@includes('includes/small-feature')
<div class="container mx-auto px-8 py-8 md:py-16">
    <h1 class="text-3xl font-bold">
        Adjust stock &mdash; {{ $item->name }}
    </h1>
    <p class="text-gray-500 my-4">
        Use this after a physical count to correct the recorded quantity at a location. Enter the new total, not a delta.
    </p>

    <ul class="my-4 space-y-1 text-gray-500">
        @foreach($locations as $location)
            <li>{{ $location->code }} &mdash; {{ $location->name }}: {{ $quantitiesByLocation[$location->id] ?? 0 }} currently recorded</li>
        @endforeach
    </ul>

    <form
        method="post"
        action="{{ $adjustAction }}"
        class="flex flex-col w-full space-y-4 max-w-xl my-4"
    >
        @if(session()->has('adjust_errors'))
            <ol class="list-disc text-red-500">
                @foreach(session('adjust_errors') as $field => $errors)
                    @foreach($errors as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                @endforeach
            </ol>
        @endif
        <input type="hidden" name="csrf" value="{{ $csrf }}" />
        <label for="location_id" class="flex flex-col w-full">
            <span class="flex">Location:</span>
            <select
                id="location_id"
                name="location_id"
                class="bg-gray-50 rounded-lg p-2 text-gray-900"
            >
                @foreach($locations as $location)
                    <option value="{{ $location->id }}">{{ $location->code }} &mdash; {{ $location->name }}</option>
                @endforeach
            </select>
        </label>
        <label for="quantity" class="flex flex-col w-full">
            <span class="flex">New quantity:</span>
            <input
                id="quantity"
                name="quantity"
                type="number"
                min="0"
                class="bg-gray-50 rounded-lg p-2 text-gray-900"
                placeholder="0"
            />
        </label>
        <label for="notes" class="flex flex-col w-full">
            <span class="flex">Notes (optional):</span>
            <input
                id="notes"
                name="notes"
                type="text"
                class="bg-gray-50 rounded-lg p-2 text-gray-900"
                placeholder="Physical count on 2026-07-21"
            />
        </label>
        <button
            type="submit"
            class="bg-indigo-500 rounded-lg p-2 text-white"
        >
            Save adjustment
        </button>
    </form>
</div>