<?php
session_start();

// Verificar login e tenant
if (!isset($_SESSION['logado'], $_SESSION['usuario_id'], $_SESSION['tenant_id']) || $_SESSION['logado'] !== true) {
    header('Location: login.php');
    exit;
}

require_once 'conexao.php';

// Log
function registrarLog($acao, $detalhes = '') {
    $arquivoLog = 'logs/cliente_acoes.log';
    $dataHora = date('Y-m-d H:i:s');
    $usuario = $_SESSION['usuario_id'] ?? 'Sistema';
    $ip = $_SERVER['REMOTE_ADDR'] ?? 'IP desconhecido';
    $mensagem = "[$dataHora] [Usuário: $usuario] [IP: $ip] [Ação: $acao] $detalhes\n";

    if (!file_exists('logs')) mkdir('logs', 0755, true);
    file_put_contents($arquivoLog, $mensagem, FILE_APPEND);
}

// Exibir mensagem de sucesso se existir
if (isset($_SESSION['mensagem'])) {
    echo '<div style="position: fixed; top: 80px; right: 20px; padding: 10px 20px; background: #2ecc71; color: white; border-radius: 4px; z-index: 2000;">'
       . htmlspecialchars($_SESSION['mensagem'])
       . '</div>';
    
    // Limpar a mensagem após exibir
    unset($_SESSION['mensagem']);
    
    // Remover a mensagem após 3 segundos
    echo '<script>
            setTimeout(function() {
                document.querySelector("div[style*=\'position: fixed\']").style.display = "none";
            }, 3000);
          </script>';
}

