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

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

$usuario_id = $_SESSION['usuario_id'] ?? null;
$tenant_id = $_SESSION['tenant_id'] ?? null;
$permissao = $_SESSION['permissao'] ?? 'usuario';

if (!$usuario_id || !$tenant_id) {
    die("Usuário não identificado.");
}

// CSRF token
if (!isset($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}
$csrf_token = $_SESSION['csrf_token'];

$erro = '';
$sucesso = '';

// ========== FUNÇÕES ========== //

/**
 * Função para enviar email usando PHPMailer + SMTP (SaaS) - MESMA DO enviar_email.php
 */
function enviarEmailPHPMailer($destinatario, $assunto, $mensagem, $nomeRemetente, $emailRemetenteReplyTo = null) {
    try {
        // Incluir arquivo de configurações SMTP externo
        require_once 'config_smtp.php';
        
        // Verificar se o PHPMailer está disponível
        $phpmailer_paths = [
            'PHPMailer/PHPMailer.php',
            'PHPMailer/src/PHPMailer.php',
            '../PHPMailer/PHPMailer.php',
            'vendor/phpmailer/phpmailer/src/PHPMailer.php'
        ];
        
        $phpmailer_file = null;
        $smtp_file = null;
        $exception_file = null;
        
        foreach ($phpmailer_paths as $path) {
            if (file_exists($path)) {
                $phpmailer_file = $path;
                $smtp_file = str_replace('PHPMailer.php', 'SMTP.php', $path);
                $exception_file = str_replace('PHPMailer.php', 'Exception.php', $path);
                break;
            }
        }
        
        if (!$phpmailer_file || !file_exists($phpmailer_file)) {
            return [
                'success' => false,
                'message' => 'PHPMailer não encontrado.'
            ];
        }
        
        // Incluir PHPMailer
        require_once $phpmailer_file;
        require_once $smtp_file;
        if (file_exists($exception_file)) {
            require_once $exception_file;
        }
        
        // Usar namespaces se disponível
        if (class_exists('PHPMailer\PHPMailer\PHPMailer')) {
            $mail = new PHPMailer\PHPMailer\PHPMailer(true);
            $mail->isSMTP();
            $mail->Host       = SMTP_HOST;
            $mail->SMTPAuth   = true;
            $mail->Username   = SMTP_USER;
            $mail->Password   = SMTP_PASS;
            $mail->SMTPSecure = PHPMailer\PHPMailer\PHPMailer::ENCRYPTION_STARTTLS;
            $mail->Port       = SMTP_PORT;
        } else {
            // Fallback para versão sem namespace
            $mail = new PHPMailer(true);
            $mail->isSMTP();
            $mail->Host       = SMTP_HOST;
            $mail->SMTPAuth   = true;
            $mail->Username   = SMTP_USER;
            $mail->Password   = SMTP_PASS;
            $mail->SMTPSecure = 'tls';
            $mail->Port       = SMTP_PORT;
        }
        
        $mail->CharSet    = 'UTF-8';
        $mail->SMTPDebug  = 0;
        
        // Remetente (usando e-mail do usuário se disponível)
        $emailRemetente = (!empty($emailRemetenteReplyTo) && filter_var($emailRemetenteReplyTo, FILTER_VALIDATE_EMAIL)) 
            ? $emailRemetenteReplyTo 
            : SMTP_USER;
            
        $mail->setFrom($emailRemetente, $nomeRemetente . '');
        
        // Reply-To personalizado (e-mail do usuário)
        if ($emailRemetenteReplyTo && filter_var($emailRemetenteReplyTo, FILTER_VALIDATE_EMAIL)) {
            $mail->addReplyTo($emailRemetenteReplyTo, $nomeRemetente);
        }
        
        // Destinatário
        $mail->addAddress($destinatario);
        
        // Conteúdo
        $mail->isHTML(true);
        $mail->Subject = $assunto;
        $mail->Body    = $mensagem;
        $mail->AltBody = strip_tags($mensagem);
        
        // Enviar
        if ($mail->send()) {
            return ['success' => true, 'message' => 'E-mail enviado com sucesso'];
        } else {
            return ['success' => false, 'message' => 'Erro ao enviar: ' . $mail->ErrorInfo];
        }
        
    } catch (Exception $e) {
        return ['success' => false, 'message' => 'Exception: ' . $e->getMessage()];
    }
}

/**
 * Função para enviar email usando mail() nativo (fallback) - MESMA DO enviar_email.php
 */
function enviarEmailNativo($destinatario, $assunto, $mensagem, $nomeRemetente, $emailRemetenteReplyTo = null) {
    // Usar e-mail do usuário como remetente se disponível
    $remetenteEmail = (!empty($emailRemetenteReplyTo) && filter_var($emailRemetenteReplyTo, FILTER_VALIDATE_EMAIL))
        ? $emailRemetenteReplyTo
        : 'notificacao@son.tvitecnologia.com.br';
        
    $headers = "From: $nomeRemetente <$remetenteEmail>\r\n";
    
    if ($emailRemetenteReplyTo && filter_var($emailRemetenteReplyTo, FILTER_VALIDATE_EMAIL)) {
        $headers .= "Reply-To: $emailRemetenteReplyTo\r\n";
    }
    
    $headers .= "Content-Type: text/html; charset=UTF-8\r\n";
    
    if (mail($destinatario, $assunto, $mensagem, $headers)) {
        return ['success' => true, 'message' => 'E-mail enviado com sucesso (mail())'];
    }
    
    return ['success' => false, 'message' => 'Falha no envio via mail()'];
}

/**
 * Função principal para enviar email (tenta PHPMailer, depois fallback para mail()) - MESMA DO enviar_email.php
 */
function enviarEmail($destinatario, $assunto, $mensagem, $nomeRemetente, $emailRemetenteReplyTo = null) {
    // Primeiro tenta com PHPMailer
    $resultado = enviarEmailPHPMailer($destinatario, $assunto, $mensagem, $nomeRemetente, $emailRemetenteReplyTo);
    
    // Se PHPMailer falhar, tenta com mail() nativo
    if (!$resultado['success']) {
        error_log("PHPMailer falhou, tentando mail() nativo: " . $resultado['message']);
        $resultado = enviarEmailNativo($destinatario, $assunto, $mensagem, $nomeRemetente, $emailRemetenteReplyTo);
    }
    
    return $resultado;
}

/**
 * Função para carregar dados do usuário logado
 */
function carregarDadosUsuario($conn, $usuario_id) {
    try {
        $stmt = $conn->prepare("SELECT nome, email, telefone, cargo, assinatura_email FROM usuarios WHERE id = ?");
        $stmt->bind_param("i", $usuario_id);
        $stmt->execute();
        $result = $stmt->get_result();
        $usuario = $result->fetch_assoc();
        $stmt->close();
        
        return $usuario;
    } catch (Exception $e) {
        error_log("Erro ao carregar dados do usuário: " . $e->getMessage());
        return null;
    }
}

/**
 * Função para carregar dados do tenant
 */
function carregarDadosTenant($conn, $tenant_id) {
    try {
        $stmt = $conn->prepare("SELECT nome as nome_tenant, logo_path FROM tenants WHERE id = ?");
        $stmt->bind_param("i", $tenant_id);
        $stmt->execute();
        $result = $stmt->get_result();
        $tenant = $result->fetch_assoc();
        $stmt->close();
        
        return $tenant;
    } catch (Exception $e) {
        error_log("Erro ao carregar dados do tenant: " . $e->getMessage());
        return null;
    }
}

/**
 * Função para converter caminho relativo em URL absoluta
 */
function converterParaUrlAbsoluta($caminhoRelativo) {
    if (filter_var($caminhoRelativo, FILTER_VALIDATE_URL)) {
        return $caminhoRelativo;
    }
    
    $protocolo = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http";
    $host = $_SERVER['HTTP_HOST'];
    
    if (strpos($caminhoRelativo, '/') === 0) {
        return $protocolo . "://" . $host . $caminhoRelativo;
    }
    
    $diretorioBase = dirname($_SERVER['PHP_SELF']);
    return $protocolo . "://" . $host . $diretorioBase . '/' . ltrim($caminhoRelativo, '/');
}

/**
 * Função para gerar assinatura do email de suporte
 */
function gerarAssinaturaSuporte($dadosUsuario, $dadosTenant) {
    if (!$dadosUsuario) return '';
    
    $nomeUsuario = $dadosUsuario['nome'] ?? '';
    $emailUsuario = $dadosUsuario['email'] ?? '';
    $telefoneUsuario = $dadosUsuario['telefone'] ?? '';
    $cargoUsuario = $dadosUsuario['cargo'] ?? '';
    $nomeTenant = $dadosTenant['nome_tenant'] ?? '';
    $logo = $dadosTenant['logo_path'] ?? '';
    
    // Se o usuário tem assinatura personalizada, usar ela
    if (!empty($dadosUsuario['assinatura_email'])) {
        return $dadosUsuario['assinatura_email'];
    }
    
    // Senão, gerar assinatura padrão
    $assinatura = "\n\n<br><br><hr style='border: 1px solid #007bff; margin: 20px 0;'>";
    $assinatura .= "<div style='font-family: Arial, sans-serif; color: #333;'>";
    
    // Logo do tenant
    if (!empty($logo)) {
        $logoUrl = converterParaUrlAbsoluta($logo);
        $assinatura .= "<div style='margin-bottom: 15px;'>";
        $assinatura .= "<img src='{$logoUrl}' alt='{$nomeTenant}' style='max-height: 40px; max-width: 150px;' />";
        $assinatura .= "</div>";
    }
    
    // Dados do usuário
    $assinatura .= "<div style='line-height: 1.6;'>";
    $assinatura .= "<strong>{$nomeUsuario}</strong>";
    
    if (!empty($cargoUsuario)) {
        $assinatura .= "<br>{$cargoUsuario}";
    }
    
    if (!empty($nomeTenant)) {
        $assinatura .= "<br>{$nomeTenant}";
    }
    
    if (!empty($emailUsuario)) {
        $assinatura .= "<br>E-mail: <a href='mailto:{$emailUsuario}' style='color: #007bff; text-decoration: none;'>{$emailUsuario}</a>";
    }
    
    if (!empty($telefoneUsuario)) {
        $assinatura .= "<br>Telefone: {$telefoneUsuario}";
    }
    
    $assinatura .= "</div>";
    $assinatura .= "</div>";
    
    return $assinatura;
}

// Processar envio do formulário
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if (!isset($_POST['csrf_token']) || $_POST['csrf_token'] !== $_SESSION['csrf_token']) {
        $erro = 'Token CSRF inválido.';
    } else {
        $tipo_assunto = trim($_POST['tipo_assunto'] ?? '');
        $assunto = trim($_POST['assunto'] ?? '');
        $mensagem = trim($_POST['mensagem'] ?? '');
        $incluir_assinatura = isset($_POST['incluir_assinatura']) && $_POST['incluir_assinatura'] == '1';

        // Validações
        if (empty($tipo_assunto) || $tipo_assunto === 'Selecione o assunto...') {
            $erro = 'Por favor, selecione o tipo de assunto.';
        } elseif (empty($assunto)) {
            $erro = 'Por favor, informe o assunto do e-mail.';
        } elseif (empty($mensagem)) {
            $erro = 'Por favor, descreva sua solicitação ou dúvida.';
        }

        if (empty($erro)) {
            // Carregar dados do usuário
            $dadosUsuario = carregarDadosUsuario($conn, $usuario_id);
            if (!$dadosUsuario) {
                $erro = 'Erro ao carregar dados do usuário.';
            } else {
                // Carregar dados do tenant
                $dadosTenant = carregarDadosTenant($conn, $tenant_id);
                
                // Definir o e-mail de destino baseado no tipo de assunto
                switch($tipo_assunto) {
                    case 'Financeiro':
                        $destino = 'financeiro@tvitecnologia.com.br';
                        break;
                    case 'Comercial':
                        $destino = 'comercial@tvitecnologia.com.br';
                        break;
                    case 'Técnico':
                        $destino = 'suporte@tvitecnologia.com.br';
                        break;
                    case 'Outros':
                    default:
                        $destino = 'contato@tvitecnologia.com.br';
                        break;
                }

                // Preparar mensagem final
                $mensagemFinal = "<strong>Novo chamado de suporte:</strong><br><br>";
                $mensagemFinal .= "<strong>Nome:</strong> " . htmlspecialchars($dadosUsuario['nome']) . "<br>";
                $mensagemFinal .= "<strong>E-mail:</strong> " . htmlspecialchars($dadosUsuario['email']) . "<br>";
                $mensagemFinal .= "<strong>ID Usuário:</strong> " . htmlspecialchars($usuario_id) . "<br>";
                $mensagemFinal .= "<strong>ID Tenant:</strong> " . htmlspecialchars($tenant_id) . "<br>";
                $mensagemFinal .= "<strong>Tipo:</strong> " . htmlspecialchars($tipo_assunto) . "<br>";
                $mensagemFinal .= "<strong>Assunto:</strong> " . htmlspecialchars($assunto) . "<br><br>";
                $mensagemFinal .= "<strong>Mensagem:</strong><br>" . nl2br(htmlspecialchars($mensagem));
                
                // Adicionar assinatura se solicitado
                if ($incluir_assinatura && $dadosTenant) {
                    $assinatura = gerarAssinaturaSuporte($dadosUsuario, $dadosTenant);
                    $mensagemFinal .= $assinatura;
                }
                
                // Preparar assunto
                $assuntoFinal = "[SON - SUPORTE - $tipo_assunto] " . htmlspecialchars($assunto);
                
                // Remetente personalizado
                $remetenteNome = $dadosUsuario['nome'];
                $remetenteEmail = $dadosUsuario['email'];
                
                // ✅ ENVIAR E-MAIL USANDO O MESMO SISTEMA DO enviar_email.php
                $resultadoEnvio = enviarEmail(
                    $destino,
                    $assuntoFinal,
                    $mensagemFinal,
                    $remetenteNome,
                    $remetenteEmail
                );
                
                if ($resultadoEnvio['success']) {
                    $sucesso = 'Chamado aberto com sucesso! Entraremos em contato em breve.';
                    
                    // Log do envio
                    $logFile = 'logs/suporte_envios.log';
                    $dataHora = date('Y-m-d H:i:s');
                    $logMessage = "[$dataHora] [SAAS] [Usuário ID: $usuario_id] [Tenant ID: $tenant_id] [Tipo: $tipo_assunto] [Para: $destino] [Assunto: $assuntoFinal] [Assinatura: " . ($incluir_assinatura ? 'Sim' : 'Não') . "] Enviado com sucesso\n";
                    
                    if (!file_exists('logs')) mkdir('logs', 0755, true);
                    file_put_contents($logFile, $logMessage, FILE_APPEND);
                    
                    // Limpar campos após envio bem-sucedido
                    $tipo_assunto = '';
                    $assunto = '';
                    $mensagem = '';
                } else {
                    $erro = 'Erro ao enviar chamado: ' . $resultadoEnvio['message'];
                    
                    // Log de erro
                    $logFile = 'logs/suporte_erros.log';
                    $dataHora = date('Y-m-d H:i:s');
                    $logMessage = "[$dataHora] [SAAS] [Usuário ID: $usuario_id] [Erro: " . $resultadoEnvio['message'] . "]\n";
                    
                    if (!file_exists('logs')) mkdir('logs', 0755, true);
                    file_put_contents($logFile, $logMessage, FILE_APPEND);
                }
            }
        }
    }
}
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <title>Abrir Chamado - Suporte</title>
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon_io/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon_io/favicon-32x32.png">
    <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;
        }
        
        /* Menu Lateral Recolhível - AGORA NA ESQUERDA */
        .sidebar {
            position: fixed;
            left: 0;
            top: 80px;
            height: calc(100vh - 80px);
            width: 60px;
            background: white;
            box-shadow: 2px 0 5px rgba(0,0,0,0.1);
            z-index: 999;
            transition: width 0.3s ease;
            overflow-x: hidden;
        }
        
        .sidebar-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .sidebar-menu li {
            border-bottom: 1px solid #eee;
        }
        
        .sidebar-menu a {
            display: flex;
            align-items: center;
            padding: 15px 20px;
            text-decoration: none;
            color: #333;
            white-space: nowrap;
            transition: background-color 0.3s;
        }
        
        .sidebar-menu i {
            width: 24px;
            height: 24px;
            margin-right: 15px;
            text-align: center;
            flex-shrink: 0;
        }
        
        .sidebar-menu .menu-text {
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        /* Conteúdo Principal */
        .content-wrapper {
            margin-top: 20px;
            padding: 60px;
            margin-right: 80px;
            margin-left: 80px;
            transition: margin-left 0.3s ease;
        }
        
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
        }
        
        h1, h2 {
            color: #333;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        h2 {
            border-bottom: 1px solid #eee;
            padding-bottom: 15px;
            margin-bottom: 30px;
        }
        
        /* Alertas */
        .alert {
            padding: 15px;
            border-radius: 6px;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            gap: 12px;
            animation: slideIn 0.3s ease;
        }
        
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .alert-success {
            background: #d4edda;
            border: 1px solid #c3e6cb;
            color: #155724;
        }
        
        .alert-error {
            background: #f8d7da;
            border: 1px solid #f5c6cb;
            color: #721c24;
        }
        
        /* Formulário */
        .form-group {
            margin-bottom: 25px;
        }
        
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #2c3e50;
        }
        
        input, textarea, select {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
            transition: border-color 0.3s;
        }
        
        input:focus, textarea:focus, select:focus {
            border-color: #3498db;
            outline: none;
            box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
        }
        
        textarea {
            min-height: 200px;
            resize: vertical;
        }
        
        /* Seção de Assinatura */
        .assinatura-section {
            background: #f0f9ff;
            border: 1px solid #bae6fd;
            border-radius: 8px;
            padding: 25px;
            margin-bottom: 25px;
        }
        
        .assinatura-section h4 {
            margin-top: 0;
            color: #0050b3;
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 18px;
        }
        
        .checkbox-group {
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 15px 0;
        }
        
        .checkbox-group input[type="checkbox"] {
            width: 18px;
            height: 18px;
        }
        
        .assinatura-info {
            color: #4a5568;
            font-size: 14px;
            padding: 10px;
            background: #edf2f7;
            border-radius: 6px;
            border-left: 3px solid #4299e1;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        /* Botões */
        .form-actions {
            display: flex;
            gap: 15px;
            margin-top: 30px;
            padding-top: 25px;
            border-top: 1px solid #eee;
        }
        
        .btn {
            padding: 12px 25px;
            border: none;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
        }
        
        .btn-primary {
            background-color: #3498db;
            color: white;
        }
        
        .btn-primary:hover {
            background-color: #2980b9;
        }
        
        .btn-secondary {
            background-color: #718096;
            color: white;
        }
        
        .btn-secondary:hover {
            background-color: #4a5568;
        }
        
        /* Informações */
        .info-box {
            margin-top: 30px;
            padding: 20px;
            background-color: #e7f3ff;
            border-radius: 6px;
            border-left: 4px solid #007bff;
        }
        
        .info-box h4 {
            margin-top: 0;
            color: #0056b3;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .info-box ul {
            margin-bottom: 0;
            padding-left: 20px;
        }
        
        .info-box li {
            margin-bottom: 8px;
            color: #2c3e50;
        }
        
        /* Responsividade */
        @media (max-width: 768px) {
            .header-fixed {
                padding: 12px 15px;
            }
            
            .sidebar {
                display: none;
            }
            
            .content-wrapper {
                margin-top: 70px;
                margin-left: 0;
                padding: 15px;
            }
            
            .container {
                padding: 20px;
            }
            
            .form-actions {
                flex-direction: column;
            }
            
            .btn {
                width: 100%;
                justify-content: center;
            }
        }
    </style>
</head>
<body>
  <div class="header-fixed">
    <img src="tvitec.png" alt="Logo TVITEC" style="height:40px; margin-right: 15px;">

    <div class="user-info" style="display:flex; align-items:center; gap:10px;">
      <?php if (!empty($_SESSION['foto_perfil'])): ?>
        <img src="<?php echo htmlspecialchars($_SESSION['foto_perfil']); ?>" class="user-photo" alt="Foto do usuário" style="width:40px; height:40px; border-radius:50%;">
      <?php else: ?>
        <div class="user-initial" style="width:40px; height:40px; border-radius:50%; background:#ccc; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:1.2em;">
          <?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>
  </div>

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

  <div class="content-wrapper">
    <div class="container">
      <h2><i class="fas fa-headset"></i> Abrir Chamado de Suporte</h2>
      
      <!-- Mensagens de Alerta -->
      <?php if ($erro): ?>
          <div class="alert alert-error" id="mensagem-alert">
              <i class="fas fa-exclamation-circle"></i>
              <div style="flex: 1;">
                  <strong>Atenção!</strong>
                  <div><?php echo htmlspecialchars($erro); ?></div>
              </div>
              <button type="button" style="background: none; border: none; color: inherit; cursor: pointer; font-size: 20px;" onclick="document.getElementById('mensagem-alert').style.display='none'">
                  <i class="fas fa-times"></i>
              </button>
          </div>
      <?php elseif ($sucesso): ?>
          <div class="alert alert-success" id="mensagem-alert">
              <i class="fas fa-check-circle"></i>
              <div style="flex: 1;">
                  <strong>Sucesso!</strong>
                  <div><?php echo htmlspecialchars($sucesso); ?></div>
              </div>
              <button type="button" style="background: none; border: none; color: inherit; cursor: pointer; font-size: 20px;" onclick="document.getElementById('mensagem-alert').style.display='none'">
                  <i class="fas fa-times"></i>
              </button>
          </div>
          
          <script>
              setTimeout(function() {
                  var alertDiv = document.getElementById('mensagem-alert');
                  if (alertDiv) {
                      alertDiv.style.display = 'none';
                  }
              }, 8000);
          </script>
      <?php endif; ?>

      <form method="post" id="formSuporte">
          <input type="hidden" name="csrf_token" value="<?= htmlspecialchars($csrf_token) ?>">

          <div class="form-group">
              <label for="tipo_assunto"><i class="fas fa-tag"></i> Setor:</label>
              <select id="tipo_assunto" name="tipo_assunto" required>
                  <option value="Selecione o assunto...">Selecione o Setor...</option>
                  <option value="Financeiro" <?= ($_POST['tipo_assunto'] ?? '') == 'Financeiro' ? 'selected' : '' ?>>Financeiro</option>
                  <option value="Comercial" <?= ($_POST['tipo_assunto'] ?? '') == 'Comercial' ? 'selected' : '' ?>>Comercial</option>
                  <option value="Técnico" <?= ($_POST['tipo_assunto'] ?? '') == 'Técnico' ? 'selected' : '' ?>>Técnico</option>
                  <option value="Outros" <?= ($_POST['tipo_assunto'] ?? '') == 'Outros' ? 'selected' : '' ?>>Outros</option>
              </select>
          </div>

          <div class="form-group">
              <label for="assunto"><i class="fas fa-heading"></i> Assunto:</label>
              <input type="text" id="assunto" name="assunto" value="<?= htmlspecialchars($_POST['assunto'] ?? '') ?>" placeholder="Digite o assunto do e-mail" required>
          </div>

          <div class="form-group">
              <label for="mensagem"><i class="fas fa-comment-dots"></i> Mensagem:</label>
              <textarea id="mensagem" name="mensagem" placeholder="Descreva sua solicitação ou dúvida com detalhes..." required><?= htmlspecialchars($_POST['mensagem'] ?? '') ?></textarea>
          </div>
          
          <!-- Seção de Assinatura -->
          <div class="assinatura-section">
              <h4><i class="fas fa-signature"></i> Incluir Assinatura</h4>
              <p style="color: #4a5568; margin-bottom: 15px;">Inclua sua assinatura com seus dados de contato no final da mensagem.</p>
              
              <div class="checkbox-group">
                  <input type="checkbox" id="incluir_assinatura" name="incluir_assinatura" value="1" checked>
                  <label for="incluir_assinatura" style="font-weight: 600; color: #2c3e50;">
                      Incluir minha assinatura no e-mail
                  </label>
              </div>
              
              <div class="assinatura-info">
                  <i class="fas fa-info-circle"></i> 
                  Sua assinatura incluirá seu nome, e-mail, telefone e logo da empresa.
              </div>
          </div>

          <div class="form-actions">
              <button type="submit" class="btn btn-primary">
                  <i class="fas fa-paper-plane"></i> Enviar Chamado
              </button>
              <a href="perfil_usuario.php" class="btn btn-secondary">
                  <i class="fas fa-arrow-left"></i> Voltar ao Perfil
              </a>
          </div>
      </form>
      
      <div class="info-box">
          <h4><i class="fas fa-info-circle"></i> Informações Importantes</h4>
          <ul>
              
              <li>Você receberá uma resposta no seu e-mail cadastrado em até 24 horas úteis.</li>
              <li>Para questões urgentes, entre em contato diretamente pelo telefone (48) 988029177.</li>
            
          </ul>
      </div>
    </div>
  </div>

  <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Preencher o select com o valor anterior em caso de erro
        const tipoAssunto = "<?php echo htmlspecialchars($_POST['tipo_assunto'] ?? ''); ?>";
        if (tipoAssunto) {
            document.getElementById('tipo_assunto').value = tipoAssunto;
        }
        
        // Validação do formulário com SweetAlert2
        const formSuporte = document.getElementById('formSuporte');
        if (formSuporte) {
            formSuporte.addEventListener('submit', function(e) {
                e.preventDefault();
                
                const tipoAssunto = document.getElementById('tipo_assunto').value;
                const assunto = document.getElementById('assunto').value.trim();
                const mensagem = document.getElementById('mensagem').value.trim();
                
                let mensagens = [];
                
                if (tipoAssunto === 'Selecione o assunto...' || tipoAssunto === '') {
                    mensagens.push('Selecione o tipo de assunto.');
                }
                
                if (!assunto) {
                    mensagens.push('Preencha o assunto do e-mail.');
                }
                
                if (!mensagem) {
                    mensagens.push('Descreva sua solicitação ou dúvida.');
                }
                
                if (mensagens.length > 0) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Erro de Validação',
                        html: '<div style="text-align: left;">' + 
                              '<p>Por favor, corrija os seguintes erros:</p><ul>' + 
                              mensagens.map(msg => `<li>${msg}</li>`).join('') + 
                              '</ul></div>'
                    });
                    return;
                }
                
                // Mostrar confirmação
                Swal.fire({
                    title: 'Enviar Chamado?',
                    html: `
                        <div style="text-align: left;">
                            <p><strong>Tipo:</strong> ${tipoAssunto}</p>
                            <p><strong>Assunto:</strong> ${assunto}</p>
                            <p style="margin-top: 15px; color: #666; font-size: 0.9em;">
                                Seu chamado será enviado para a equipe de suporte.
                                Você receberá uma resposta em seu e-mail cadastrado.
                            </p>
                        </div>
                    `,
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '<i class="fas fa-paper-plane"></i> Sim, enviar!',
                    cancelButtonText: '<i class="fas fa-times"></i> Cancelar',
                    reverseButtons: true
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Mostrar loading
                        const btnSubmit = formSuporte.querySelector('button[type="submit"]');
                        const originalText = btnSubmit.innerHTML;
                        btnSubmit.disabled = true;
                        btnSubmit.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Enviando...';
                        
                        // Enviar formulário
                        formSuporte.submit();
                    }
                });
            });
        }
        
        // Auto-salvar rascunho no localStorage
        const form = document.getElementById('formSuporte');
        if (form) {
            const inputs = form.querySelectorAll('#assunto, #mensagem');
            const storageKey = 'suporte_draft_' + <?php echo $usuario_id; ?>;
            
            // Carregar rascunho salvo
            inputs.forEach(input => {
                const savedValue = localStorage.getItem(storageKey + '_' + input.name);
                if (savedValue) {
                    input.value = savedValue;
                }
            });
            
            // Salvar rascunho ao digitar
            inputs.forEach(input => {
                input.addEventListener('input', function() {
                    localStorage.setItem(storageKey + '_' + this.name, this.value);
                });
            });
        }
    });
  </script>
</body>
</html>