<?php  session_start();
if (!isset($_SESSION['id'])) { header("Location: ../index/index.php"); exit(); }
?>

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Buscar Participante</title>
    <style>
        /* Fundo cinza padrão Windows 2000/XP */
        body { 
            background: #d4d0c8; 
            font-family: "Tahoma", sans-serif; 
            font-size: 11px; 
            margin: 10px; 
            color: #000;
        }

        /* Barra de ferramentas com borda 3D */
        .barra-busca { 
            background: #c0c0c0; 
            padding: 8px; 
            border: 2px solid; 
            border-color: #fff #808080 #808080 #fff; 
            margin-bottom: 10px; 
            display: flex; 
            gap: 8px; 
            align-items: center; 
        }

        /* Container da tabela com efeito de baixo relevo */
        .win-container {
            height: 280px;
            overflow-y: auto;
            background: #fff;
            border: 2px inset #fff;
        }

        .win-table { 
            width: 100%; 
            border-collapse: collapse; 
            background: #fff; 
        }

        .win-table th { 
            background: #d4d0c8; 
            border: 1px solid #808080; 
            padding: 4px; 
            text-align: left; 
            position: sticky;
            top: 0;
        }

        .win-table td { 
            border: 1px solid #f0f0f0; 
            padding: 4px; 
            cursor: pointer; 
        }

        /* Destaque de seleção clássico (Azul Marinho) */
        .win-table tr:hover td { 
            background: #000080; 
            color: #fff; 
        }

        input[type="text"] { 
            border: 2px inset #fff; 
            padding: 3px; 
            background: #fff; 
            font-family: "Tahoma"; 
            font-size: 11px; 
        }

        /* Botão com efeito de clique 3D */
        .btn-win { 
            padding: 3px 15px; 
            font-family: "Tahoma"; 
            font-size: 11px; 
            background: #d4d0c8; 
            border: 2px solid; 
            border-color: #fff #808080 #808080 #fff; 
            cursor: pointer;
        }

        .btn-win:active { 
            border-color: #808080 #fff #fff #808080; 
            padding: 4px 14px 2px 16px;
        }
    </style>
</head>
<body>

    <div class="barra-busca">
        <label>Localizar:</label>
        <input type="text" id="txtBusca" placeholder="Digite nome ou código..." style="flex-grow: 1;" onkeypress="if(event.key === 'Enter') pesquisar()">
        <button type="button" class="btn-win" onclick="pesquisar()"><strong>Pesquisar</strong></button>
    </div>
    
    <div class="win-container">
        <table class="win-table" id="tabelaResultados">
            <thead>
                <tr>
                    <th width="80">Código</th>
                    <th>Nome / Razão Social</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td colspan="2" style="color:#808080; text-align:center; padding:20px; cursor:default;">
                        Digite o nome e clique em Pesquisar para buscar.
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <script>
        function pesquisar() {
            const q = document.getElementById('txtBusca').value;
            const tbody = document.querySelector('#tabelaResultados tbody');

            if(q.trim().length < 2) {
                alert("Digite pelo menos 2 caracteres para pesquisar.");
                return;
            }

            tbody.innerHTML = '<tr><td colspan="2" style="text-align:center; cursor:default;">Aguarde, processando...</td></tr>';

            fetch('busca_participante_motor.php?q=' + encodeURIComponent(q))
            .then(res => res.json())
            .then(data => {
                let html = '';
                if(data.length === 0) {
                    html = '<tr><td colspan="2" style="text-align:center; cursor:default;">Nenhum registro encontrado.</td></tr>';
                } else {
                    data.forEach(item => {
                        const nomeJS = item.reg_0150_nome.replace(/'/g, "\\'");
                        html += `
                            <tr onclick="selecionar('${item.reg_0150_cod_part}', '${nomeJS}')">
                                <td>${item.reg_0150_cod_part}</td>
                                <td>${item.reg_0150_nome}</td>
                            </tr>`;
                    });
                }
                tbody.innerHTML = html;
            })
            .catch(err => {
                tbody.innerHTML = '<tr><td colspan="2" style="color:red; cursor:default;">Erro na conexão com o servidor.</td></tr>';
            });
        }

        function selecionar(codigo, nome) {
            if (window.opener && !window.opener.closed) {
                // Preenche os inputs na sua tela de Nota Fiscal
                const cCod = window.opener.document.getElementById('val_orc_cab_cod_part');
                const cNom = window.opener.document.getElementById('val_orc_cab_nome');
                
                if(cCod) cCod.value = codigo;
                if(cNom) cNom.value = nome;
                
                window.close();
            }
        }
    </script>
</body>
</html>