{{-- Conteúdo da aba "Dados" — extraído pra ser reaproveitado tanto na
     criação (sem abas, só isto) quanto na edição (dentro de <x-tab-painel
     chave="dados">), sem duplicar o formulário em dois lugares. Etapa 2D:
     nenhum campo/operação mudou aqui, só a moldura ao redor. --}}
<div class="card">
    <strong>{{ $materia?->exists ? 'Editar Matéria' : 'Nova Matéria' }}</strong>

    @if(count($similares))
        <div style="background:#fef3c7; border:2px solid #f59e0b; border-radius:12px; padding:14px 16px; margin-top:14px">
            <strong style="color:#92400e"><i class="fa fa-triangle-exclamation"></i> Possíveis matérias semelhantes encontradas</strong>
            <p style="color:#92400e; font-size:.85rem; margin:4px 0 10px">
                Isso não bloqueia o cadastro — é só um aviso pra você conferir antes de continuar.
            </p>
            @foreach($similares as $item)
                <div style="display:flex; align-items:center; justify-content:space-between; background:#fff; border-radius:8px; padding:8px 12px; margin-bottom:6px">
                    <span>
                        <strong>{{ $item['materia']->numero }}/{{ $item['materia']->ano }}</strong> —
                        {{ $item['materia']->titulo }}
                    </span>
                    <span style="display:flex; align-items:center; gap:8px">
                        <span class="badge" style="background:#fef3c7; color:#92400e; font-weight:900">{{ $item['score'] }}% similar</span>
                        <a href="{{ route('admin.materias.edit', $item['materia']) }}" target="_blank" class="btn outline small">Abrir</a>
                    </span>
                </div>
            @endforeach
        </div>
    @endif

    <div style="margin-top:14px">
        <label for="titulo">Título</label>
        <input id="titulo" wire:model.live.debounce.600ms="titulo" required>
        @error('titulo') <div style="color:#ef4444; font-size:.82rem; margin-top:-8px">{{ $message }}</div> @enderror

        <div style="display:grid; grid-template-columns:1fr 1fr; gap:14px">
            <div>
                <label for="numero">Número</label>
                <input id="numero" wire:model="numero">
            </div>
            <div>
                <label for="ano">Ano</label>
                <input id="ano" type="number" wire:model="ano">
            </div>
        </div>

        <div style="display:grid; grid-template-columns:1fr 1fr; gap:14px">
            <div>
                <label for="tipo">Tipo</label>
                <select id="tipo" wire:model.live="tipo">
                    <option value="">— selecione —</option>
                    @foreach($this->tiposDisponiveis as $t)
                        <option value="{{ $t->nome }}">{{ $t->nome }}</option>
                    @endforeach
                </select>
                <p style="color:#94a3b8; font-size:.78rem; margin-top:-8px">
                    Não achou o tipo? Cadastra em <a href="{{ route('admin.cadastros.index') }}" target="_blank">Cadastros</a>.
                </p>
            </div>
            <div>
                <label for="tipo_votacao">Tipo de votação</label>
                <select id="tipo_votacao" wire:model="tipo_votacao">
                    @foreach(['Maioria Simples', 'Maioria Absoluta', '2/3', 'Votação Única'] as $opcao)
                        <option value="{{ $opcao }}">{{ $opcao }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div style="margin-bottom:16px">
            <label for="regraDeliberacaoId">Regra de votação (quórum deliberativo)</label>
            <select id="regraDeliberacaoId" wire:model="regraDeliberacaoId">
                <option value="">Automática — usar regra do tipo</option>
                @foreach($this->regrasDeliberacaoDisponiveis as $r)
                    <option value="{{ $r->id }}" title="{{ $r->descricaoFormula() }}">{{ $r->nome }}</option>
                @endforeach
            </select>
            <p style="color:#94a3b8; font-size:.78rem; margin-top:-8px">
                Quantos votos são necessários pra aprovar esta matéria. Deixe em "Automática" na
                maioria dos casos — só escolha uma regra específica em exceções regimentais. O
                nome de cada regra é só um rótulo — passe o mouse sobre a opção (ou confira em
                <a href="{{ route('admin.regras-deliberacao.index') }}" target="_blank">Regras de Deliberação</a>)
                pra ver a fórmula exata.
            </p>
        </div>

        @if($this->permiteVotoSecreto)
            <label style="display:flex; align-items:center; gap:8px; font-weight:600; margin-bottom:16px">
                <input type="checkbox" wire:model="votoSecreto" style="width:auto; margin:0">
                🔒 Votação secreta
            </label>
            <p style="color:#94a3b8; font-size:.78rem; margin-top:-14px">
                Se marcado, ninguém (nem o operador) vê quem votou o quê — só a contagem final.
            </p>
        @endif


        <div style="display:grid; grid-template-columns:1fr 1fr; gap:14px">
            <div>
                <label for="autor_id">Propositor</label>
                <select id="autor_id" wire:model.live="autor_id">
                    <option value="">— selecione —</option>
                    @foreach($this->autoresDisponiveis as $autor)
                        <option value="{{ $autor->id }}">{{ $autor->name }} @if($autor->partido) — {{ $autor->partido }} @endif</option>
                    @endforeach
                </select>
                @error('autor_id') <div style="color:#ef4444; font-size:.82rem; margin-top:-8px">{{ $message }}</div> @enderror
            </div>
            <div>
                <label>Coautores originais (opcional)</label>
                <p style="color:#94a3b8; font-size:.78rem; margin-top:-4px">
                    Quem já integrava a autoria no protocolo/cadastro — diferente de um vereador que adere depois pelo painel dele (subscrição posterior).
                </p>
                <div style="max-height:150px; overflow-y:auto; border:1px solid #e2e6ee; border-radius:10px; padding:8px 12px">
                    @foreach($this->coautoresDisponiveis as $candidato)
                        @if((string) $candidato->id !== $autor_id)
                            <label style="display:flex; align-items:center; gap:8px; font-weight:400; padding:3px 0">
                                <input type="checkbox" wire:model="coautoresIds" value="{{ $candidato->id }}" style="width:auto; margin:0">
                                {{ $candidato->name }} @if($candidato->partido) — {{ $candidato->partido }} @endif
                            </label>
                        @endif
                    @endforeach
                </div>
                @error('coautoresIds.*') <div style="color:#ef4444; font-size:.82rem; margin-top:4px">{{ $message }}</div> @enderror
            </div>
        </div>

        <div>
            <label for="bairro">Bairro (opcional)</label>
            <select id="bairro" wire:model.live="bairro">
                <option value="">— sem bairro —</option>
                @foreach($this->bairrosDisponiveis as $b)
                    <option value="{{ $b->nome }}">{{ $b->nome }}</option>
                @endforeach
            </select>
            <p style="color:#94a3b8; font-size:.78rem; margin-top:-8px">Usado também na verificação de similaridade, quando preenchido.</p>
        </div>

        <label for="descricao">Descrição</label>
        <textarea id="descricao" wire:model.live.debounce.600ms="descricao" rows="5"></textarea>

        <label for="anexoPdf">Anexo PDF</label>
        <input id="anexoPdf" type="file" wire:model="anexoPdf" accept="application/pdf">
        @error('anexoPdf') <div style="color:#ef4444; font-size:.82rem; margin-top:-8px">{{ $message }}</div> @enderror
        @if($materia?->anexo_pdf)
            <p style="font-size:.88rem; margin:-6px 0 12px">
                Atual: <a href="{{ Storage::url($materia->anexo_pdf) }}" target="_blank">abrir PDF</a> — enviar um novo substitui o atual.
            </p>
        @endif

        <div style="display:flex; gap:10px; align-items:center">
            {{-- Etapa 2H, item 9: backend já bloqueia salvar() sem edição
                 (protegerEdicao()) — isto só evita mostrar uma ação que
                 vai dar 403 pra quem só tem leitura. --}}
            @if($this->podeEditar)
                <x-botao-acao acao="salvar" :label="$materia?->exists ? 'Salvar alterações' : 'Criar matéria'" labelCarregando="Salvando..." icone="fa-floppy-disk" />
            @endif
            <a href="{{ route('admin.materias.index') }}" class="btn outline">Voltar</a>
        </div>
    </div>
</div>

@if($materia?->exists && $materia->lei)
    <div class="card" style="border-left:4px solid #16a34a">
        <i class="fa fa-scroll" style="color:#16a34a"></i>
        Norma resultante: <strong>{{ $materia->lei->identificacao() }}</strong>
        <a href="{{ route('admin.leis.edit', $materia->lei) }}" target="_blank" class="btn outline small" style="margin-left:8px">Ver Lei</a>
    </div>
@endif