{{-- Conteúdo da aba "Dados" — dados básicos + ações de ciclo de vida
     (colocar em vigência / encerrar / duplicar). Etapa 2G: nenhum campo/
     método mudou aqui, só a moldura ao redor. --}}
<div class="card">
    <div style="display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px">
        <strong>{{ $perfil ? 'Editar Perfil Regimental' : 'Novo Perfil Regimental' }}</strong>

        @if($perfil)
            @if($perfil->isVigente())
                <span class="badge ativa">Em vigência</span>
            @elseif($perfil->isRascunho())
                <span class="badge preparacao">Rascunho</span>
            @else
                <span class="badge encerrada">Encerrado</span>
            @endif
        @endif
    </div>

    @if($perfil && ! $this->editavel)
        <p style="color:#64748b; font-size:.85rem; margin-top:8px">
            Este perfil já está {{ $perfil->isVigente() ? 'em vigência' : 'encerrado' }} e não pode mais ser alterado —
            sessões que já o usaram precisam continuar vendo exatamente as mesmas regras.
            Pra mudar algo, use "Duplicar" e trabalhe na cópia.
        </p>
    @endif

    {{-- Etapa 2H, item 10: $this->editavel (rascunho x vigente/encerrado,
         regra regimental já existente) e $this->podeEditar (permissão do
         módulo 'configuracoes', Etapa 2H) são checagens INDEPENDENTES — os
         campos ficam readonly/disabled se QUALQUER uma bloquear. Backend
         continua sendo a proteção real (salvarDadosBasicos() já verifica
         as duas coisas). --}}
    @php($podeEditarAgora = $this->editavel && $this->podeEditar)
    <form wire:submit="salvarDadosBasicos" style="margin-top:14px">
        <label for="nome">Nome do perfil</label>
        <input id="nome" wire:model="nome" placeholder="Ex: Regimento Padrão — Sessões Ordinárias 2026" @disabled(! $podeEditarAgora)>
        @error('nome') <span style="color:#ef4444; font-size:.8rem">{{ $message }}</span> @enderror

        <label for="tipoSessao">Tipo de sessão a que se aplica</label>
        <select id="tipoSessao" wire:model="tipoSessao" @disabled(! $podeEditarAgora)>
            <option value="">— selecione —</option>
            @foreach($this->tiposSessaoDisponiveis as $tipo)
                <option value="{{ $tipo }}">{{ $tipo }}</option>
            @endforeach
        </select>
        @error('tipoSessao') <span style="color:#ef4444; font-size:.8rem">{{ $message }}</span> @enderror

        <label for="observacoes">Observações (opcional, uso interno)</label>
        <textarea id="observacoes" wire:model="observacoes" rows="3" @disabled(! $podeEditarAgora)></textarea>

        @if($podeEditarAgora)
            {{-- Continua type="submit" (preserva o wire:submit="salvarDadosBasicos"
                 do <form> acima — inclusive Enter pra submeter — em vez de
                 trocar pra wire:click via <x-botao-acao>, que mudaria esse
                 comportamento). Loading/disable adicionados manualmente,
                 mesmo efeito visual do componente global. --}}
            <button type="submit" class="btn" wire:loading.attr="disabled" wire:target="salvarDadosBasicos">
                <span wire:loading.remove wire:target="salvarDadosBasicos">{{ $perfil ? 'Salvar dados básicos' : 'Criar perfil e continuar' }}</span>
                <span wire:loading wire:target="salvarDadosBasicos"><i class="fa fa-spinner fa-spin"></i> Salvando...</span>
            </button>
        @endif
        <a href="{{ route('admin.perfis-regimentais.index') }}" class="btn outline">Voltar</a>
    </form>

    @if($perfil && $this->podeEditar)
        <div style="display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; padding-top:14px; border-top:1px solid #e2e6ee">
            @if($perfil->isRascunho())
                <button type="button" wire:click="colocarEmVigencia"
                    wire:confirm="Colocar este perfil em vigência? Ele passará a ser usado por novas sessões do tipo {{ $tipoSessao }}, e não poderá mais ser editado depois disso."
                    class="btn primary">
                    <i class="fa fa-check"></i> Colocar em vigência
                </button>
            @endif

            @if($perfil->isVigente())
                <button type="button" wire:click="encerrarPerfil"
                    wire:confirm="Encerrar este perfil? Sessões futuras do tipo {{ $tipoSessao }} deixarão de encontrar um perfil vigente até que outro seja colocado em vigência."
                    class="btn outline" style="color:#ef4444; border-color:#ef4444">
                    <i class="fa fa-ban"></i> Encerrar
                </button>
            @endif

            @if(! $duplicando)
                <button type="button" wire:click="abrirDuplicar" class="btn outline">
                    <i class="fa fa-copy"></i> Duplicar perfil
                </button>
            @endif
        </div>

        @if($duplicando)
            <div style="margin-top:12px; padding:12px; background:#f8fafc; border-radius:8px; border:1px solid #e2e6ee">
                <label for="duplicarNovoNome">Nome da nova versão (rascunho, editável)</label>
                <input id="duplicarNovoNome" wire:model="duplicarNovoNome">
                @error('duplicarNovoNome') <span style="color:#ef4444; font-size:.8rem">{{ $message }}</span> @enderror
                <div style="display:flex; gap:8px; margin-top:8px">
                    <x-botao-acao acao="confirmarDuplicar" label="Criar cópia" labelCarregando="Criando..." class="small" />
                    <button type="button" wire:click="cancelarDuplicar" class="btn outline small">Cancelar</button>
                </div>
            </div>
        @endif
    @endif
</div>