@php
    /** @var array<int, array{label: string, url?: string|null}> $breadcrumbs */
    $breadcrumbs = $breadcrumbs ?? [];
    $backUrl = $backUrl ?? null;
    $backLabel = $backLabel ?? 'Indietro';
@endphp

<div class="flex flex-wrap items-center justify-between gap-3">
    <div class="flex flex-wrap items-center gap-2 text-sm text-gray-600">
        @foreach($breadcrumbs as $i => $crumb)
            @php
                $isLast = $i === (count($breadcrumbs) - 1);
                $label = $crumb['label'] ?? '';
                $url = $crumb['url'] ?? null;
            @endphp

            @if($i > 0)
                <span class="text-gray-400">/</span>
            @endif

            @if(!$isLast && $url)
                <a href="{{ $url }}" class="font-semibold text-gray-700 hover:text-primary-700">
                    {{ $label }}
                </a>
            @else
                <span class="font-semibold text-gray-900">{{ $label }}</span>
            @endif
        @endforeach
    </div>

    @if($backUrl)
        <a class="fi-btn fi-btn-color-gray fi-btn-size-sm" href="{{ $backUrl }}">
            {{ $backLabel }}
        </a>
    @endif
</div>