@extends('layout')
@includes('includes/small-feature')
<div class="container mx-auto px-8 py-8 md:py-16">
    <h1 class="text-3xl font-bold">
        Add a location
    </h1>
    <form
        method="post"
        action="{{ $createAction }}"
        class="flex flex-col w-full space-y-4 max-w-xl my-4"
    >
        @if(session()->has('create_location_errors'))
            <ol class="list-disc text-red-500">
                @foreach(session('create_location_errors') as $field => $errors)
                    @foreach($errors as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                @endforeach
            </ol>
        @endif
        <input type="hidden" name="csrf" value="{{ $csrf }}" />
        <label for="code" class="flex flex-col w-full">
            <span class="flex">Code:</span>
            <input
                id="code"
                name="code"
                type="text"
                class="bg-gray-50 rounded-lg p-2 text-gray-900"
                placeholder="A1-01"
            />
        </label>
        <label for="name" class="flex flex-col w-full">
            <span class="flex">Name:</span>
            <input
                id="name"
                name="name"
                type="text"
                class="bg-gray-50 rounded-lg p-2 text-gray-900"
                placeholder="Aisle A, Shelf 1"
            />
        </label>
        <label for="description" class="flex flex-col w-full">
            <span class="flex">Description:</span>
            <input
                id="description"
                name="description"
                type="text"
                class="bg-gray-50 rounded-lg p-2 text-gray-900"
            />
        </label>
        <label for="capacity" class="flex flex-col w-full">
            <span class="flex">Capacity (optional):</span>
            <input
                id="capacity"
                name="capacity"
                type="number"
                class="bg-gray-50 rounded-lg p-2 text-gray-900"
                placeholder="100"
            />
        </label>
        <button
            type="submit"
            class="bg-indigo-500 rounded-lg p-2 text-white"
        >
            Add location
        </button>
    </form>
</div>