{{-- Tema "Plenário Feira Grande" — cabeçalho (headline do PHP homologado).
     Mesmos parâmetros do tema padrão: painel_mostrar_ao_vivo e
     painel_mostrar_relogio_data. --}}
<header class="fg-headline">
    <div class="fg-header-left">
        @if($config->logo_path)
            <img src="{{ Storage::url($config->logo_path) }}" alt="Logo" class="fg-logo">
        @endif
        <div class="fg-title">
            <h1>{{ $config->nome_camara }}</h1>
            <div class="fg-meta">
                @if($sessao)
                    Sessão {{ $sessao->numero }}ª {{ ucfirst($sessao->tipo ?? 'Ordinária') }} • Data: {{ $sessao->data_sessao->format('d/m/Y') }}
                @else
                    Nenhuma sessão ativa no momento
                @endif
            </div>
        </div>
    </div>

    <div class="fg-header-right">
        @if($config->painel_mostrar_ao_vivo)
            @if($sessao)
                <div class="fg-live"><span class="fg-live-dot"></span> AO VIVO</div>
            @else
                <div class="fg-live fg-live-aguardando"><span class="fg-live-dot"></span> AGUARDANDO</div>
            @endif
        @endif

        @if($config->painel_mostrar_relogio_data)
            <div class="fg-clock" x-data="{ agora: new Date() }"
                 x-init="const iv = setInterval(() => agora = new Date(), 1000); $cleanup(() => clearInterval(iv))">
                <div class="fg-clock-time" x-text="agora.toLocaleTimeString('pt-BR', { hour: '2-digit', minute: '2-digit', second: '2-digit' })"></div>
                <div class="fg-clock-date" x-text="(d => d.charAt(0).toUpperCase() + d.slice(1))(agora.toLocaleDateString('pt-BR', { weekday: 'long', day: '2-digit', month: '2-digit', year: 'numeric' }))"></div>
            </div>
        @endif
    </div>
</header>