{{-- Section switcher shared by the SMS pages. --}}
@php
    $tabs = [
        ['sms.campaigns.index', 'Mobile Bulk SMS', 'heroicon-o-device-phone-mobile'],
        ['sms.logs.index', 'SMS log', 'heroicon-o-chat-bubble-bottom-center-text'],
        ['sms.incoming.index', 'Incoming SMS', 'heroicon-o-envelope-open'],
        ['bitly.index', 'Bitly links', 'heroicon-o-link'],
    ];
@endphp
<nav class="mb-6 flex gap-1 overflow-x-auto rounded-2xl bg-ink-100/80 p-1 dark:bg-ink-800/60" aria-label="SMS sections">
    @foreach ($tabs as [$route, $label, $icon])
        @php($active = request()->routeIs(\Illuminate\Support\Str::beforeLast($route, '.').'.*'))
        <a href="{{ route($route) }}" @if ($active) aria-current="page" @endif
           @class(['inline-flex shrink-0 items-center gap-2 rounded-xl px-3.5 py-2 text-sm font-medium transition',
                   'bg-white text-ink-900 shadow-sm dark:bg-ink-900 dark:text-white' => $active,
                   'text-ink-500 hover:text-ink-900 dark:text-ink-400 dark:hover:text-white' => ! $active])>
            <x-dynamic-component :component="$icon" class="h-4 w-4" /> {{ $label }}
        </a>
    @endforeach
</nav>