<div class="mt-4 px-6 pl-0 mb-4 border-b border-slate-200/80 pb-0">
    @include('finance.partials.breadcrumb')

    @if(!empty($financeZoneLabel))
        <p class="mb-2 text-xs font-semibold uppercase tracking-[0.18em] text-primary">{{ $financeZoneLabel }}</p>
    @endif

    <div class="flex flex-wrap items-end justify-between gap-4">
        <div class="top-submenu text-sm font-medium">
            @foreach($financePrimaryTabs ?? [] as $tab)
                @php
                    $nav = app(\App\Services\Finance\FinanceNavService::class);
                    $active = $nav->isTabActive($tab);
                @endphp
                <a href="{{ $nav->tabUrl($tab) }}"
                   class="{{ $active ? 'top-submenu-tab is-active' : 'top-submenu-tab' }}">
                    @if(!empty($tab['icon']))
                        <i class="bi {{ $tab['icon'] }} mr-1"></i>
                    @endif
                    {{ $tab['label'] }}
                </a>
            @endforeach
        </div>

        @if(!empty($financeSetupTabs))
            <div class="flex flex-wrap items-center gap-2 pb-2">
                <span class="inline-flex items-center gap-1 self-center text-xs font-semibold uppercase tracking-wider text-slate-400">
                    <i class="bi bi-gear"></i> Setup
                </span>
                <nav class="top-submenu top-submenu--boxed text-sm" aria-label="Finance setup tabs">
                    @foreach($financeSetupTabs as $tab)
                        @php
                            $nav = app(\App\Services\Finance\FinanceNavService::class);
                            $active = $nav->isTabActive($tab);
                        @endphp
                        <a href="{{ $nav->tabUrl($tab) }}"
                           class="top-submenu-tab top-submenu-tab--boxed {{ $active ? 'is-active' : '' }}">
                            @if(!empty($tab['icon']))
                                <i class="bi {{ $tab['icon'] }} mr-1"></i>
                            @endif
                            {{ $tab['label'] }}
                        </a>
                    @endforeach
                </nav>
            </div>
        @endif
    </div>
</div>
