<?php
include 'conexao.php';
$conn = conectar_banco();

$id = $_GET['id'] ?? null;
if (!$id) { header("Location: consulta.php"); exit; }

// Busca os dados e o nome do status
$stmt = $conn->prepare("SELECT q.*, s.nome_status FROM qualificacao_belgo q 
                        INNER JOIN statusdoquestionario s ON q.id_status_fk = s.id_status 
                        WHERE q.id = ?");
$stmt->bind_param('i', $id);
$stmt->execute();
$dados = $stmt->get_result()->fetch_assoc();

if (!$dados) { echo "Registro não encontrado."; exit; }
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Visualizar Questionário - Belgo Arames</title>
    <style>
        body { font-family: Arial, sans-serif; background-color: #f4f4f4; padding: 20px; }
        .container { max-width: 850px; margin: 0 auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
        h1 { color: #004d99; border-bottom: 2px solid #ccc; }
        .form-group { margin-bottom: 20px; border: 1px solid #ddd; padding: 15px; border-radius: 4px; background-color: #fafafa; }
        label { display: block; font-weight: bold; color: #555; margin-bottom: 5px; }
        input, select, textarea { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; background-color: #eee; cursor: not-allowed; }
        .radio-group { margin-bottom: 10px; padding: 5px; border-left: 3px solid #004d99; background: #fff; }
        .section-title { background-color: #004d99; color: white; padding: 10px; border-radius: 4px; margin: 20px 0 10px 0; }
        .script-text { font-style: italic; color: #666; font-size: 0.9em; margin-bottom: 10px; display: block; }
        .btn-voltar { background-color: #6c757d; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; display: inline-block; }
        .nota-badge { color: #d32f2f; font-weight: bold; font-size: 0.85em; }
    </style>
</head>
<body>

<div class="container">
    <h1>Questionário Completo #<?= $dados['id'] ?></h1>
    <a href="consulta.php" class="btn-voltar">← Voltar para Consulta</a>

    <h2 class="section-title">CONTROLE DA ENTREVISTA</h2>
    <div class="form-group">
        <label>Entrevistador:</label>
        <input type="text" value="<?= $dados['quem_entrevistou'] ?>" disabled>
        <label>Status Atual:</label>
        <input type="text" value="<?= $dados['nome_status'] ?>" disabled>
    </div>

    <h2 class="section-title">INTRODUÇÃO</h2>
    <div class="form-group">
        <span class="script-text">"Bom dia (tarde), meu nome é... (Script completo da Belgo Arames)"</span>
        <label>Aceitou a pesquisa?</label>
        <input type="text" value="<?= $dados['aceite_pesquisa'] ?>" disabled>
    </div>

    <h2 class="section-title">DADOS CADASTRAIS</h2>
    <div class="form-group">
        <label>Razão Social:</label>
        <input type="text" value="<?= $dados['razao_social'] ?>" disabled>
        <label>CNPJ:</label>
        <input type="text" value="<?= $dados['cnpj'] ?>" disabled>
        
        <div style="display: flex; gap: 10px;">
            <div style="flex: 2;"><label>Cidade:</label><input type="text" value="<?= $dados['cidade'] ?>" disabled></div>
            <div style="flex: 1;"><label>UF:</label><input type="text" value="<?= $dados['uf'] ?>" disabled></div>
        </div>
    </div>

    <h2 class="section-title">CONTATOS DO QUESTIONÁRIO</h2>
    <div class="form-group">
        <table style="width:100%; border-collapse:collapse; font-size:0.85em;">
            <thead>
                <tr style="background:#004d99; color:#fff;">
                    <th style="padding:8px; text-align:left;">Área</th>
                    <th style="padding:8px; text-align:left;">Entrevistado</th>
                    <th style="padding:8px; text-align:left;">Nome</th>
                    <th style="padding:8px; text-align:left;">Sobrenome</th>
                    <th style="padding:8px; text-align:left;">Sexo</th>
                    <th style="padding:8px; text-align:left;">Cargo</th>
                    <th style="padding:8px; text-align:left;">Telefone</th>
                    <th style="padding:8px; text-align:left;">Email</th>
                    <th style="padding:8px; text-align:left;">Cidade/UF</th>
                </tr>
            </thead>
            <tbody id="tbody-contatos">
                <tr><td colspan="9" style="padding:8px; text-align:center; color:#999;">Carregando contatos...</td></tr>
            </tbody>
        </table>
    </div>

    <h2 class="section-title">QUALIFICAÇÃO TÉCNICA (Roteiro)</h2>
    
    <div class="form-group">
        <label>1. Responsável pela área:</label>
        <div class="radio-group"><?= $dados['p1_responsavel_area'] ?></div>
        
        <label>2. Conhece a Belgo Arames?</label>
        <div class="radio-group"><?= $dados['p2_conhece_belgo'] ?></div>

        <label>3. Possui certificações ISO ou ESG?</label>
        <div class="radio-group"><?= $dados['p3_certificacoes'] ?> <span class="nota-badge">(Pontos: <?= ($dados['p3_certificacoes'] == 'Sim' ? '3' : '1') ?>)</span></div>

        <label>4. Possui máquinas com partes móveis?</label>
        <div class="radio-group"><?= $dados['p4_plantas_industriais'] ?></div>
        
        <label>4.1 Utiliza esteiras/correias?</label>
        <div class="radio-group"><?= $dados['p4_1_esteiras'] ?></div>

        <label>5. Já fez mapeamento NR-12?</label>
        <div class="radio-group"><?= $dados['p5_mapeamento_nr12'] ?></div>

        <label>5.1 Está prevista nova adequação para 2026?</label>
        <div class="radio-group"><?= $dados['p5_1_nova_adequacao'] ?? '' ?></div>

        <label>5.2 Está prevista a adequação para 2026?</label>
        <div class="radio-group"><?= $dados['p5_2_previsao_adequacao'] ?? '' ?></div>

        <label>6. Já adquiriu soluções NR-12?</label>
        <div class="radio-group"><?= $dados['p6_aquisicao_solucoes'] ?></div>
        <span class="script-text">Se Não: Entrevistador alertou sobre riscos de multas e sanções.</span>

        <label>7. Existe projeto ou demanda futura?</label>
        <div class="radio-group"><?= $dados['p7_projeto_futuro'] ?></div>
    </div>

    <?php if($dados['p7_projeto_futuro'] == 'Sim'): ?>
    <h2 class="section-title">AGENDAMENTO</h2>
    <div class="form-group">
        <label>Data Sugerida:</label>
        <input type="text" value="<?= $dados['p7_1_agendamento_data'] ?>" disabled>
        <label>Horários Sugeridos:</label>
        <input type="text" value="<?= $dados['p7_1_agendamento_hora1'] ?> ou <?= $dados['p7_1_agendamento_hora2'] ?>" disabled>
    </div>
    <?php endif; ?>

    <div class="form-group" style="background: #e3f2fd; border: 2px solid #1976d2;">
        <label>NOTA TOTAL DE QUALIFICAÇÃO:</label>
        <h2 style="margin:0; color: #1976d2;"><?= $dados['nota_total'] ?> Pontos</h2>
    </div>

    <h2 class="section-title">OBSERVAÇÕES DE ENCERRAMENTO</h2>
    <textarea rows="4" disabled><?= $dados['observacao_encerramento'] ?></textarea>

    <br>
    <a href="consulta.php" class="btn-voltar">Voltar</a>
</div>

<script>
// Carregar contatos via AJAX
document.addEventListener('DOMContentLoaded', function() {
    const idQuestionario = <?= (int)$id ?>;
    const tbody = document.getElementById('tbody-contatos');
    
    fetch(`contatos_questionario.php?action=list&id=${idQuestionario}`)
        .then(res => res.json())
        .then(json => {
            if(json.success) {
                tbody.innerHTML = '';
                if(json.data.length === 0) {
                    tbody.innerHTML = '<tr><td colspan="9" style="padding:8px; text-align:center; color:#999;">Nenhum contato cadastrado.</td></tr>';
                } else {
                    json.data.forEach(row => {
                        const tr = document.createElement('tr');
                        tr.style.borderBottom = '1px solid #ddd';
                        const telefone = row.ddd ? `(${row.ddd}) ${row.telefone1}` : row.telefone1;
                        tr.innerHTML = `
                            <td style="padding:8px;">${row.area}</td>
                            <td style="padding:8px;">${row.entrevistado === 'S' ? 'Sim' : 'Não'}</td>
                            <td style="padding:8px;">${row.nome}</td>
                            <td style="padding:8px;">${row.sobrenome}</td>
                            <td style="padding:8px;">${row.sexo}</td>
                            <td style="padding:8px;">${row.cargo}</td>
                            <td style="padding:8px;">${telefone}</td>
                            <td style="padding:8px;">${row.email}</td>
                            <td style="padding:8px;">${row.cidade}/${row.uf}</td>
                        `;
                        tbody.appendChild(tr);
                    });
                }
            } else {
                tbody.innerHTML = '<tr><td colspan="9" style="padding:8px; text-align:center; color:#b71c1c;">Erro ao carregar contatos.</td></tr>';
            }
        })
        .catch(err => {
            console.error(err);
            tbody.innerHTML = '<tr><td colspan="9" style="padding:8px; text-align:center; color:#b71c1c;">Erro ao carregar contatos.</td></tr>';
        });
});
</script>

</body>
</html>