<?php
session_start();
require_once 'conexao.php';

// --- 1. TRAVA DE SEGURANÇA ---
if (!isset($_SESSION['logado'])) { header("Location: login.php"); exit; }

$isAdmin = (strtolower($_SESSION['nivel']) === 'admin');
$usuarioLogado = $_SESSION['usuario'];

// Descobre quem é o dono do usuário atual (Para o Revendedor saber quem é o Admin dele)
$meuDono = 'admin';
$stmtMe = $connUser->prepare("SELECT CadUser FROM rev WHERE usuario = ?");
$stmtMe->execute([$usuarioLogado]);
$resMe = $stmtMe->fetch(PDO::FETCH_ASSOC);
if($resMe && !empty($resMe['CadUser'])) { $meuDono = $resMe['CadUser']; }

// --- 2. CRIA TABELA DE SUPORTE SE NÃO EXISTIR ---
try {
    $connUser->exec("CREATE TABLE IF NOT EXISTS chamados_suporte (
        id INT AUTO_INCREMENT PRIMARY KEY,
        remetente VARCHAR(50),
        destinatario VARCHAR(50),
        assunto VARCHAR(100),
        mensagem TEXT,
        anexo VARCHAR(255) DEFAULT NULL,
        lida ENUM('sim','nao') DEFAULT 'nao',
        data_envio DATETIME DEFAULT CURRENT_TIMESTAMP
    )");
} catch (Exception $e) {}


// --- 3. CORREÇÃO DO MENU LATERAL (MENSAGENS NÃO LIDAS) ---
$total_msg_nao_lidas = 0;
try {
    $stmtMsg = $connUser->prepare("SELECT COUNT(*) FROM chamados_suporte WHERE destinatario = ? AND lida = 'nao'");
    $stmtMsg->execute([$usuarioLogado]);
    $total_msg_nao_lidas = $stmtMsg->fetchColumn();
} catch (Exception $e) { }



// Cria pasta de anexos se não existir
if (!file_exists('anexos')) { mkdir('anexos', 0777, true); }

$msg_alerta = ""; $msg_tipo = "";

// --- 3. PROCESSAR ENVIO DE MENSAGEM ---
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['acao'])) {
    
    // ENVIAR MENSAGEM
    if ($_POST['acao'] === 'enviar') {
        $destinatario = trim($_POST['destinatario']);
        $assunto = trim($_POST['assunto']);
        $mensagem = trim($_POST['mensagem']);
        $nome_anexo = null;

        // Processa o Anexo (Comprovante)
        if (isset($_FILES['anexo']) && $_FILES['anexo']['error'] === 0) {
            $ext = strtolower(pathinfo($_FILES['anexo']['name'], PATHINFO_EXTENSION));
            $permitidos = ['jpg', 'jpeg', 'png', 'pdf'];
            if (in_array($ext, $permitidos)) {
                $nome_anexo = uniqid() . '.' . $ext;
                move_uploaded_file($_FILES['anexo']['tmp_name'], 'anexos/' . $nome_anexo);
            }
        }

        if (!empty($destinatario) && !empty($mensagem)) {
            $sql = "INSERT INTO chamados_suporte (remetente, destinatario, assunto, mensagem, anexo) VALUES (?, ?, ?, ?, ?)";
            $connUser->prepare($sql)->execute([$usuarioLogado, $destinatario, $assunto, $mensagem, $nome_anexo]);
            $msg_alerta = "Mensagem enviada com sucesso!"; $msg_tipo = "success";
        }
    }

    // EXCLUIR MENSAGEM
    if ($_POST['acao'] === 'excluir') {
        $id_msg = (int)$_POST['id_msg'];
        // Verifica se ele é o dono ou destinatário para poder excluir
        $connUser->prepare("DELETE FROM chamados_suporte WHERE id = ? AND (remetente = ? OR destinatario = ?)")->execute([$id_msg, $usuarioLogado, $usuarioLogado]);
        $msg_alerta = "Mensagem excluída!"; $msg_tipo = "danger";
    }

    // MARCAR COMO LIDA
    if ($_POST['acao'] === 'marcar_lida') {
        $id_msg = (int)$_POST['id_msg'];
        $connUser->prepare("UPDATE chamados_suporte SET lida = 'sim' WHERE id = ? AND destinatario = ?")->execute([$id_msg, $usuarioLogado]);
        exit; // É requisição AJAX, só morre aqui
    }
}

