@props(['items' => [], 'dark' => false])

@php
    $skipHomePrefix = ! empty($items) && ($items[0]['label'] ?? '') === 'Home';
@endphp

@if(count($items))
<nav aria-label="Breadcrumb" {{ $attributes->merge(['class' => 'py-4']) }}>
    <ol class="flex flex-wrap items-center gap-2 text-sm">
        @unless($skipHomePrefix)
            <li>
                <a href="{{ route('home') }}" @class(['transition hover:text-primary', $dark ? 'text-slate-500 hover:text-emerald-400' : 'text-muted'])>Home</a>
            </li>
        @endunless
        @foreach($items as $item)
            @if(! ($loop->first && $skipHomePrefix))
                <li aria-hidden="true" @class([$dark ? 'text-slate-600' : 'text-muted'])>/</li>
            @endif
            <li>
                @if(!empty($item['url']))
                    <a href="{{ $item['url'] }}" @class(['transition', $dark ? 'text-slate-400 hover:text-emerald-400' : 'text-muted hover:text-primary'])>{{ $item['label'] }}</a>
                @else
                    <span aria-current="page" @class(['font-medium', $dark ? 'text-emerald-300' : 'text-secondary'])>{{ $item['label'] }}</span>
                @endif
            </li>
        @endforeach
    </ol>
</nav>
@endif