@extends('layout')
@includes('includes/small-feature')
<div class="container mx-auto px-8 py-8 md:py-16">
    <div class="flex justify-between items-center">
        <h1 class="text-3xl font-bold">
            Locations
        </h1>
        @if($canManage)
            <a href="{{ $createAction }}" class="bg-indigo-500 rounded-lg p-2 text-white">
                Add location
            </a>
        @endif
    </div>

    @if(count($locations) === 0)
        <p class="text-gray-500 my-4">No locations yet.</p>
    @endif

    <ul class="my-4 space-y-2">
        @foreach($locations as $location)
            <li class="bg-gray-50 rounded-lg p-4 flex justify-between items-center">
                <a href="{{ $location->route }}" class="font-bold underline">
                    {{ $location->code }} &mdash; {{ $location->name }}
                </a>
                <span class="text-gray-500">
                    {{ $location->totalQuantity }}
                    @if($location->capacity)
                        / {{ $location->capacity }}
                    @endif
                    units
                </span>
            </li>
        @endforeach
    </ul>
</div>