{{-- Breadcrumb trail. Pass :items="[['label' => 'About']]"; Home is added automatically. Last item is the current page. --}}
@props(['items' => []])

<nav aria-label="Breadcrumb" class="text-sm text-slate-500">
    <ol class="flex flex-wrap items-center gap-1">
        <li><a href="{{ route('home') }}" class="hover:text-brand-700 hover:underline">Home</a></li>
        @foreach ($items as $item)
            <li aria-hidden="true">/</li>
            <li>
                @if (! $loop->last && isset($item['url']))
                    <a href="{{ $item['url'] }}" class="hover:text-brand-700 hover:underline">{{ $item['label'] }}</a>
                @else
                    <span aria-current="page" class="text-slate-700">{{ $item['label'] }}</span>
                @endif
            </li>
        @endforeach
    </ol>
</nav>