{{-- =====================================================
     SINAGEM — Header/Navbar Partial
     resources/views/admin/partials/header.blade.php
     ===================================================== --}}

<header id="sinagem-header">

    {{-- Toggle Sidebar (mobile + desktop collapse) --}}
    <button id="sidebarToggle" class="hdr-toggle" type="button" aria-label="Abrir menu">
        <i class="fas fa-bars"></i>
    </button>

    {{-- Page Title & Breadcrumb Area --}}
    <div class="hdr-page-area">
        <div class="hdr-page-title">
            @yield('page-title', 'Dashboard')
        </div>
        <div class="hdr-breadcrumb">
            @yield('breadcrumb')
        </div>
    </div>

    {{-- Actions --}}
    <div class="hdr-actions">

        {{-- Notifications --}}
        <div class="dropdown">
            <button class="hdr-icon-btn" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Notificações">
                <i class="fas fa-bell"></i>
                @if(isset($notificacoesCount) && $notificacoesCount > 0)
                    <span class="hdr-badge">{{ $notificacoesCount > 9 ? '9+' : $notificacoesCount }}</span>
                @endif
            </button>
            <ul class="dropdown-menu dropdown-menu-end shadow" style="min-width: 320px;">
                <li class="px-3 py-2 border-bottom">
                    <strong class="fw-600"><i class="fas fa-bell me-2"></i>Notificações</strong>
                </li>
                @forelse($notificacoes ?? [] as $notif)
                    <li>
                        <a class="dropdown-item py-2" href="{{ $notif['url'] ?? '#' }}">
                            <div class="fw-600 fs-sm">{{ $notif['titulo'] ?? 'Notificação' }}</div>
                            <div class="text-muted fs-xs">{{ $notif['tempo'] ?? 'Agora' }}</div>
                        </a>
                    </li>
                @empty
                    <li class="px-3 py-3 text-center text-muted">
                        <i class="fas fa-bell-slash d-block mb-1" style="font-size: 1.4rem;"></i>
                        <span class="fs-sm">Sem notificações</span>
                    </li>
                @endforelse
                @if(!empty($notificacoes))
                    <li class="border-top">
                        <a class="dropdown-item text-center fs-sm py-2 text-danger" href="#">
                            <i class="fas fa-eye me-1"></i> Ver todas
                        </a>
                    </li>
                @endif
            </ul>
        </div>

        {{-- User Avatar / Menu --}}
        <div class="dropdown">
            <button class="hdr-user" type="button" id="userMenuBtn" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Menu do utilizador">
                @if(!empty(Auth::user()->avatar))
                    <img src="{{ asset('storage/' . Auth::user()->avatar) }}"
                         alt="{{ Auth::user()->name }}"
                         class="hdr-avatar">
                @else
                    <div class="hdr-avatar-text">
                        {{ strtoupper(substr(Auth::user()->name ?? 'U', 0, 1)) }}
                    </div>
                @endif
                <span class="hdr-username">{{ Auth::user()->name ?? 'Utilizador' }}</span>
                <i class="fas fa-chevron-down ms-1" style="font-size: 0.7rem; color: var(--text-muted);"></i>
            </button>
            <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="userMenuBtn">
                <li class="px-3 py-2 border-bottom">
                    <div class="fw-700"><i class="fas fa-user-circle me-2"></i>{{ Auth::user()->name ?? 'Utilizador' }}</div>
                    <div class="text-muted fs-xs"><i class="fas fa-envelope me-1"></i>{{ Auth::user()->email ?? '' }}</div>
                </li>
                <li><hr class="dropdown-divider"></li>
                <li>
                    <a class="dropdown-item" href="{{ route('sistema.configuracoes') }}">
                        <i class="fas fa-user me-2"></i>O meu Perfil
                    </a>
                </li>
                <li>
                    <a class="dropdown-item" href="{{ route('sistema.configuracoes') }}">
                        <i class="fas fa-cog me-2"></i>Configurações
                    </a>
                </li>
                <li><hr class="dropdown-divider"></li>
                <li>
                    <form method="POST" action="{{ route('logout') }}">
                        @csrf
                        <button type="submit" class="dropdown-item text-danger">
                            <i class="fas fa-sign-out-alt me-2"></i>Terminar sessão
                        </button>
                    </form>
                </li>
            </ul>
        </div>

    </div>
</header>