{{-- =====================================================
     SINAGEM — Sidebar v5 (com Font Awesome)
     resources/views/admin/partials/sidebar.blade.php
     ===================================================== --}}

{{-- Overlay mobile --}}
<div id="sb-overlay" class="sb-overlay"></div>

<div id="sidebar-wrapper">

    {{-- Botão de Fechar (mobile) --}}
    <button class="sidebar-close-mobile" id="sidebarCloseMobile" aria-label="Fechar menu">
        <i class="fas fa-times"></i>
    </button>

    {{-- ── Logo ── --}}
    <a href="{{ route('dashboard') }}" class="sb-logo">
        <div class="sb-logo-badge">
            <img src="{{ asset('assets/images/sinagem-logo.png') }}"
                 alt="SINAGEM"
                 onerror="this.style.display='none';this.nextElementSibling.style.display='flex'">
            <div class="sb-initials" style="display:none;">SNG</div>
        </div>
        <div class="sb-logo-text">
            <div class="sb-brand">SINAGEM</div>
            <div class="sb-tagline">Gestão de Mercados</div>
        </div>
    </a>

    {{-- ── Navigation ── --}}
    <nav class="sb-nav">

        <div class="sb-section">Principal</div>

        {{-- Dashboard --}}
        <div class="sb-item">
            <a href="{{ route('dashboard') }}"
               class="sb-link {{ request()->routeIs('dashboard') ? 'active' : '' }}"
               data-title="Dashboard">
                <i class="fas fa-tachometer-alt sb-icon"></i>
                <span class="sb-label">Dashboard</span>
            </a>
        </div>

        <div class="sb-section">Gestão</div>

        {{-- ── MERCADO (COM BOOTSTRAP COLLAPSE) ── --}}
        <div class="sb-item">
            <button class="sb-link"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#sb-mercado"
                    aria-expanded="{{ request()->routeIs('mercado.*') ? 'true' : 'false' }}"
                    data-title="Mercado">
                <i class="fas fa-store sb-icon"></i>
                <span class="sb-label">Mercado</span>
                <i class="fas fa-chevron-down sb-arrow"></i>
            </button>
        </div>
        <div id="sb-mercado" class="collapse sb-submenu {{ request()->routeIs('mercado.*') ? 'show' : '' }}">
            <div class="sb-sub">
                <a href="{{ route('mercado.mercados.index') }}"
                   class="sb-sub-link {{ request()->routeIs('mercado.mercados.*') ? 'active' : '' }}">
                    <i class="fas fa-store"></i> Mercados
                </a>
                <a href="{{ route('mercado.comerciantes.index') }}"
                   class="sb-sub-link {{ request()->routeIs('mercado.comerciantes.*') ? 'active' : '' }}">
                    <i class="fas fa-users"></i> comerciantes
                </a>
                <a href="{{ route('mercado.bancadas.index') }}"
                   class="sb-sub-link {{ request()->routeIs('mercado.bancadas.*') ? 'active' : '' }}">
                    <i class="fas fa-th"></i> Bancadas
                </a>
                <a href="{{ route('mercado.estabelecimentos.index') }}"
                   class="sb-sub-link {{ request()->routeIs('mercado.estabelecimentos.*') ? 'active' : '' }}">
                    <i class="fas fa-th"></i> Estabelecimentos
                </a>
                <a href="{{ route('mercado.funcionarios.index') }}"
                   class="sb-sub-link {{ request()->routeIs('mercado.funcionarios.*') ? 'active' : '' }}">
                    <i class="fas fa-th"></i> Funcionarios
                </a>
                <a href="{{ route('mercado.pescadores.index') }}"
                   class="sb-sub-link {{ request()->routeIs('mercado.pescadores.*') ? 'active' : '' }}">
                    <i class="fas fa-fish"></i> Pescadores
                </a>
                <a href="{{ route('mercado.escamadores.index') }}"
                   class="sb-sub-link {{ request()->routeIs('mercado.escamadores.*') ? 'active' : '' }}">
                    <i class="fas fa-cut"></i> Escamadores
                </a>
            </div>
        </div>

        {{-- ── PESCA (COM BOOTSTRAP COLLAPSE) ── --}}
        <div class="sb-item">
            <button class="sb-link"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#sb-pesca"
                    aria-expanded="{{ request()->routeIs('pesca.*') ? 'true' : 'false' }}"
                    data-title="Pesca">
                <i class="fas fa-water sb-icon"></i>
                <span class="sb-label">Pesca</span>
                <i class="fas fa-chevron-down sb-arrow"></i>
            </button>
        </div>
        <div id="sb-pesca" class="collapse sb-submenu {{ request()->routeIs('pesca.*') ? 'show' : '' }}">
            <div class="sb-sub">
                <a href="{{ route('pesca.pescado.index') }}"
                   class="sb-sub-link {{ request()->routeIs('pesca.pescado.*') ? 'active' : '' }}">
                    <i class="fas fa-fish"></i> Pescado
                </a>
                <a href="{{ route('pesca.embarques.index') }}"
                   class="sb-sub-link {{ request()->routeIs('pesca.embarques.*') ? 'active' : '' }}">
                    <i class="fas fa-ship"></i> Embarques
                </a>
                <a href="{{ route('pesca.desembarques.index') }}"
                   class="sb-sub-link {{ request()->routeIs('pesca.desembarques.*') ? 'active' : '' }}">
                    <i class="fas fa-anchor"></i> Desembarques
                </a>
                <a href="{{ route('pesca.rastreio.index') }}"
                   class="sb-sub-link {{ request()->routeIs('pesca.rastreio.*') ? 'active' : '' }}">
                    <i class="fas fa-map-marker-alt"></i> Rastreio
                </a>
            </div>
        </div>

        {{-- ── FINANÇAS (COM BOOTSTRAP COLLAPSE) ── --}}
        <div class="sb-item">
            <button class="sb-link"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#sb-financas"
                    aria-expanded="{{ request()->routeIs('financas.*') ? 'true' : 'false' }}"
                    data-title="Finanças">
                <i class="fas fa-coins sb-icon"></i>
                <span class="sb-label">Finanças</span>
                <i class="fas fa-chevron-down sb-arrow"></i>
            </button>
        </div>
        <div id="sb-financas" class="collapse sb-submenu {{ request()->routeIs('financas.*') ? 'show' : '' }}">
            <div class="sb-sub">
                <a href="{{ route('financas.taxas.index') }}"
                   class="sb-sub-link {{ request()->routeIs('financas.taxas.*') ? 'active' : '' }}">
                    <i class="fas fa-tags"></i> Taxas
                </a>
                <a href="{{ route('financas.pagamentos.index') }}"
                   class="sb-sub-link {{ request()->routeIs('financas.pagamentos.*') ? 'active' : '' }}">
                    <i class="fas fa-credit-card"></i> Pagamentos
                </a>
                <a href="{{ route('financas.relatorios.index') }}"
                   class="sb-sub-link {{ request()->routeIs('financas.relatorios.*') ? 'active' : '' }}">
                    <i class="fas fa-chart-line"></i> Relatórios financeiros
                </a>
            </div>
        </div>

        {{-- ── OCORRÊNCIAS (COM BOOTSTRAP COLLAPSE) ── --}}
        <div class="sb-item">
            <button class="sb-link"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#sb-ocorrencias"
                    aria-expanded="{{ request()->routeIs('ocorrencias.*') ? 'true' : 'false' }}"
                    data-title="Ocorrências">
                <i class="fas fa-exclamation-triangle sb-icon"></i>
                <span class="sb-label">Ocorrências</span>
                <i class="fas fa-chevron-down sb-arrow"></i>
            </button>
        </div>
        <div id="sb-ocorrencias" class="collapse sb-submenu {{ request()->routeIs('ocorrencias.*') ? 'show' : '' }}">
            <div class="sb-sub">
                <a href="{{ route('ocorrencias.mercado.index') }}"
                   class="sb-sub-link {{ request()->routeIs('ocorrencias.mercado.*') ? 'active' : '' }}">
                    <i class="fas fa-store"></i> Mercado
                </a>
                <a href="{{ route('ocorrencias.pesca.index') }}"
                   class="sb-sub-link {{ request()->routeIs('ocorrencias.pesca.*') ? 'active' : '' }}">
                    <i class="fas fa-water"></i> Pescas
                </a>
            </div>
        </div>

        <div class="sb-section">Administração</div>

        {{-- ── UTILIZADORES (COM BOOTSTRAP COLLAPSE) ── --}}
        <div class="sb-item">
            <button class="sb-link"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#sb-utilizadores"
                    aria-expanded="{{ request()->routeIs('utilizadores.*') ? 'true' : 'false' }}"
                    data-title="Utilizadores">
                <i class="fas fa-users-cog sb-icon"></i>
                <span class="sb-label">Utilizadores</span>
                <i class="fas fa-chevron-down sb-arrow"></i>
            </button>
        </div>
        <div id="sb-utilizadores" class="collapse sb-submenu {{ request()->routeIs('utilizadores.*') ? 'show' : '' }}">
            <div class="sb-sub">
                <a href="{{ route('utilizadores.administradores.index') }}"
                   class="sb-sub-link {{ request()->routeIs('utilizadores.administradores.*') ? 'active' : '' }}">
                    <i class="fas fa-user-shield"></i> Administrador
                </a>
                <a href="{{ route('utilizadores.fiscais.index') }}"
                   class="sb-sub-link {{ request()->routeIs('utilizadores.fiscais.*') ? 'active' : '' }}">
                    <i class="fas fa-user-check"></i> Fiscal
                </a>
            </div>
        </div>

    </nav>

    {{-- ── Configurações (footer fixo) ── --}}
    <div class="sb-footer">
        <div class="sb-item">
            <a href="{{ route('sistema.configuracoes') }}"
               class="sb-link {{ request()->routeIs('sistema.*') ? 'active' : '' }}"
               data-title="Configurações">
                <i class="fas fa-sliders-h sb-icon"></i>
                <span class="sb-label">Configurações</span>
            </a>
        </div>
    </div>

</div>