@extends('layout')
@includes('includes/small-feature')
<div class="container mx-auto px-8 py-8 md:py-16">
    <h1 class="text-3xl font-bold">
        Receive stock &mdash; {{ $item->name }}
    </h1>
    <form
        method="post"
        action="{{ $receiveAction }}"
        class="flex flex-col w-full space-y-4 max-w-xl my-4"
    >
        @if(session()->has('receive_errors'))
            <ol class="list-disc text-red-500">
                @foreach(session('receive_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">Quantity:</span>
            <input
                id="quantity"
                name="quantity"
                type="number"
                class="bg-gray-50 rounded-lg p-2 text-gray-900"
                placeholder="1"
            />
        </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"
            />
        </label>
        <button
            type="submit"
            class="bg-indigo-500 rounded-lg p-2 text-white"
        >
            Receive
        </button>
    </form>
</div>