<?php
session_start();

// Verificar si el usuario está logueado
if (!isset($_SESSION['usuario'])) {
    header("Location: login.php");
    exit();
}

$host = "localhost";
$user = "ascensof_Admin1";
$password = "3DS0NCH4115H4CK3R+";
$db = "ascensof_BDsimulador";

//$host = "localhost";
//$user = "root";
//$password = "";
//$db = "siapolco_BDsimulador";

$conn = new mysqli($host, $user, $password, $db);

if ($conn->connect_error) {
    die("Error de conexión: " . $conn->connect_error);
}

// Obtener todos los usuarios
$sql = "SELECT Id, usuario, nom_usuario, telefono FROM Usuarios ORDER BY Id ASC";
$result = $conn->query($sql);
$usuarios = [];

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        $usuarios[] = $row;
    }
}

$conn->close();
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Envío Masivo WhatsApp</title>
    <!-- SweetAlert2 CDN -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.12.4/sweetalert2.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.12.4/sweetalert2.min.css">
    <!-- CSS separado -->
    <link rel="stylesheet" href="envio_whatsapp.css">
</head>
<body>
    <div class="container">
        <h1>📱 Envío Masivo WhatsApp</h1>
        
        <div class="usuarios-info">
            <strong>Total de usuarios:</strong> <?php echo count($usuarios); ?>
        </div>

        <div class="form-group">
            <label for="mensaje">Mensaje a enviar:</label>
            <textarea id="mensaje" placeholder="Escriba el mensaje que desea enviar a todos los usuarios...&#10;&#10;Nota: El nombre del usuario se agregará automáticamente al mensaje."></textarea>
        </div>

        <div class="button-group">
            <button class="btn btn-primary" onclick="iniciarEnvio()">Iniciar Envío</button>
            <a href="panel_admin.php" class="btn btn-secondary">Volver</a>
        </div>

        <!-- Progreso -->
        <div id="progressContainer" style="display: none;">
            <div class="progress">
                <div class="progress-bar" id="progressBar"></div>
            </div>
            <div class="text-center" style="margin-bottom: 10px;">
                <strong id="progressText">0/0</strong>
            </div>
            <div id="statusMessage" class="status-message status-info">
                Preparando envío...
            </div>
        </div>
    </div>

    <!-- Variables desde PHP -->
    <script>
        <?php
        // Limpiar y preparar datos para JSON seguro
        $usuariosLimpios = array_map(function($usuario) {
            return [
                'Id' => $usuario['Id'],
                'usuario' => htmlspecialchars($usuario['usuario'], ENT_QUOTES, 'UTF-8'),
                'nom_usuario' => htmlspecialchars($usuario['nom_usuario'], ENT_QUOTES, 'UTF-8'),
                'telefono' => $usuario['telefono']
            ];
        }, $usuarios);
        ?>
        
        const usuarios = <?php echo json_encode($usuariosLimpios, JSON_UNESCAPED_UNICODE); ?>;
        console.log('Usuarios cargados:', usuarios.length);
    </script>

    <!-- JavaScript separado -->
    <script src="envio_whatsapp.js"></script>
</body>
</html>
