@props(['currentSection', 'pageType'])

<div class="mt-3">
    <ul class="nav nav-tabs">
        {{-- Tabs predefinidos para páginas de error --}}
        <li class="nav-item">
            <a class="nav-link {{ $currentSection == 'hero' ? 'active' : '' }}" 
               href="{{ route('admin.front-settings.index', ['page_type' => $pageType, 'section' => 'hero']) }}">
                <i class="fas fa-exclamation-triangle"></i> Mensaje de Error
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link {{ $currentSection == 'content' ? 'active' : '' }}" 
               href="{{ route('admin.front-settings.index', ['page_type' => $pageType, 'section' => 'content']) }}">
                <i class="fas fa-file-alt"></i> Contenido
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link {{ $currentSection == 'features' ? 'active' : '' }}" 
               href="{{ route('admin.front-settings.index', ['page_type' => $pageType, 'section' => 'features']) }}">
                <i class="fas fa-lightbulb"></i> Sugerencias
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link {{ $currentSection == 'seo' ? 'active' : '' }}" 
               href="{{ route('admin.front-settings.index', ['page_type' => $pageType, 'section' => 'seo']) }}">
                <i class="fas fa-search"></i> SEO
            </a>
        </li>
    </ul>
</div>