<?php
// DEBUG
error_log("=== QUESTIONARIO_RESPONDER ===");
error_log("GET: " . print_r($_GET, true));
error_log("cliente_id: " . ($_GET['cliente_id'] ?? 'NULL'));
error_log("etapa_id: " . ($_GET['etapa_id'] ?? 'NULL')); 
error_log("funil_id: " . ($_GET['funil_id'] ?? 'NULL'));
session_start();

// Verifica se usuário está logado
if (!isset($_SESSION['logado']) || $_SESSION['logado'] !== true) {
    header('Location: login.php');
    exit;
}

// CORREÇÃO: Validação mais flexível
$cliente_id = $_GET['cliente_id'] ?? null;
$etapa_id = $_GET['etapa_id'] ?? null;
$funil_id = $_GET['funil_id'] ?? null;

// CORREÇÃO: Aceitar qualquer string não vazia, não apenas números
if (empty($cliente_id) || empty($etapa_id) || empty($funil_id)) {
    die("Parâmetros inválidos. Todos os parâmetros são obrigatórios.");
}

require_once 'conexao.php';

// CORREÇÃO: Buscar cliente com validação mais flexível
$stmt_cliente = $conn->prepare("SELECT Nome_Cliente, Email, tenant_id FROM clientes WHERE id = ?");
$stmt_cliente->bind_param("s", $cliente_id);
$stmt_cliente->execute();
$result_cliente = $stmt_cliente->get_result();

if ($result_cliente->num_rows === 0) {
    die("Cliente não encontrado para o ID: " . htmlspecialchars($cliente_id));
}

$cliente_info = $result_cliente->fetch_assoc();
$tenant_id = $cliente_info['tenant_id'];

// CORREÇÃO: Buscar etapa com questionário  
$stmt_etapa = $conn->prepare("SELECT nome, questionario_id FROM etapas_funis WHERE id = ?");
$stmt_etapa->bind_param("s", $etapa_id);
$stmt_etapa->execute();
$result_etapa = $stmt_etapa->get_result();

if ($result_etapa->num_rows === 0) {
    die("Etapa não encontrada para o ID: " . htmlspecialchars($etapa_id));
}

$etapa_info = $result_etapa->fetch_assoc();
$questionario_id = $etapa_info['questionario_id'];

// CORREÇÃO: Se não há questionário, redirecionar de volta
if (!$questionario_id) {
    echo "<script>
        alert('Esta etapa não possui questionário associado. Cliente será movido diretamente.');
        window.opener.location.reload();
        window.close();
    </script>";
    exit;
}

// CORREÇÃO: Buscar dados do questionário
$stmt_questionario = $conn->prepare("SELECT * FROM formularios WHERE id = ?");
$stmt_questionario->bind_param("i", $questionario_id);
$stmt_questionario->execute();
$result_questionario = $stmt_questionario->get_result();

if ($result_questionario->num_rows === 0) {
    die("Questionário não encontrado para o ID: " . $questionario_id);
}

$questionario_info = $result_questionario->fetch_assoc();

