<nav class="settings-tabs" aria-label="Settings pages">
    <a href="{{ route('admin.settings') }}" @class(['active' => $active === 'general'])>General</a>
    <a href="{{ route('admin.settings.theme') }}" @class(['active' => $active === 'theme'])>Theme</a>
    <a href="{{ route('admin.settings.fonts') }}" @class(['active' => $active === 'fonts'])>Fonts</a>
    @foreach (['profile' => 'Profile','website' => 'Website','brand' => 'Brand','payment' => 'Payment','roles' => 'User Roles','notifications' => 'Notifications','security' => 'Security','system' => 'System'] as $section => $label)
        <a href="{{ route('admin.settings.section', $section) }}" @class(['active' => $active === $section])>{{ $label }}</a>
    @endforeach
</nav>
