@extends('layout')
@includes('includes/small-feature')
<div class="container mx-auto px-8 py-8 md:py-16">
    <h1 class="text-3xl font-bold">
        {{ $location->code }} &mdash; {{ $location->name }}
    </h1>
    @if($location->description)
        <p class="text-xl my-4">
            {{ $location->description }}
        </p>
    @endif
    @if($location->capacity)
        <p class="text-gray-500">
            Capacity: {{ $location->capacity }} units
        </p>
    @endif

    <h2 class="text-2xl font-bold mt-8">
        Stock held here
    </h2>

    @if(count($stock) === 0)
        <p class="text-gray-500 my-4">Nothing is stored here yet.</p>
    @endif

    <ul class="my-4 space-y-2">
        @foreach($stock as $row)
            <li class="bg-gray-50 rounded-lg p-4 flex justify-between items-center">
                <a href="{{ $row->itemRoute }}" class="font-bold underline">{{ $row->item->name }}</a>
                <span class="text-gray-500">{{ $row->quantity }} units</span>
            </li>
        @endforeach
    </ul>
</div>