@if(!empty($financeBreadcrumbs) && count($financeBreadcrumbs) > 1)
    <nav class="mb-3 text-xs text-slate-500" aria-label="Breadcrumb">
        <ol class="flex flex-wrap items-center gap-1">
            @foreach($financeBreadcrumbs as $index => $crumb)
                <li class="flex items-center gap-1">
                    @if($index > 0)
                        <span class="text-slate-300">/</span>
                    @endif
                    @if(!empty($crumb['url']) && $index < count($financeBreadcrumbs) - 1)
                        <a href="{{ $crumb['url'] }}" class="hover:text-primary">{{ $crumb['label'] }}</a>
                    @else
                        <span class="{{ $index === count($financeBreadcrumbs) - 1 ? 'font-medium text-slate-700' : '' }}">{{ $crumb['label'] }}</span>
                    @endif
                </li>
            @endforeach
        </ol>
    </nav>
@endif