// CORREÇÃO: Buscar perguntas do questionário
$stmt_perguntas = $conn->prepare("
    SELECT 
        id,
        pergunta as texto,
        tipo,
        obrigatoria,
        ordem
    FROM questionario_perguntas 
    WHERE questionario_id = ? AND (condicional = 0 OR condicional IS NULL)
    ORDER BY ordem, id
");
$stmt_perguntas->bind_param("i", $questionario_id);
$stmt_perguntas->execute();
$result_perguntas = $stmt_perguntas->get_result();
$perguntas_final = $result_perguntas->fetch_all(MYSQLI_ASSOC);

// CORREÇÃO: Para cada pergunta, buscar opções
foreach ($perguntas_final as &$pergunta) {
    $stmt_opcoes = $conn->prepare("
        SELECT 
            id,
            texto,
            nota as pontuacao,
            ordem
        FROM questionario_opcoes 
        WHERE pergunta_id = ? 
        ORDER BY ordem, id
    ");
    $stmt_opcoes->bind_param("i", $pergunta['id']);
    $stmt_opcoes->execute();
    $result_opcoes = $stmt_opcoes->get_result();
    $pergunta['opcoes'] = $result_opcoes->fetch_all(MYSQLI_ASSOC);
    
    // CORREÇÃO: Para cada opção, buscar condicionais
    foreach ($pergunta['opcoes'] as &$opcao) {
        $stmt_condicionais = $conn->prepare("
            SELECT 
                qp.id,
                qp.pergunta as texto,
                qp.tipo,
                qp.obrigatoria
            FROM questionario_condicionais qc
            JOIN questionario_perguntas qp ON qc.pergunta_condicional_id = qp.id
            WHERE qc.opcao_condicional_id = ? 
            ORDER BY qp.ordem
        ");
        $stmt_condicionais->bind_param("i", $opcao['id']);
        $stmt_condicionais->execute();
        $result_condicionais = $stmt_condicionais->get_result();
        $condicionais = $result_condicionais->fetch_all(MYSQLI_ASSOC);
        
        // CORREÇÃO: Para cada condicional, buscar suas opções
        foreach ($condicionais as &$condicional) {
            $stmt_opcoes_cond = $conn->prepare("
                SELECT 
                    id,
                    texto,
                    nota as pontuacao
                FROM questionario_opcoes 
                WHERE pergunta_id = ? 
                ORDER BY ordem, id
            ");
            $stmt_opcoes_cond->bind_param("i", $condicional['id']);
            $stmt_opcoes_cond->execute();
            $result_opcoes_cond = $stmt_opcoes_cond->get_result();
            $condicional['opcoes'] = $result_opcoes_cond->fetch_all(MYSQLI_ASSOC);
        }
        
        $opcao['condicionais'] = $condicionais;
    }
}

$conn->close();
?>

<!DOCTYPE html>
<html>
<head>
    <title>Questionário - <?php echo htmlspecialchars($questionario_info['nome']); ?></title>
    <style>
        * {
            box-sizing: border-box;
        }
        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding: 20px;
        }
        .pergunta-item {
            background: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 6px;
            padding: 20px;
            margin-bottom: 15px;
        }
        .pergunta-condicional {
            margin: 15px 0 0 20px;
            padding: 15px;
            background: #e8f4fd;
            border: 1px solid #b8daff;
            border-radius: 4px;
            display: none;
        }
        .pergunta-condicional.ativa {
            display: block;
        }
        .opcao-container {
            margin: 12px 0;
            padding: 12px;
            border-radius: 4px;
            border: 1px solid #e9ecef;
        }
        .tem-condicional {
            border-left: 4px solid #ffc107;
            background: #fffbf0;
        }
        .pontuacao-badge {
            background: #17a2b8;
            color: white;
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 11px;
            margin-left: 8px;
        }
        .condicional-indicator {
            background: #ffc107;
            color: #856404;
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 11px;
            margin-left: 8px;
        }
        .debug-info {
            background: #e9ecef;
            padding: 15px;
            border-radius: 4px;
            margin-bottom: 20px;
            font-family: monospace;
            font-size: 12px;
            border-left: 4px solid #6c757d;
        }
        .btn {
            padding: 12px 24px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            margin: 0 10px;
        }
        .btn-success {
            background: #28a745;
            color: white;
        }
        .btn-success:hover {
            background: #218838;
        }
        .btn-secondary {
            background: #6c757d;
            color: white;
        }
        .btn-secondary:hover {
            background: #5a6268;
        }
        .opcao-label {
            display: flex;
            align-items: center;
            cursor: pointer;
            font-weight: 500;
            padding: 8px;
            border-radius: 4px;
            transition: background-color 0.2s;
        }
        .opcao-label:hover {
            background: #e9ecef;
        }
        .opcao-radio {
            margin-right: 10px;
        }
        .text-danger {
            color: #dc3545;
        }
        .condicional-text {
            font-weight: 600;
            color: #155724;
            margin-bottom: 8px;
        }
        .info-header {
            background: #d1ecf1;
            padding: 15px;
            border-radius: 6px;
            margin-bottom: 20px;
        }
        .nota-minima {
            background: #fff3cd;
            padding: 10px;
            border-radius: 6px;
            margin-bottom: 20px;
        }
        .fluxo-info {
            background: #d4edda;
            padding: 10px;
            border-radius: 6px;
            margin-bottom: 20px;
            border-left: 4px solid #28a745;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="info-header">
            <h2 style="margin-top: 0;">Questionário: <?php echo htmlspecialchars($questionario_info['nome']); ?></h2>
            <p><strong>Cliente:</strong> <?php echo htmlspecialchars($cliente_info['Nome_Cliente']); ?></p>
            <p><strong>Email:</strong> <?php echo htmlspecialchars($cliente_info['Email']); ?></p>
            <p><strong>Etapa:</strong> <?php echo htmlspecialchars($etapa_info['nome']); ?></p>
        </div>
        
        <?php if (!empty($questionario_info['nota_minima'])): ?>
            <div class="nota-minima">
                <strong>Nota Mínima para Aprovação:</strong> <?php echo $questionario_info['nota_minima']; ?> pontos
            </div>
        <?php endif; ?>

        <!-- NOVO: Informação sobre fluxos automatizados -->
        <div class="fluxo-info">
            <strong><i class="fas fa-robot"></i> Fluxos Automatizados</strong>
            <p style="margin: 5px 0 0 0; font-size: 14px;">
                Após responder este questionário, atividades podem ser criadas automaticamente para este cliente 
                baseadas nos fluxos configurados no sistema.
            </p>
        </div>
        
        <!-- DEBUG INFO -->
        <div class="debug-info">
            <strong>DEBUG - Estrutura Encontrada:</strong><br>
            Questionário ID: <?php echo $questionario_id; ?><br>
            Tenant ID: <?php echo $tenant_id; ?><br>
            Total de Perguntas: <?php echo count($perguntas_final); ?><br>
            <?php 
            foreach ($perguntas_final as $p) {
                echo "Pergunta ID {$p['id']}: {$p['texto']}<br>";
                foreach ($p['opcoes'] as $op) {
                    echo "&nbsp;&nbsp;- Opção ID {$op['id']}: {$op['texto']}";
                    if (!empty($op['condicionais'])) {
                        echo " → TEM " . count($op['condicionais']) . " CONDICIONAL(IS)";
                        foreach ($op['condicionais'] as $cond) {
                            echo " [ID {$cond['id']}: {$cond['texto']}]";
                        }
                    }
                    echo "<br>";
                }
            }
            ?>
        </div>

        <form id="questionarioForm" method="POST" action="processar_questionario.php">
            <input type="hidden" name="cliente_id" value="<?php echo $cliente_id; ?>">
            <input type="hidden" name="etapa_id" value="<?php echo $etapa_id; ?>">
            <input type="hidden" name="questionario_id" value="<?php echo $questionario_id; ?>">
            <input type="hidden" name="funil_id" value="<?php echo $funil_id; ?>">
            <input type="hidden" name="tenant_id" value="<?php echo $tenant_id; ?>">
            <input type="hidden" name="csrf_token" value="<?php echo $_SESSION['csrf_token'] ?? ''; ?>">
            
            <?php foreach ($perguntas_final as $index => $pergunta): ?>
            <div class="pergunta-item" data-pergunta-id="<?php echo $pergunta['id']; ?>">
                <h3 style="margin-top: 0;">
                    <?php echo ($index + 1) . '. ' . htmlspecialchars($pergunta['texto']); ?>
                    <?php if ($pergunta['obrigatoria']): ?>
                        <span class="text-danger">*</span>
                    <?php endif; ?>
                </h3>
                
                <?php foreach ($pergunta['opcoes'] as $opcao): ?>
                <div class="opcao-container <?php echo !empty($opcao['condicionais']) ? 'tem-condicional' : ''; ?>">
                    <label class="opcao-label">
                        <input type="radio" 
                               name="resposta[<?php echo $pergunta['id']; ?>]" 
                               value="<?php echo $opcao['id']; ?>"
                               class="opcao-radio"
                               data-opcao-id="<?php echo $opcao['id']; ?>"
                               <?php if ($pergunta['obrigatoria']): ?>required<?php endif; ?>>
                        <?php echo htmlspecialchars($opcao['texto']); ?>
                        
                        <?php if ($opcao['pontuacao'] > 0): ?>
                            <span class="pontuacao-badge">+<?php echo $opcao['pontuacao']; ?> pts</span>
                        <?php endif; ?>
                        
                        <?php if (!empty($opcao['condicionais'])): ?>
                            <span style="color: #ffc107; margin-left: 8px;">
                                <i class="fas fa-exclamation-circle"></i> tem condicionais
                            </span>
                        <?php endif; ?>
                    </label>
                    
                    <!-- PERGUNTAS CONDICIONAIS -->
                    <?php if (!empty($opcao['condicionais'])): ?>
                        <?php foreach ($opcao['condicionais'] as $condicional): ?>
                            <div class="pergunta-condicional" 
                                 id="condicional_<?php echo $opcao['id']; ?>_<?php echo $condicional['id']; ?>"
                                 data-opcao-pai="<?php echo $opcao['id']; ?>">
                                <div class="condicional-text">
                                    <?php echo htmlspecialchars($condicional['texto']); ?>
                                    <span class="condicional-indicator">
                                        <i class="fas fa-link"></i> Condicional
                                    </span>
                                </div>
                                
                                <?php if ($condicional['tipo'] === 'texto'): ?>
                                    <textarea name="resposta[<?php echo $condicional['id']; ?>]" 
                                              rows="3" 
                                              style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px;"
                                              placeholder="Digite sua resposta aqui..."
                                              <?php if ($condicional['obrigatoria']): ?>required<?php endif; ?>></textarea>
                                <?php elseif ($condicional['tipo'] === 'numero'): ?>
                                    <input type="number" 
                                           name="resposta[<?php echo $condicional['id']; ?>]" 
                                           style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px;"
                                           placeholder="Digite um número..."
                                           <?php if ($condicional['obrigatoria']): ?>required<?php endif; ?>>
                                <?php else: ?>
                                    <?php foreach ($condicional['opcoes'] as $opcao_cond): ?>
                                        <div style="padding: 5px 0;">
                                            <label class="opcao-label">
                                                <input type="radio" 
                                                       name="resposta[<?php echo $condicional['id']; ?>]" 
                                                       value="<?php echo $opcao_cond['id']; ?>"
                                                       <?php if ($condicional['obrigatoria']): ?>required<?php endif; ?>>
                                                <?php echo htmlspecialchars($opcao_cond['texto']); ?>
                                                <?php if ($opcao_cond['pontuacao'] > 0): ?>
                                                    <span class="pontuacao-badge">+<?php echo $opcao_cond['pontuacao']; ?> pts</span>
                                                <?php endif; ?>
                                            </label>
                                        </div>
                                    <?php endforeach; ?>
                                <?php endif; ?>
                            </div>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </div>
                <?php endforeach; ?>
            </div>
            <?php endforeach; ?>
            
            <div style="margin-top: 30px; text-align: center;">
                <button type="submit" class="btn btn-success">
                    <i class="fas fa-paper-plane"></i> Enviar Respostas
                </button>
                <button type="button" class="btn btn-secondary" onclick="fecharQuestionario()">
                    <i class="fas fa-times"></i> Cancelar
                </button>
            </div>
        </form>
    </div>

    <script>
    document.addEventListener('DOMContentLoaded', function() {
        console.log('=== SISTEMA DE CONDICIONAIS INICIADO ===');
        
        // Debug: mostrar todas as condicionais encontradas
        const todasCondicionais = document.querySelectorAll('.pergunta-condicional');
        console.log('Total de elementos .pergunta-condicional encontrados:', todasCondicionais.length);
        
        todasCondicionais.forEach((cond, index) => {
            console.log(`Condicional ${index + 1}:`, {
                id: cond.id,
                opcaoPai: cond.getAttribute('data-opcao-pai'),
                texto: cond.querySelector('.condicional-text').textContent.trim()
            });
        });

        // Função principal para mostrar/ocultar condicionais
        function gerenciarCondicionais() {
            console.log('=== GERENCIANDO CONDICIONAIS ===');
            
            // 1. Ocultar TODAS as condicionais primeiro
            todasCondicionais.forEach(condicional => {
                condicional.classList.remove('ativa');
                condicional.style.display = 'none';
            });
            
            console.log('Todas as condicionais foram ocultadas');

            // 2. Encontrar opção selecionada
            const opcaoSelecionada = document.querySelector('.opcao-radio:checked');
            
            if (opcaoSelecionada) {
                const opcaoId = opcaoSelecionada.getAttribute('data-opcao-id');
                console.log('Opção selecionada ID:', opcaoId);
                
                // 3. Mostrar condicionais da opção selecionada
                const condicionaisDaOpcao = document.querySelectorAll(`[data-opcao-pai="${opcaoId}"]`);
                console.log(`Condicionais encontradas para opção ${opcaoId}:`, condicionaisDaOpcao.length);
                
                condicionaisDaOpcao.forEach(condicional => {
                    condicional.classList.add('ativa');
                    condicional.style.display = 'block';
                    console.log('Mostrando condicional:', condicional.id);
                });
            } else {
                console.log('Nenhuma opção selecionada');
            }
        }

        // Adicionar event listeners a TODOS os radios
        const todosRadios = document.querySelectorAll('.opcao-radio');
        console.log('Total de radios encontrados:', todosRadios.length);
        
        todosRadios.forEach(radio => {
            radio.addEventListener('change', function() {
                console.log('Radio alterado:', this.getAttribute('data-opcao-id'));
                gerenciarCondicionais();
            });
        });

        // Executar uma vez ao carregar a página
        setTimeout(gerenciarCondicionais, 100);
        
        // Debug: verificar se há algum radio selecionado por padrão
        const radioSelecionado = document.querySelector('.opcao-radio:checked');
        if (radioSelecionado) {
            console.log('Radio selecionado por padrão:', radioSelecionado.getAttribute('data-opcao-id'));
        }
    });

    function fecharQuestionario() {
        if (confirm('Deseja realmente cancelar? As respostas serão perdidas.')) {
            window.close();
        }
    }

    // Validação do formulário antes de enviar
    document.getElementById('questionarioForm').addEventListener('submit', function(e) {
        const requiredFields = this.querySelectorAll('[required]');
        let isValid = true;
        
        requiredFields.forEach(function(field) {
            if (!field.value) {
                isValid = false;
                field.style.borderColor = '#dc3545';
            } else {
                field.style.borderColor = '';
            }
        });
        
        if (!isValid) {
            e.preventDefault();
            alert('Por favor, preencha todas as perguntas obrigatórias.');
        }
    });
    </script>
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</body>
</html>