// --- 4. LISTAGEM DE CONTATOS (HIERARQUIA) ---
$lista_contatos = [];
if ($isAdmin) {
    // Admin vê Revendedores e seus próprios clientes diretos
    $revs = $connUser->query("SELECT usuario, 'Revendedor' as tipo FROM rev")->fetchAll(PDO::FETCH_ASSOC);
    $clis = $connUser->prepare("SELECT usuario, 'Cliente' as tipo FROM usuario WHERE CadUser = ?");
    $clis->execute([$usuarioLogado]);
    $lista_contatos = array_merge($revs, $clis->fetchAll(PDO::FETCH_ASSOC));
} else {
    // Revendedor vê o Admin dele e seus próprios clientes
    $lista_contatos[] = ['usuario' => $meuDono, 'tipo' => 'Administrador (Meu Dono)'];
    $clis = $connUser->prepare("SELECT usuario, 'Cliente' as tipo FROM usuario WHERE CadUser = ?");
    $clis->execute([$usuarioLogado]);
    $lista_contatos = array_merge($lista_contatos, $clis->fetchAll(PDO::FETCH_ASSOC));
}

// --- 5. BUSCAR MENSAGENS ---
$aba_ativa = $_GET['aba'] ?? 'entrada';
if ($aba_ativa == 'enviados') {
    $stmtMsgs = $connUser->prepare("SELECT * FROM chamados_suporte WHERE remetente = ? ORDER BY data_envio DESC");
} else {
    $stmtMsgs = $connUser->prepare("SELECT * FROM chamados_suporte WHERE destinatario = ? ORDER BY data_envio DESC");
}
$stmtMsgs->execute([$usuarioLogado]);
$mensagens = $stmtMsgs->fetchAll(PDO::FETCH_ASSOC);

// Conta não lidas
$nao_lidas = $connUser->prepare("SELECT COUNT(*) FROM chamados_suporte WHERE destinatario = ? AND lida = 'nao'");
$nao_lidas->execute([$usuarioLogado]);
$total_nao_lidas = $nao_lidas->fetchColumn();

// --- CONFIGURAÇÕES VISUAIS ---
$nomePainel = "IPTV PANEL"; $corPrimaria = "#7367f0"; 
try {
    $conf = $connGeral->query("SELECT NomePainel, TemaPainel FROM site_config LIMIT 1")->fetch(PDO::FETCH_ASSOC);
    if ($conf) {
        if (!empty($conf['NomePainel'])) $nomePainel = $conf['NomePainel'];
        if (!empty($conf['TemaPainel'])) $corPrimaria = $conf['TemaPainel'];
    }
} catch (Exception $e) { }
?>

<!DOCTYPE html>
<html lang="pt-br">
<head>

