<?php
// Inclui a conexão configurada
require_once('../configuracao/conexao.php'); 

// Recebe os dados via POST
$localidade = $_POST['localidade'] ?? '';
$texto_msg  = $_POST['mensagem'] ?? '';

$mensagem_feedback = "";
$status_class = "";

if (!empty($localidade) && !empty($texto_msg)) {
    // Escapa para segurança contra SQL Injection
    $local_escapado = $mysqli->real_escape_string($localidade);
    $msg_escapada   = $mysqli->real_escape_string(substr($texto_msg, 0, 99));

    // Executa o Insert na tabela de mensagens
    // AJUSTE: Verifique se os nomes das colunas no seu banco são 'mesa' e 'msg'
    $sql = "INSERT INTO chama_atendente_msg (mesa, msg) VALUES ('$local_escapado', '$msg_escapada')";
    
    if ($mysqli->query($sql)) {
        $mensagem_feedback = "💌 Sua mensagem foi enviada com sucesso para o nosso mural!";
        $status_class = "success";
    } else {
        $mensagem_feedback = "Erro ao gravar mensagem no sistema: " . $mysqli->error;
        $status_class = "error";
    }
} else {
    $mensagem_feedback = "Por favor, escreva uma mensagem antes de enviar.";
    $status_class = "info";
}
?>

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Correio Elegante - Confirmação</title>
    <style>
        body {
            font-family: -apple-system, sans-serif;
            background-color: #f4f7f6;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            color: #333;
        }
        .container {
            width: 90%;
            max-width: 450px;
            background: #fff;
            padding: 30px;
            border-radius: 20px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            text-align: center;
            border: 8px solid #000;
        }
        .icon {
            font-size: 60px;
            margin-bottom: 20px;
        }
        p { font-size: 18px; line-height: 1.4; margin: 15px 0; }
        .success { color: #28a745; }
        .error { color: #dc3545; }
        .info { color: #007bff; }
        .btn-voltar {
            display: inline-block;
            margin-top: 20px;
            padding: 12px 25px;
            background-color: #000;
            color: #fff;
            text-decoration: none;
            border-radius: 10px;
            font-weight: bold;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="icon">
        <?php 
            if($status_class == "success") echo "💝";
            elseif($status_class == "error") echo "❌";
            else echo "✍️";
        ?>
    </div>

    <div class="<?php echo $status_class; ?>">
        <p><strong><?php echo $mensagem_feedback; ?></strong></p>
    </div>

    <?php if($status_class == "success"): ?>
        <p style="font-size: 14px; color: #666;">Fique de olho no mural do evento!</p>
    <?php endif; ?>

    <a href="javascript:history.back()" class="btn-voltar">Voltar</a>
</div>

</body>
</html>