{{-- Backup sub-navigation --}}
<div class="mb-6 flex gap-2 border-b border-gray-200 dark:border-gray-700">
    <a href="{{ route('backup.dashboard') }}"
       class="px-4 py-2 text-sm font-medium border-b-2 -mb-px transition
              {{ request()->routeIs('backup.dashboard') ? 'border-blue-600 text-blue-700 dark:text-blue-400' : 'border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white' }}">
        Dashboard
    </a>
    <a href="{{ route('backup.records.index') }}"
       class="px-4 py-2 text-sm font-medium border-b-2 -mb-px transition
              {{ request()->routeIs('backup.records.*') ? 'border-blue-600 text-blue-700 dark:text-blue-400' : 'border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white' }}">
        Records
    </a>
    <a href="{{ route('backup.operations.index') }}"
       class="px-4 py-2 text-sm font-medium border-b-2 -mb-px transition relative
              {{ request()->routeIs('backup.operations.*') ? 'border-blue-600 text-blue-700 dark:text-blue-400' : 'border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white' }}">
        Operations
        @if(isset($stats) && $stats['failedOps'] > 0)
            <span class="ml-1 inline-flex items-center justify-center w-4 h-4 text-xs bg-red-500 text-white rounded-full">{{ $stats['failedOps'] }}</span>
        @endif
    </a>
</div>