{{-- Conteúdo da aba "Dados" — campos principais do protocolo, sem o bloco
     de vínculo com matéria (esse foi pra sua própria aba/seção — ver
     protocolo-vinculo-materia.blade.php). Etapa 2E: nenhum campo/validação
     mudou aqui, só a moldura ao redor. --}}
<div class="card">
    <strong>{{ $protocolo?->exists ? 'Editar Protocolo' : 'Novo Protocolo' }}</strong>

    <div style="margin-top:14px">
        <label for="assunto">Assunto</label>
        <input id="assunto" wire:model="assunto" required>
        @error('assunto') <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="remetente">Remetente</label>
                <select id="remetente" wire:model="remetente">
                    <option value="">— selecione —</option>
                    @foreach($this->remetentesDisponiveis() as $r)
                        <option value="{{ $r->nome }}">{{ $r->nome }}</option>
                    @endforeach
                </select>
                @error('remetente') <div style="color:#ef4444; font-size:.82rem; margin-top:-8px">{{ $message }}</div> @enderror
                <p style="color:#94a3b8; font-size:.78rem; margin-top:-8px">
                    Não achou? Cadastra em <a href="{{ route('admin.cadastros.index') }}" target="_blank">Cadastros</a>.
                </p>
            </div>
            <div>
                <label for="tipo">Tipo</label>
                <select id="tipo" wire:model="tipo">
                    <option value="">— selecione —</option>
                    @foreach($this->tiposDisponiveis() as $t)
                        <option value="{{ $t->nome }}">{{ $t->nome }}</option>
                    @endforeach
                </select>
                @error('tipo') <div style="color:#ef4444; font-size:.82rem; margin-top:-8px">{{ $message }}</div> @enderror
                <p style="color:#94a3b8; font-size:.78rem; margin-top:-8px">
                    Não achou? Cadastra em <a href="{{ route('admin.cadastros.index') }}" target="_blank">Cadastros</a>.
                </p>
            </div>
        </div>

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

        <label for="descricao">Descrição</label>
        <textarea id="descricao" wire:model="descricao" rows="4"></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($protocolo?->anexo_pdf)
            <p style="font-size:.88rem; margin:-6px 0 12px">
                Atual: <a href="{{ Storage::url($protocolo->anexo_pdf) }}" target="_blank">abrir PDF</a> — enviar um novo substitui o atual.
            </p>
        @endif

        <div style="display:flex; gap:10px; align-items:center">
            @if($this->podeEditar)
                <x-botao-acao acao="salvar" :label="$protocolo?->exists ? 'Salvar alterações' : 'Criar protocolo'" labelCarregando="Salvando..." icone="fa-floppy-disk" />
            @endif
            <a href="{{ route('admin.protocolos.index') }}" class="btn outline">Voltar</a>
        </div>
    </div>
</div>