<?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>Localizar Item</title>
    <style>
        body { background: #d4d0c8; font-family: "Tahoma", sans-serif; font-size: 11px; margin: 10px; color: #000; }
        .barra-comando { 
            background: #c0c0c0; padding: 8px; border: 2px solid; 
            border-color: #fff #808080 #808080 #fff; margin-bottom: 10px; 
            display: flex; gap: 8px; align-items: center; 
        }
        .win-container { height: 320px; 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; z-index: 10; }
        .win-table td { border: 1px solid #f0f0f0; padding: 4px; cursor: pointer; }
        .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; }
        .btn-win { padding: 3px 15px; background: #d4d0c8; border: 2px solid; border-color: #fff #808080 #808080 #fff; cursor: pointer; font-weight: bold; }
    </style>
</head>
<body>

    <div class="barra-comando">
        <label>Localizar Item:</label>
        <input type="text" id="txtProd" placeholder="Digite a descrição ou código..." style="flex-grow: 1;" onkeypress="if(event.key === 'Enter') pesquisar()">
        <button type="button" class="btn-win" onclick="pesquisar()">Pesquisar</button>
    </div>
    
    <div class="win-container">
        <table class="win-table" id="resProd">
            <thead>
                <tr>
                    <th width="80">Código</th>
                    <th>Descrição</th>
                    <th width="40">UN</th>
                    <th width="100">Marca (Grupo)</th>
                    <th width="60">Tipo</th>
                    <th width="80">Preço</th>
                </tr>
            </thead>
            <tbody>
                <tr><td colspan="6" style="text-align:center; padding:20px;">Digite o termo para buscar.</td></tr>
            </tbody>
        </table>
    </div>

    <script>
        const urlParams = new URLSearchParams(window.location.search);
        const targetId = urlParams.get('target'); 

        function pesquisar() {
            const q = document.getElementById('txtProd').value;
            const tbody = document.querySelector('#resProd tbody');

            if(q.trim().length < 2) return;

            tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;">Buscando...</td></tr>';

            fetch('busca_produto_motor.php?q=' + encodeURIComponent(q))
            .then(res => res.json())
            .then(data => {
                let html = '';
                if(data.length === 0) {
                    html = '<tr><td colspan="6" style="text-align:center;">Nenhum item encontrado.</td></tr>';
                } else {
                    data.forEach(item => {
                        const descrLimpa = item.reg_0200_descr_item.replace(/'/g, "\\'");
                        
                        // Captura a marca do campo reg_0200_grupo conforme seu banco
                        const marca = item.reg_0200_grupo || ''; 
                        const tipo  = item.reg_0200_tipo_item_produt || '';

                        html += `
                            <tr onclick="selecionar('${item.reg_0200_cod_item}', '${descrLimpa}', '${item.reg_0200_unid_inv}', '${item.reg_0200_preco}', '${marca}', '${tipo}')">
                                <td>${item.reg_0200_cod_item}</td>
                                <td>${item.reg_0200_descr_item}</td>
                                <td>${item.reg_0200_unid_inv}</td>
                                <td>${marca}</td>
                                <td>${tipo}</td>
                                <td>${item.reg_0200_preco}</td>
                            </tr>`;
                    });
                }
                tbody.innerHTML = html;
            });
        }

        function selecionar(codigo, descr, unid, preco, marca, tipo) {
            const win = window.opener;
            if (!win || win.closed) return;

            // Preenche campos de ID fixo
            const inputCod = win.document.getElementById('value_' + targetId);
            const inputDescr = win.document.getElementById('display_' + targetId);
            
            if (inputCod) {
                inputCod.value = codigo;
                if (inputDescr) inputDescr.value = descr;

                const tr = inputCod.closest('tr');

                // Preenche a Marca no campo correto do index.php
                const fMarca = tr.querySelector('input[name="orc_itens_marca_item[]"]');
                if (fMarca) fMarca.value = marca;

                // Preenche o Tipo
                const fTipo = tr.querySelector('input[name="orc_itens_tipo_item[]"]');
                if (fTipo) fTipo.value = tipo;

                // Unidade e Valor
                const fUnid = tr.querySelector('input[name="item_unid[]"]');
                if (fUnid) fUnid.value = unid;

                const fPreco = tr.querySelector('input[name="item_vl[]"]');
                if (fPreco) {
                    fPreco.value = preco;
                    if (typeof win.calcular === "function") win.calcular(fPreco);
                }
            }
            window.close();
        }
    </script>
</body>
</html>