if (empty($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}
?>

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SON - Formulário Terapia</title>
    <meta name="csrf-token" content="<?php echo $_SESSION['csrf_token']; ?>">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
        }
        
        .header-fixed {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background-color: #f5f5f5;
            padding: 15px 20px;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .header-fixed img {
            height: 50px;
            margin-right: 15px;
        }
        
        .header-fixed h2 {
            margin: 0;
            flex-grow: 1;
            text-align: center;
        }
        
        .user-info {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .user-photo {
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }
        
        .user-initial {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #ccc;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.2em;
        }
        
        .menu-container {
            position: relative;
            display: inline-block;
        }
        
        .hamburger-btn {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            padding: 10px;
            color: #333;
        }
        
        .dropdown-menu {
            display: none;
            position: absolute;
            right: 0;
            background-color: white;
            min-width: 200px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .dropdown-menu a {
            color: #333;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
            transition: background-color 0.3s;
        }
        
        .dropdown-menu a:hover {
            background-color: #f1f1f1;
        }
        
        .dropdown-menu.show {
            display: block;
        }
        
        .submenu {
            display: none;
            padding-left: 20px;
            margin-top: 10px;
            background-color: #f9f9f9;
        }
        
        .submenu a {
            display: block;
            padding: 8px 16px;
            text-decoration: none;
            color: #333;
            font-size: 0.9em;
        }
        
        .submenu a:hover {
            background-color: #f1f1f1;
        }
        
        .menu-item {
            position: relative;
        }
        
        .menu-item > a {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .menu-item > a:after {
            content: "▶";
            font-size: 0.8em;
            transition: transform 0.3s;
        }
        
        .menu-item.open > a:after {
            transform: rotate(90deg);
        }
        
        .menu-btn-success {
            color: #6B8E23;
        }
        
        .menu-btn-primary {
            color: #0000FF;
        }
        
        .menu-btn-danger {
            color: #e74c3c;
        }
        
        .main-content {
            margin-top: 120px;
            padding: 20px;
        }
        
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            padding: 20px;
        }
        
        h1 {
            color: #333;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .alert {
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 4px;
        }
        
        .alert-success {
            background-color: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        
        .alert-danger {
            background-color: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }
        
        label {
            display: block;
            margin-top: 15px;
            font-weight: bold;
        }
        
        input, textarea, select {
            width: 100%;
            padding: 10px;
            margin-top: 5px;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-sizing: border-box;
            font-size: 16px;
        }
        
        textarea {
            height: 120px;
            resize: vertical;
        }
        
        button {
            background-color: #4CAF50;
            color: white;
            padding: 12px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            margin-top: 20px;
            font-size: 16px;
            transition: background-color 0.3s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        
        button:hover {
            background-color: #45a049;
        }
        
        .form-group {
            margin-bottom: 15px;
        }
        
        .required:after {
            content: " *";
            color: red;
        }
        
        .hidden { display: none; }
        
        /* Layout de colunas */
        .row {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -10px;
        }
        
        .col {
            flex: 1;
            min-width: 200px;
            padding: 0 10px;
        }
        
        .version-info {
            margin-top: 10px;
            font-size: 0.8em;
            color: #777;
            text-align: center;
        }
    </style>
</head>
<body>
    <!-- Cabeçalho Fixo -->
    <div class="header-fixed">
        <img src="tvitec.png" alt="Logo TVITEC" style="height:40px;">

        <div style="flex-grow: 1; text-align: center;">
            <h2 style="margin: 0;">Formulário de Atendimento Terapêutico - SON</h2>
        </div>

        <div class="user-info">
            <?php if (!empty($_SESSION['foto_perfil'])): ?>
                <img src="<?php echo htmlspecialchars($_SESSION['foto_perfil']); ?>" class="user-photo" alt="Foto do usuário">
            <?php else: ?>
                <div class="user-initial">
                    <?php echo strtoupper(substr($_SESSION['nome_usuario'] ?? 'U', 0, 1)); ?>
                </div>
            <?php endif; ?>
            <div style="text-align:left;">
                <div style="font-weight: bold; color: #333; font-size: 1.1em;">
                    <?php echo htmlspecialchars($_SESSION['nome_usuario'] ?? 'Usuário'); ?>
                </div>
                <div style="font-size: 0.9em; color: #555;">
                    <?php echo htmlspecialchars($_SESSION['email_usuario'] ?? ''); ?>
                </div>
            </div>
        </div>
        
        <!-- Menu Hamburger -->
        <div class="menu-container">
            <button class="hamburger-btn" onclick="toggleMenu()">☰</button>
            <div class="dropdown-menu" id="dropdownMenu">
                <a href="index.php" class="menu-btn-primary">← Início</a>
                <?php if (in_array($_SESSION['permissao'], ['usuario', 'vendedor', 'admin', 'super_admin'])): ?>
                    <div class="menu-item">
                        <a href="javascript:void(0);" class="menu-btn-primary" onclick="toggleSubmenu('clientesSubmenu')">👥 Clientes</a>
                        <div id="clientesSubmenu" class="submenu">
                            <a href="cadastrar_cliente.php" class="menu-btn-success">➕ Novo Cliente</a>
                            <a href="lista_clientes.php" class="menu-btn-primary">📋 Listar Clientes</a>
                        </div>
                    </div>
                <?php endif; ?>

                <div class="menu-item">
                    <a href="javascript:void(0);" class="menu-btn-primary" onclick="toggleSubmenu('produtosSubmenu')">📦 Produtos</a>
                    <div id="produtosSubmenu" class="submenu">
                        <a href="lista_produtos.php" class="menu-btn-primary">📋 Lista de Produtos</a>
                        <a href="cadastrar_produto.php" class="menu-btn-primary">➕ Novo Produto</a>
                    </div>
                </div>

                <div class="menu-item">
                    <a href="javascript:void(0);" class="menu-btn-primary" onclick="toggleSubmenu('atividadesSubmenu')">📝 Atividades</a>
                    <div id="atividadesSubmenu" class="submenu">
                        <a href="lista_atividades.php" class="menu-btn-primary">📋 Listar Atividades</a>
                        <a href="cadastrar_atividade.php" class="menu-btn-primary">✍️ Cadastrar Tipo de Atividade</a>
                        <a href="consulta_atividades.php" class="menu-btn-primary">🔍 Consulta atividades</a>
                    </div>
                </div>

                <!-- Seção de Origens -->
                <div class="menu-item">
                    <a href="javascript:void(0);" class="menu-btn-primary" onclick="toggleSubmenu('origensSubmenu')">🌐 Origens</a>
                    <div id="origensSubmenu" class="submenu">
                        <a href="cadastrar_origem.php" class="menu-btn-primary">➕ Cadastrar Origem</a>
                        <a href="lista_origens.php" class="menu-btn-primary">📋 Listar Origens</a>
                    </div>
                </div>

                <div class="menu-item">
                    <a href="javascript:void(0);" class="menu-btn-primary" onclick="toggleSubmenu('emailSubmenu')">📧 E-mail & Configurações</a>
                    <div id="emailSubmenu" class="submenu">
                        <a href="email_app.php" class="menu-btn-primary">⚙️ Configurar E-mail</a>
                        <a href="email.php" class="menu-btn-primary">📨 Enviar E-mail</a>
                    </div>
                </div>

                <?php if (in_array($_SESSION['permissao'], ['admin', 'super_admin'])): ?>
                    <div class="menu-item">
                        <a href="javascript:void(0);" class="menu-btn-primary" onclick="toggleSubmenu('adminSubmenu')">👤 Administração</a>
                        <div id="adminSubmenu" class="submenu">
                            <a href="cadastrar_usuario.php" class="menu-btn-primary">➕ Cadastrar Usuário</a>
                            <a href="gerenciar_usuarios.php" class="menu-btn-primary">👥 Gerenciar Usuários</a>
                        </div>
                    </div>
                <?php endif; ?>

                <!-- Novo submenu: Análise -->
                <div class="menu-item">
                    <a href="javascript:void(0);" class="menu-btn-primary" onclick="toggleSubmenu('analiseSubmenu')">📈 Análise</a>
                    <div id="analiseSubmenu" class="submenu">
                        <a href="dashboard_clientes.php" class="menu-btn-primary">📊 Dashboard</a>
                        <a href="mapa_vendas.php" class="menu-btn-primary">📍 Mapa de Vendas</a>
                    </div>
                </div>

                <a href="calendario.php" class="menu-btn-primary">📅 Calendário</a>
                <a href="funis.php" class="menu-btn-primary">🔽 Gerenciar Funis</a>
                <a href="chat.php" class="menu-btn-success">💬 Chat</a>
                <a href="#" onclick="abrirModalAlterarSenha()" class="menu-btn-primary">🔒 Alterar Senha</a>

                <a href="perfil_usuario.php" class="menu-btn-primary">🪪 Perfil</a>

                <a href="logout.php" class="menu-btn-danger">🚪 Sair</a>
                <h6 class="version-info">Tvitecnologia SON v1.0</h6>
            </div>
        </div>
    </div>

    <!-- Conteúdo Principal -->
    <div class="main-content">
        <div class="container">
            <h1><i class="fas fa-heart"></i> Formulário de Atendimento Terapêutico</h1>
            
            <form method="POST" action="salvar_formulario.php" oninput="handleCondicionais()">
                <input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
                
                <div class="row">
                    <div class="col">
                        <div class="form-group">
                            <label>Carimbo de data/hora</label>
                            <input type="text" name="timestamp" value="<?php echo date('Y-m-d H:i:s'); ?>" readonly>
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label>Nome de usuário</label>
                            <input type="text" name="nome_usuario" required>
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col">
                        <div class="form-group">
                            <label>Nome completo</label>
                            <input type="text" name="nome_completo" required>
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label>Idade</label>
                            <input type="number" name="idade" required>
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col">
                        <div class="form-group">
                            <label>Telefone</label>
                            <input type="text" name="telefone">
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label>CPF</label>
                            <input type="text" name="cpf">
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col">
                        <div class="form-group">
                            <label>Data de nascimento</label>
                            <input type="date" name="data_nascimento">
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label>Gênero</label>
                            <select name="genero">
                                <option value="">Selecione</option>
                                <option value="Feminino">Feminino</option>
                                <option value="Masculino">Masculino</option>
                                <option value="Outro">Outro</option>
                            </select>
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col">
                        <div class="form-group">
                            <label>Estado Civil</label>
                            <select name="estado_civil">
                                <option value="Solteiro(a)">Solteiro(a)</option>
                                <option value="Casado(a)">Casado(a)</option>
                                <option value="Divorciado(a)">Divorciado(a)</option>
                                <option value="Viúvo(a)">Viúvo(a)</option>
                            </select>
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label>Escolaridade</label>
                            <input type="text" name="escolaridade">
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col">
                        <div class="form-group">
                            <label>Profissão</label>
                            <input type="text" name="profissao">
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label>Endereço</label>
                            <input type="text" name="endereco">
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col">
                        <div class="form-group">
                            <label>CEP</label>
                            <input type="text" name="cep">
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label>Município que reside</label>
                            <input type="text" name="municipio">
                        </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <label>Qual o motivo principal da sua busca por terapia hoje?</label>
                    <textarea name="motivo_terapia"></textarea>
                </div>
                
                <div class="form-group">
                    <label>Já realizou algum tipo de terapia anteriormente?</label>
                    <div>
                        <input type="radio" name="fez_terapia" value="Sim"> Sim
                        <input type="radio" name="fez_terapia" value="Não"> Não
                    </div>
                </div>

                <div id="pergunta_terapia_antiga" class="hidden">
                    <div class="form-group">
                        <label>Se já esteve em processo terapêutico anteriormente, descreva o tipo de terapia, quanto tempo durou e quais os resultados alcançados.</label>
                        <textarea name="detalhes_terapia"></textarea>
                    </div>
                </div>

                <div class="form-group">
                    <label>Possui algum diagnóstico médico?</label>
                    <div>
                        <input type="radio" name="tem_diagnostico" value="Sim"> Sim
                        <input type="radio" name="tem_diagnostico" value="Não"> Não
                    </div>
                </div>

                <div id="pergunta_diagnostico" class="hidden">
                    <div class="form-group">
                        <label>Descreva um pouco sobre o diagnóstico e o quanto afeta no seu dia a dia.</label>
                        <textarea name="detalhes_diagnostico"></textarea>
                    </div>
                </div>

                <div class="form-group">
                    <label>Faz uso de medicamento?</label>
                    <div>
                        <input type="radio" name="usa_medicamento" value="Sim"> Sim
                        <input type="radio" name="usa_medicamento" value="Não"> Não
                    </div>
                </div>

                <div id="pergunta_medicamento" class="hidden">
                    <div class="form-group">
                        <label>Descreva o medicamento e a rotina de uso ou tratamento aplicado.</label>
                        <textarea name="detalhes_medicamento"></textarea>
                    </div>
                </div>

                <div class="form-group">
                    <label>Tem histórico de doenças mentais na família?</label>
                    <div>
                        <input type="radio" name="tem_doenca_familia" value="Sim"> Sim
                        <input type="radio" name="tem_doenca_familia" value="Não"> Não
                    </div>
                </div>

                <div id="pergunta_doencas_familia" class="hidden">
                    <div class="form-group">
                        <label>Se sim, descreva o que sabe sobre o caso e o quanto afeta no seu dia a dia.</label>
                        <textarea name="detalhes_doenca_familia"></textarea>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col">
                        <div class="form-group">
                            <label>Preferência de formato de pagamento</label>
                            <input type="text" name="formato_pagamento">
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label>Preferência de pagamento</label>
                            <input type="text" name="preferencia_pagamento">
                        </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <label>Nos encontrou por onde?</label>
                    <input type="text" name="origem">
                </div>

                <button type="submit">
                    <i class="fas fa-paper-plane"></i> Enviar Formulário
                </button>
            </form>
        </div>
    </div>

    <script>
        function togglePergunta(idPergunta, condicao) {
            var elemento = document.getElementById(idPergunta);
            if (condicao) {
                elemento.classList.remove('hidden');
            } else {
                elemento.classList.add('hidden');
            }
        }

        function handleCondicionais() {
            togglePergunta('pergunta_terapia_antiga', document.querySelector('input[name="fez_terapia"]:checked')?.value === 'Sim');
            togglePergunta('pergunta_diagnostico', document.querySelector('input[name="tem_diagnostico"]:checked')?.value === 'Sim');
            togglePergunta('pergunta_medicamento', document.querySelector('input[name="usa_medicamento"]:checked')?.value === 'Sim');
            togglePergunta('pergunta_doencas_familia', document.querySelector('input[name="tem_doenca_familia"]:checked')?.value === 'Sim');
        }

        // Modal para alterar senha
        function abrirModalAlterarSenha() {
            Swal.fire({
                title: 'Alterar Senha',
                html:
                    '<input type="password" id="senha-atual" class="swal2-input" placeholder="Senha Atual" required>' +
                    '<input type="password" id="nova-senha" class="swal2-input" placeholder="Nova Senha" required>' +
                    '<input type="password" id="confirmar-senha" class="swal2-input" placeholder="Confirmar Nova Senha" required>',
                focusConfirm: false,
                showCancelButton: true,
                confirmButtonText: 'Alterar',
                cancelButtonText: 'Cancelar',
                preConfirm: () => {
                    const senhaAtual = Swal.getPopup().querySelector('#senha-atual').value;
                    const novaSenha = Swal.getPopup().querySelector('#nova-senha').value;
                    const confirmarSenha = Swal.getPopup().querySelector('#confirmar-senha').value;

                    if (!senhaAtual || !novaSenha || !confirmarSenha) {
                        Swal.showValidationMessage('Todos os campos são obrigatórios');
                        return false;
                    }

                    if (novaSenha !== confirmarSenha) {
                        Swal.showValidationMessage('As senhas não coincidem');
                        return false;
                    }

                    return { senhaAtual, novaSenha };
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    fetch('alterar_senha.php', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                        },
                        body: JSON.stringify({
                            senha_atual: result.value.senhaAtual,
                            nova_senha: result.value.novaSenha,
                            csrf_token: '<?php echo $_SESSION['csrf_token']; ?>'
                        })
                    })
                    .then(response => response.json())
                    .then(data => {
                        if (data.success) {
                            Swal.fire('Sucesso!', 'Senha alterada com sucesso.', 'success');
                        } else {
                            Swal.fire('Erro!', data.message || 'Erro ao alterar senha.', 'error');
                        }
                    })
                    .catch(error => {
                        Swal.fire('Erro!', 'Ocorreu um erro ao tentar alterar a senha.', 'error');
                    });
                }
            });
        }

        // Função para alternar o menu hamburger
        function toggleMenu() {
            var dropdown = document.getElementById('dropdownMenu');
            dropdown.classList.toggle('show');
        }

        // Função para alternar submenus
        function toggleSubmenu(id) {
            var submenu = document.getElementById(id);
            submenu.style.display = submenu.style.display === 'block' ? 'none' : 'block';
            
            // Adiciona/remove classe open no item do menu
            var menuItem = submenu.closest('.menu-item');
            if (menuItem) {
                menuItem.classList.toggle('open');
            }
        }

        // Fechar menus quando clicar fora
        window.addEventListener('click', function(event) {
            if (!event.target.matches('.hamburger-btn') && !event.target.closest('.dropdown-menu')) {
                var dropdowns = document.getElementsByClassName('dropdown-menu');
                for (var i = 0; i < dropdowns.length; i++) {
                    var openDropdown = dropdowns[i];
                    if (openDropdown.classList.contains('show')) {
                        openDropdown.classList.remove('show');
                    }
                }
            }
        });
    </script>
</body>
</html>