<?php include 'tema_global.php'; ?>


    <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Suporte | <?= htmlspecialchars($nomePainel) ?></title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <style>
        :root { --primary: <?= $corPrimaria ?>; --bg-body: #151521; --bg-card: #1e1e2d; --text-color: #d0d2d6; --border-color: #2b2b40; }
        body { background-color: var(--bg-body); color: var(--text-color); font-family: 'Segoe UI', sans-serif; overflow-x: hidden; margin: 0; padding: 0; }
        .sidebar { width: 260px; height: 100vh; position: fixed; background: var(--bg-card); border-right: 1px solid #333; z-index: 1050; padding: 20px; overflow-y: auto; transition: 0.3s; }
        .nav-link { color: #a6a6b7; padding: 12px 15px; border-radius: 8px; display: flex; align-items: center; gap: 12px; text-decoration: none; margin-bottom: 5px; font-weight: 500; }
        .nav-link:hover, .nav-link.active { background: var(--primary); color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
        .nav-group-title { font-size: 0.75rem; text-transform: uppercase; color: #5e5873; font-weight: 700; margin: 25px 0 10px 12px; letter-spacing: 1px; }
        .main-content { margin-left: 260px; transition: 0.3s; min-height: 100vh; }
        .top-header { background: linear-gradient(90deg, var(--bg-card) 0%, var(--primary) 100%); padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.1); }
        .header-title { font-size: 1.3rem; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 1px; }

        .card-custom { background: var(--bg-card) !important; border: 1px solid var(--border-color); border-radius: 12px; }
        .form-control, .form-select { background: #151521 !important; border: 1px solid #444 !important; color: #fff !important; }
        .form-control:focus { border-color: var(--primary) !important; box-shadow: none; }

        /* Estilo da Caixa de E-mail (Inspirado no Vídeo) */
        .email-menu { list-style: none; padding: 0; margin: 0; }
        .email-menu li a { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; color: #a6a6b7; text-decoration: none; border-bottom: 1px solid var(--border-color); transition: 0.2s; font-weight: 600; }
        .email-menu li a:hover, .email-menu li a.active { background: rgba(115, 103, 240, 0.1); color: var(--primary); border-left: 4px solid var(--primary); }
        
        .msg-list { list-style: none; padding: 0; margin: 0; }
        .msg-item { display: flex; align-items: center; padding: 15px 20px; border-bottom: 1px solid var(--border-color); cursor: pointer; transition: 0.2s; }
        .msg-item:hover { background: rgba(255,255,255,0.02); }
        .msg-item.unread { background: rgba(115, 103, 240, 0.05); }
        .msg-item.unread .msg-title { font-weight: 800; color: #fff; }
        .msg-title { font-weight: 600; color: #d0d2d6; margin-bottom: 2px; }
        .msg-desc { font-size: 0.85rem; color: #6e6b7b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; }
        .msg-date { font-size: 0.8rem; color: #6e6b7b; white-space: nowrap; }
        
        .badge-marker { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 10px; }
        .bg-marker-renovacao { background: #28c76f; }
        .bg-marker-comprovante { background: #ff9f43; }
        .bg-marker-duvida { background: #00cfe8; }

        @media (max-width: 992px) { .sidebar { transform: translateX(-100%); } .sidebar.show { transform: translateX(0); } .main-content { margin-left: 0; } .mobile-toggle { display: block !important; margin-right: 15px; } .msg-desc { max-width: 200px; } }
        .mobile-toggle { display: none; background: none; border: none; color: #fff; font-size: 1.5rem; }
        .overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1040; }
        .overlay.show { display: block; }
    </style>
</head>
<body>
<?php include 'menu.php'; ?>


<main class="main-content">
    <div class="top-header">
        <div class="d-flex align-items-center">
            <button class="mobile-toggle" onclick="toggleMenu()"><i class="fas fa-bars"></i></button>
            <div class="header-title">Suporte & Chamados</div>
        </div>
    </div>

    <div class="container-fluid p-2 p-md-4">
        <?php if($msg_alerta): ?><div class="alert alert-<?= $msg_tipo ?> alert-dismissible fade show border-0 shadow-sm mb-4 mx-2"><?= $msg_alerta ?><button class="btn-close" data-bs-dismiss="alert"></button></div><?php endif; ?>

        <div class="row g-4">
            <div class="col-lg-3">
                <button class="btn btn-primary w-100 fw-bold py-3 mb-4 shadow" data-bs-toggle="modal" data-bs-target="#modalNovaMsg">
                    <i class="fas fa-pen-nib me-2"></i> ABRIR SUPORTE
                </button>

                <div class="card card-custom overflow-hidden shadow-lg">
                    <ul class="email-menu">
                        <li>
                            <a href="suporte.php?aba=entrada" class="<?= $aba_ativa == 'entrada' ? 'active' : '' ?>">
                                <span><i class="fas fa-inbox me-3"></i> Recebidas</span>
                                <?php if($total_nao_lidas > 0): ?><span class="badge bg-primary rounded-pill"><?= $total_nao_lidas ?></span><?php endif; ?>
                            </a>
                        </li>
                        <li>
                            <a href="suporte.php?aba=enviados" class="<?= $aba_ativa == 'enviados' ? 'active' : '' ?>">
                                <span><i class="fas fa-paper-plane me-3"></i> Enviadas</span>
                            </a>
                        </li>
                    </ul>
                    
                    <div class="p-3">
                        <div class="text-uppercase text-white-50 small fw-bold mb-3 mt-2">Marcadores</div>
                        <div class="small mb-2 text-white"><span class="badge-marker bg-marker-renovacao"></span> Renovação</div>
                        <div class="small mb-2 text-white"><span class="badge-marker bg-marker-comprovante"></span> Comprovante</div>
                        <div class="small text-white"><span class="badge-marker bg-marker-duvida"></span> Dúvida / Erro</div>
                    </div>
                </div>
            </div>

            <div class="col-lg-9">
                <div class="card card-custom shadow-lg h-100">
                    <div class="p-3 border-bottom border-secondary d-flex justify-content-between align-items-center">
                        <h5 class="m-0 fw-bold text-white"><?= $aba_ativa == 'enviados' ? 'Mensagens Enviadas' : 'Caixa de Entrada' ?></h5>
                        <i class="fas fa-sync-alt text-white-50 pointer" style="cursor:pointer;" onclick="location.reload()"></i>
                    </div>

                    <ul class="msg-list">
                        <?php if(count($mensagens) > 0): ?>
                            <?php foreach($mensagens as $m): 
                                $isUnread = ($aba_ativa == 'entrada' && $m['lida'] == 'nao');
                                // Define a cor da bolinha baseada no assunto
                                $cor_assunto = "bg-secondary";
                                $assunto_low = mb_strtolower($m['assunto']);
                                if (strpos($assunto_low, 'comprovante') !== false || strpos($assunto_low, 'pagamento') !== false) $cor_assunto = "bg-marker-comprovante";
                                elseif (strpos($assunto_low, 'renov') !== false) $cor_assunto = "bg-marker-renovacao";
                                elseif (strpos($assunto_low, 'erro') !== false || strpos($assunto_low, 'ajuda') !== false) $cor_assunto = "bg-marker-duvida";
                            ?>
                            <li class="msg-item <?= $isUnread ? 'unread' : '' ?>" onclick='abrirLeitura(<?= json_encode($m) ?>, "<?= $aba_ativa ?>")'>
                                <span class="badge-marker <?= $cor_assunto ?>"></span>
                                <div class="flex-grow-1 ms-2" style="min-width: 0;">
                                    <div class="d-flex justify-content-between align-items-center mb-1">
                                        <div class="msg-title"><?= htmlspecialchars($aba_ativa == 'enviados' ? $m['destinatario'] : $m['remetente']) ?></div>
                                        <div class="msg-date"><?= date('d/m H:i', strtotime($m['data_envio'])) ?></div>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <div class="msg-desc"><strong class="text-white"><?= htmlspecialchars($m['assunto']) ?></strong> - <?= htmlspecialchars($m['mensagem']) ?></div>
                                        <?php if(!empty($m['anexo'])): ?><i class="fas fa-paperclip text-white-50 ms-auto"></i><?php endif; ?>
                                    </div>
                                </div>
                            </li>
                            <?php endforeach; ?>
                        <?php else: ?>
                            <div class="text-center py-5 text-white-50">
                                <i class="fas fa-box-open fa-3x mb-3 opacity-50"></i>
                                <h5>Nenhuma mensagem encontrada.</h5>
                            </div>
                        <?php endif; ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <?php include 'rodape.php'; ?>
</main>

<div class="modal fade" id="modalNovaMsg" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content bg-dark border-secondary text-white shadow-lg">
            <form method="POST" enctype="multipart/form-data">
                <input type="hidden" name="acao" value="enviar">
                <div class="modal-header border-secondary">
                    <h5 class="fw-bold"><i class="fas fa-pen-square me-2"></i> Nova Mensagem</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body p-4">
                    <div class="mb-3">
                        <label class="small fw-bold text-white-50">PARA QUEM?</label>
                        <select name="destinatario" class="form-select" required>
                            <option value="">Selecione um contato...</option>
                            <?php foreach($lista_contatos as $c): ?>
                                <option value="<?= htmlspecialchars($c['usuario']) ?>"><?= htmlspecialchars($c['usuario']) ?> (<?= $c['tipo'] ?>)</option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="small fw-bold text-white-50">ASSUNTO</label>
                        <select name="assunto" class="form-select mb-2" required onchange="if(this.value=='Outro'){document.getElementById('assunto_livre').style.display='block'; document.getElementById('assunto_livre').required=true; this.removeAttribute('name');}else{document.getElementById('assunto_livre').style.display='none'; document.getElementById('assunto_livre').required=false; this.name='assunto';}">
                            <option value="Comprovante de Pagamento">Comprovante de Pagamento</option>
                            <option value="Pedido de Renovação">Pedido de Renovação</option>
                            <option value="Dúvida ou Erro">Dúvida ou Erro</option>
                            <option value="Outro">Outro...</option>
                        </select>
                        <input type="text" name="assunto" id="assunto_livre" class="form-control" placeholder="Digite o assunto..." style="display:none;">
                    </div>
                    <div class="mb-3">
                        <label class="small fw-bold text-white-50">MENSAGEM</label>
                        <textarea name="mensagem" class="form-control" rows="5" placeholder="Escreva sua mensagem aqui..." required></textarea>
                    </div>
                    <div class="mb-2">
                        <label class="small fw-bold text-white-50"><i class="fas fa-paperclip me-1"></i> ANEXAR COMPROVANTE (Opcional)</label>
                        <input type="file" name="anexo" class="form-control" accept=".jpg,.jpeg,.png,.pdf">
                    </div>
                </div>
                <div class="modal-footer border-secondary">
                    <button type="submit" class="btn btn-primary w-100 fw-bold py-2"><i class="fas fa-paper-plane me-2"></i> ENVIAR MENSAGEM</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="modalLerMsg" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content bg-dark border-secondary text-white shadow-lg">
            <div class="modal-header border-secondary d-flex justify-content-between align-items-center">
                <h5 class="fw-bold m-0" id="ler_assunto">Assunto</h5>
                <div class="d-flex gap-2">
                    <button class="btn btn-sm btn-outline-light" onclick="responderMsg()"><i class="fas fa-reply"></i> Responder</button>
                    <form method="POST" class="m-0" onsubmit="return confirm('Excluir esta mensagem?')">
                        <input type="hidden" name="acao" value="excluir">
                        <input type="hidden" name="id_msg" id="del_id_msg">
                        <button type="submit" class="btn btn-sm btn-danger"><i class="fas fa-trash"></i></button>
                    </form>
                    <button type="button" class="btn-close btn-close-white ms-2" data-bs-dismiss="modal"></button>
                </div>
            </div>
            <div class="modal-body p-4">
                <div class="d-flex justify-content-between align-items-center mb-4 pb-3 border-bottom border-secondary">
                    <div>
                        <div class="text-white-50 small" id="ler_etiqueta_remetente">De:</div>
                        <div class="fw-bold fs-5 text-primary" id="ler_remetente">Nome</div>
                    </div>
                    <div class="text-end">
                        <div class="text-white-50 small">Data:</div>
                        <div class="fw-bold" id="ler_data">00/00/0000</div>
                    </div>
                </div>
                
                <div class="bg-black bg-opacity-25 p-4 rounded-3 mb-4" style="white-space: pre-wrap; font-size: 1.05rem; line-height: 1.6;" id="ler_mensagem">
                    Texto da mensagem...
                </div>

                <div id="area_anexo" style="display:none;">
                    <hr class="border-secondary">
                    <h6 class="text-white-50"><i class="fas fa-paperclip me-2"></i> Anexo / Comprovante</h6>
                    <div class="text-center mt-3 bg-black bg-opacity-50 p-3 rounded">
                        <img id="img_anexo" src="" style="max-width: 100%; max-height: 400px; border-radius: 8px; display:none; object-fit:contain;">
                        <a id="link_anexo" href="" target="_blank" class="btn btn-success mt-3 fw-bold" style="display:none;"><i class="fas fa-download me-2"></i> Baixar Anexo (PDF)</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
    function toggleMenu() { document.getElementById('sidebar').classList.toggle('show'); document.getElementById('overlay').classList.toggle('show'); }
    
    function abrirLeitura(msg, aba) {
        // Preenche os dados
        document.getElementById('ler_assunto').innerText = msg.assunto;
        document.getElementById('ler_etiqueta_remetente').innerText = aba === 'enviados' ? 'Para:' : 'De:';
        document.getElementById('ler_remetente').innerText = aba === 'enviados' ? msg.destinatario : msg.remetente;
        
        let dateObj = new Date(msg.data_envio.replace(/-/g, '/')); // Correção Safari/iOS
        document.getElementById('ler_data').innerText = dateObj.toLocaleDateString('pt-BR') + ' ' + dateObj.toLocaleTimeString('pt-BR', {hour: '2-digit', minute:'2-digit'});
        
        document.getElementById('ler_mensagem').innerText = msg.mensagem;
        document.getElementById('del_id_msg').value = msg.id;

        // Trata o Anexo
        let areaAnexo = document.getElementById('area_anexo');
        let imgAnexo = document.getElementById('img_anexo');
        let linkAnexo = document.getElementById('link_anexo');
        
        if(msg.anexo && msg.anexo !== '') {
            areaAnexo.style.display = 'block';
            let caminho = 'anexos/' + msg.anexo;
            if(msg.anexo.endsWith('.pdf')) {
                imgAnexo.style.display = 'none';
                linkAnexo.style.display = 'inline-block';
                linkAnexo.href = caminho;
            } else {
                linkAnexo.style.display = 'none';
                imgAnexo.style.display = 'inline-block';
                imgAnexo.src = caminho;
            }
        } else {
            areaAnexo.style.display = 'none';
        }

        // Se for caixa de entrada e não estiver lida, marca como lida via AJAX silencioso
        if(aba === 'entrada' && msg.lida === 'nao') {
            let formData = new FormData();
            formData.append('acao', 'marcar_lida');
            formData.append('id_msg', msg.id);
            fetch('suporte.php', { method: 'POST', body: formData });
        }

        new bootstrap.Modal(document.getElementById('modalLerMsg')).show();
    }

    function responderMsg() {
        let destinatario = document.getElementById('ler_remetente').innerText;
        let assuntoAntigo = document.getElementById('ler_assunto').innerText;
        
        // Fecha modal de leitura e abre o de Nova Mensagem
        let modalLer = bootstrap.Modal.getInstance(document.getElementById('modalLerMsg'));
        modalLer.hide();
        
        // Preenche o modal de envio com "Re: Assunto" e seleciona o remetente
        document.querySelector('select[name="destinatario"]').value = destinatario;
        let selectAssunto = document.querySelector('select[name="assunto"]');
        selectAssunto.value = 'Outro';
        selectAssunto.dispatchEvent(new Event('change'));
        
        let inputLivre = document.getElementById('assunto_livre');
        inputLivre.value = assuntoAntigo.startsWith('Re:') ? assuntoAntigo : 'Re: ' + assuntoAntigo;

        new bootstrap.Modal(document.getElementById('modalNovaMsg')).show();
    }
</script>
</body>
</html>
