{{-- Conteúdo de "Vínculo com Matéria" — busca/seleciona/limpa uma matéria
     existente (ProtocoloForm::selecionarMateria()/limparSelecaoMateria()/
     resultadosBuscaMateria/materiaVinculada, já existentes, não tocados).

     IMPORTANTE (achado da auditoria desta etapa, diferente de Matéria): a
     seleção aqui é só um campo do MESMO formulário — ela só é gravada de
     verdade quando "salvar()" roda (junto com assunto/remetente/etc.), não
     tem uma ação própria de persistir. Como isso vive numa aba separada de
     Dados na edição, o botão Salvar abaixo chama exatamente a MESMA ação
     "salvar" (não é uma segunda lógica) — é só pra deixar claro que dá pra
     confirmar a escolha sem trocar de aba. --}}
<div class="card">
    <strong><i class="fa fa-link"></i> Vínculo com Matéria</strong>
    <p style="color:#94a3b8; font-size:.78rem; margin-top:4px">
        Use isso tanto pra um protocolo de entrada (documento que deu origem a uma matéria já cadastrada) quanto pra um protocolo de retorno do Executivo (precisa apontar pra matéria que já tramitou). A escolha abaixo é salva junto com a aba Dados.
    </p>

    <div style="margin-top:12px">
        {{-- Etapa 2H, item 9: busca/seleção escondida pra quem só tem
             leitura — mesmo não persistindo por si só, alterar a seleção
             sem poder salvar só confundiria (backend bloqueia salvar()
             de qualquer forma via protegerEdicao()). --}}
        @if($this->podeEditar)
            @if($this->materiaVinculada)
                <div style="display:flex; align-items:center; justify-content:space-between; gap:10px; background:#fff; border:2px solid #16a34a; border-radius:10px; padding:9px 12px; margin-bottom:14px">
                    <span>
                        <i class="fa fa-circle-check" style="color:#16a34a"></i>
                        <strong>{{ $this->materiaVinculada->tipo }} nº {{ $this->materiaVinculada->numero }}/{{ $this->materiaVinculada->ano }}</strong>
                        <div style="color:#64748b; font-size:.82rem; margin-top:2px">{{ \Illuminate\Support\Str::limit($this->materiaVinculada->titulo, 90) }}</div>
                    </span>
                    <button type="button" wire:click="limparSelecaoMateria" class="btn outline small">Trocar</button>
                </div>
            @else
                <input
                    type="text"
                    wire:model.live.debounce.400ms="buscaMateria"
                    placeholder="Pesquise por número, ano ou título da matéria..."
                    autocomplete="off"
                    style="margin-bottom:4px"
                >
                @if(mb_strlen(trim($buscaMateria)) >= 2)
                    <div style="border:1px solid #e2e6ee; border-radius:10px; background:#fff; max-height:260px; overflow-y:auto; margin-bottom:14px">
                        @forelse($this->resultadosBuscaMateria as $resultado)
                            <button
                                type="button"
                                wire:click="selecionarMateria({{ $resultado->id }})"
                                style="display:block; width:100%; text-align:left; padding:10px 12px; border:0; border-bottom:1px solid #f1f5f9; background:#fff; cursor:pointer"
                            >
                                <strong>{{ $resultado->tipo }} nº {{ $resultado->numero }}/{{ $resultado->ano }}</strong>
                                <div style="color:#64748b; font-size:.82rem; margin-top:2px">{{ \Illuminate\Support\Str::limit($resultado->titulo, 90) }}</div>
                            </button>
                        @empty
                            <div style="padding:10px 12px; color:#94a3b8; font-size:.85rem">Nenhuma matéria encontrada pra "{{ $buscaMateria }}".</div>
                        @endforelse
                    </div>
                @else
                    <div style="margin-bottom:14px"></div>
                @endif
            @endif

            @if($protocolo?->exists)
                <x-botao-acao acao="salvar" label="Salvar vínculo" labelCarregando="Salvando..." icone="fa-floppy-disk" />
            @endif
        @elseif($this->materiaVinculada)
            {{-- Somente leitura: mostra a matéria já vinculada, sem ação --}}
            <div style="display:flex; align-items:center; gap:10px; background:#fff; border:2px solid #16a34a; border-radius:10px; padding:9px 12px">
                <i class="fa fa-circle-check" style="color:#16a34a"></i>
                <span>
                    <strong>{{ $this->materiaVinculada->tipo }} nº {{ $this->materiaVinculada->numero }}/{{ $this->materiaVinculada->ano }}</strong>
                    <div style="color:#64748b; font-size:.82rem; margin-top:2px">{{ \Illuminate\Support\Str::limit($this->materiaVinculada->titulo, 90) }}</div>
                </span>
            </div>
        @else
            <p style="color:#94a3b8; font-size:.85rem">Nenhuma matéria vinculada.</p>
        @endif
    </div>
</div>

@if($protocolo?->exists && $protocolo->materia_id)
    <div class="card" style="border-left:4px solid #16a34a">
        <i class="fa fa-check-circle" style="color:#16a34a"></i>
        Vinculado à matéria —
        <a href="{{ route('admin.materias.edit', $protocolo->materia_id) }}" target="_blank">abrir matéria #{{ $protocolo->materia_id }}</a>
        <span class="badge preparacao" style="margin-left:6px">{{ $protocolo->labelPapelLegislativo() }}</span>
    </div>
@endif