{{-- Tema "Plenário Feira Grande" — orador com a palavra (#ovSpeaker /
     .speaker-box do PHP homologado), por cima da grade de quórum.

     Atende dois estados de estadoBase(): 'fala' (fala normal, aparte ou
     convidado) e 'encaminhamento' (mesma caixa, com a matéria no topo).

     Cronômetro: EXATAMENTE a mesma lógica do tema padrão — wire:key
     incluindo o fim previsto (um acréscimo de tempo troca o elemento e
     recalcula), x-init com tick de 1s e $cleanup. Continua mostrando
     "+mm:ss" em vermelho quando excede (comportamento do Laravel). Os
     avisos sonoros continuam vindo só dos eventos do componente (raiz). --}}
@php($fgEhEncaminhamento = $fgEstado === 'encaminhamento')
@php($fgFala = $fgEhEncaminhamento ? $this->falaEncaminhamentoAtiva : $this->falaEmAndamento)
@php($fgMostraFila = ! $fgEhEncaminhamento && $config->painel_mostrar_fila_espera && $this->pedidosPendentes->isNotEmpty())

<div class="fg-camada fg-camada-fala">
    <div class="fg-speaker-pilha">
        @if($fgEhEncaminhamento)
            <div class="fg-speaker-cabecalho">
                <span class="fg-speaker-tag encaminhamento" style="margin-bottom:0"><i class="fa-solid fa-route"></i> ENCAMINHAMENTO</span>
                <div class="fg-materia-enc">{{ $this->materiaEmEncaminhamento->materia->titulo }}</div>
            </div>
        @endif

        @if($fgFala)
            @php($fgInicioEm = $fgFala->tempo_inicio->toIso8601String())
            @php($fgFimEm = $fgFala->tempo_inicio->copy()->addMinutes($fgFala->tempo_solicitado)->toIso8601String())
            @php($fgDuracaoSegundos = $fgFala->tempo_solicitado * 60)
            <div wire:key="fg-{{ $fgEhEncaminhamento ? 'encaminhamento' : 'fala' }}-{{ $fgFala->id }}-{{ $fgFimEm }}"
                 x-data="{
                    inicioEm: new Date('{{ $fgInicioEm }}').getTime(),
                    fimEm: new Date('{{ $fgFimEm }}').getTime(),
                    duracao: {{ $fgDuracaoSegundos }},
                    restante: 0, percentDecorrido: 0, excedido: false,
                 }"
                 x-init="
                    const tick = () => {
                        const bruto = Math.round((fimEm - Date.now())/1000);
                        excedido = bruto < 0;
                        restante = Math.abs(bruto);
                        percentDecorrido = Math.min(100, Math.max(0, ((Date.now() - inicioEm) / (fimEm - inicioEm)) * 100));
                    };
                    tick();
                    const iv = setInterval(tick, 1000);
                    $cleanup(() => clearInterval(iv));
                 "
                 class="fg-speaker-box {{ $fgMostraFila ? 'fg-com-fila' : '' }} {{ $fgEhEncaminhamento ? 'fg-com-cabecalho' : '' }}">
                @if($fgFala->fotoExibicao())
                    <img class="fg-speaker-foto" src="{{ Storage::url($fgFala->fotoExibicao()) }}" alt="">
                @else
                    <div class="fg-speaker-foto fg-speaker-foto-inicial">{{ mb_substr($fgFala->nomeExibicao(), 0, 1) }}</div>
                @endif

                <div style="min-width:0">
                    @if($fgEhEncaminhamento)
                        <div class="fg-speaker-tag encaminhamento"><i class="fa-solid fa-microphone-lines"></i> Com a palavra</div>
                    @elseif($fgFala->isAparte())
                        <div class="fg-speaker-tag aparte"><i class="fa-solid fa-comments"></i> Aparte autorizado</div>
                    @elseif($fgFala->isAvulso())
                        <div class="fg-speaker-tag avulsa"><i class="fa-solid fa-microphone-lines"></i> Convidado</div>
                    @else
                        <div class="fg-speaker-tag normal"><i class="fa-solid fa-microphone-lines"></i> Fala autorizada</div>
                    @endif

                    <h2 class="fg-speaker-name">{{ $fgFala->nomeExibicao() }}</h2>
                    {{-- mesmo critério do tema padrão (partido do orador sempre que existir) --}}
                    @if($fgFala->partidoExibicao())
                        <div class="fg-speaker-partido">{{ $fgFala->partidoExibicao() }}</div>
                    @endif

                    @if($config->painel_mostrar_cronometro)
                        <div class="fg-speaker-time" :class="excedido ? 'excedido' : ''"
                             x-text="(excedido ? '+' : '') + String(Math.floor(restante/60)).padStart(2,'0') + ':' + String(restante%60).padStart(2,'0')"></div>
                        <div class="fg-progress"><i :style="`width:${percentDecorrido}%`"></i></div>
                    @endif
                </div>
            </div>
        @else
            {{-- Encaminhamento aberto, ninguém com a palavra ainda. --}}
            <div class="fg-queue-modal" style="width:min(1100px, 96vw)">
                <div class="fg-vazio">
                    <strong><i class="fa-solid fa-hourglass-half"></i> ENCAMINHAMENTO EM ANDAMENTO</strong>
                    Aguardando próximo orador.
                </div>
            </div>
        @endif

        {{-- "Aguardando a palavra" (painel_mostrar_fila_espera, recurso do
             Laravel) no estilo da mini-fila do PHP. Mesma lista/limite do
             tema padrão: pedidosPendentes, até 8, com "+N". --}}
        @if($fgMostraFila && $fgFala)
            <div class="fg-fila-espera" wire:key="fg-fila-espera-{{ $fgFala->id }}">
                <div class="fg-mini-fila-hd">
                    <i class="fa-solid fa-user-clock"></i>
                    <span>Aguardando a palavra</span>
                    <span class="fg-pill p-gold">{{ $this->pedidosPendentes->count() }}</span>
                </div>
                <div class="fg-mini-fila-lista">
                    @foreach($this->pedidosPendentes->take(8) as $pedido)
                        <span class="fg-chip" wire:key="fg-espera-{{ $pedido->id }}">
                            @if($pedido->fotoExibicao())
                                <img src="{{ Storage::url($pedido->fotoExibicao()) }}" alt="">
                            @else
                                <span class="fg-chip-inicial">{{ mb_substr($pedido->nomeExibicao(), 0, 1) }}</span>
                            @endif
                            <span>{{ $loop->iteration }}º {{ $pedido->nomeExibicao() }}</span>
                            @if($pedido->isAparte())
                                <i class="fa-solid fa-comments" title="Pedido de aparte" style="color:#fbbf24"></i>
                            @endif
                        </span>
                    @endforeach
                    @if($this->pedidosPendentes->count() > 8)
                        <span class="fg-chip">+{{ $this->pedidosPendentes->count() - 8 }}</span>
                    @endif
                </div>
            </div>
        @endif
    </div>
</div>