<nav aria-label="breadcrumb" class="mt-3 mb-3">
    <ol class="breadcrumb bg-light px-3 py-2 rounded">
        {{-- Lien accueil --}}
        <li class="breadcrumb-item">
            <a href="{{ route('home') }}" class="text-decoration-none">
                <i class="fas fa-home"></i> Accueil
            </a>
        </li>

        {{-- Breadcrumbs dynamiques --}}
        @forelse ($breadcrumbs as $breadcrumb)
            @if ($loop->last)
                {{-- Dernier item (actif) --}}
                <li class="breadcrumb-item active" aria-current="page">
                    <strong>{{ $breadcrumb['label'] }}</strong>
                </li>
            @else
                {{-- Items intermédiaires --}}
                <li class="breadcrumb-item">
                    <a href="{{ $breadcrumb['url'] }}" class="text-decoration-none">
                        {{ $breadcrumb['label'] }}
                    </a>
                </li>
            @endif
        @empty
            {{-- Aucun breadcrumb fourni --}}
        @endforelse
    </ol>
</nav>

<style>
    .breadcrumb {
        margin-bottom: 1rem;
    }
    
    .breadcrumb a {
        color: #0066cc;
    }
    
    .breadcrumb a:hover {
        color: #0052a3;
        text-decoration: underline !important;
    }
    
    .breadcrumb .active {
        color: #666;
    }
</style>
