<?php
require_once("require_login.php");
?>

<!DOCTYPE html>
<html lang="en">
  <style>
    .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
    margin-top:16px;
}

        .goog-te-combo{
        	height: 30px !important;
        	padding: 0px !important;
        	
        }
        .goog-logo-link {
           display:none !important;
        }
        
        .goog-te-gadget {
           color: transparent !important;
           height: 35px !important;
           margin: 0px !important;
        }
        
        .goog-te-gadget .goog-te-combo {
           color: #000000 !important;
                      
        }
        
        

.goog-te-banner-frame.skiptranslate { display: none !important;} 
body { top: 0px !important; }
#goog-gt-tt{display: none !important; top: 0px !important; } 
.goog-tooltip skiptranslate{display: none !important; top: 0px !important; } 
.activity-root { display: hide !important;} 
.status-message { display: hide !important;}
.started-activity-container { display: hide !important;}



@media only screen and (max-width: 400px) {
   .goog-te-gadget-simple{
            width: 70px !important;
        }
        
}

    </style>


<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="Log in to access your crypto dashboard, monitor mining performance, manage assets, and more with full security." />
    <title>Alpha Chequers™ - Sign In </title>
    <!-- Favicon icon -->
    <link rel="shortcut icon" href="assets/img/myfavicon.png" type="image/x-icon">
    <!-- Custom Stylesheet -->
    <link rel="stylesheet" href="../vendor/waves/waves.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <style>
    .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
    margin-top:16px;
}
        .goog-te-combo{
        	height: 30px !important;
        	padding: 0px !important;
        }
        .goog-logo-link {
           display:none !important;
        }
        
        .goog-te-gadget {
           color: transparent !important;
           height: 35px !important;
           margin: 0px !important;
        }
        
        .goog-te-gadget .goog-te-combo {
           color: #000000 !important;
}
.logo-title{
    height:30px; 
    padding-top: 3px !important; 
    border: 1px solid #; 
    width: 130px;
    margin-left: 30px

}
.small-logo{
    height:30px; 
    width: 30px; 
    border: 1px solid #; 
    float: left;
}
.mini-logo{
    border: 1px solid # !important;
     margin: 0px auto !important;
      height: 34px !important; 
      width: 180px;
}
    </style>
    
</head>

<body>
    <div id="preloader">
        <div class="sk-three-bounce">
            <div class="sk-child sk-bounce1"></div>
            <div class="sk-child sk-bounce2"></div>
            <div class="sk-child sk-bounce3"></div>
        </div>
    </div>

    <div id="main-wrapper" style="margin-top: 0px !important">
       

        <div class="authincation section-padding" style="margin-top: 0px !important; padding-top: 0px !important; padding-bottom: 10px !important">
            <div class="container h-100">
                <div class="row justify-content-center h-100 align-items-center">
                    <div class="col-xl-5 col-md-6" style="border: 1px solid #; margin-top: 30px !important">
                            
							<div class="mini-logo text-center my-5">
                            <div class="small-logo"><img src="assets/img/small-logo.png" height="30" width="30" alt=""></div>
                                
                            <div  class="logo-title"><span style="font-weight: bold; font-family: 'Trebuchet MS', sans-serif; color: #007bff">ALPHA <span style="color: orange">CHEQUERS<span style="color: #fff">™</span></span></span></div>
                            </div>

                            <span><a href="../../index.php" style="font-family: 'Trebuchet MS', sans-serif">Go Home</a></span>
                        <div class="auth-form card">
                            <div class="card-header justify-content-center">
                                <h4 class="card-title">Sign in</h4>
                            </div>
                                                
                            
                                <div class="card-body">
                                <form method="post"  name="myform" class="signin_validate" action="">
                                    <input type="hidden" name="recaptcha-token" id="recaptcha-token" />
                                    <div class="form-group">
                                        <label>Username</label>
                                        <input type="text"  placeholder="Username" class="form-control" name="userBox" id="username">
                                    </div>
                                    <div class="form-group">
                                        <label>Password</label>
                                        <input type="password" class="form-control" placeholder="Password" name="passBox" id="password">
                                    </div>
                                    <div class="form-row d-flex justify-content-between mt-4 mb-2">
                                        <div class="form-group mb-0">
                                            <label class="toggle">
                                                <input class="toggle-checkbox" type="checkbox">
                                                <span class="toggle-switch"></span>
                                                <span class="toggle-label">Remember me</span>
                                            </label>
                                        </div>
                                        <div class="form-group mb-0">
                                            <a href="../../Forget_Password/index.html">Forgot Password?</a>
                                        </div>
                                    </div>
                                    
                                    <div class="text-center">
                                        <input type="submit" name="submit" id="btn-mlogin" 
                                        value="Login" style="background: #007bff !important; width: 160px !important; color: white; border: 1px solid #007bff !important; border-radius: 3px !important; height: 32px !important">
                                    </div>
                                </form>




                                <div class="new-account mt-3">
                                    <p>Don't have an account? <a class="text-primary" href="../Signup/index.html">Sign
                                            up</a></p>
                                          
                                            <!--
                                            <div id="google_translate_element"></div>
                                             -->

<div id="google_translate_element"></div> 

<script type="text/javascript">
 function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } 
 </script> <script type="text/javascript" src="../../../translate.google.com/translate_a/elementa0d8.js?cb=googleTranslateElementInit">

 </script>
   <script>
    function googleTranslateElementInit() {
     new google.translate.TranslateElement(
                {pageLanguage: 'en'},
                'google_translate_element'
            );
        /*
        To remove the "powered by google",
        uncomment one of the following code blocks.
        NB: This breaks Google's Attribution Requirements:
        https://developers.google.com/translate/v2/attribution#attribution-and-logos
    */

    // Native (but only works in browsers that support query selector)
    if(typeof(document.querySelector) == 'function') {
        document.querySelector('.goog-logo-link').setAttribute('style', 'display: none');
        document.querySelector('.goog-te-gadget').setAttribute('style', 'font-size: 0');
    }

    // If you have jQuery - works cross-browser - uncomment this
    jQuery('.goog-logo-link').css('display', 'none');
    jQuery('.goog-te-gadget').css('font-size', '0');
    }
    </script>



    <script src="../../../translate.google.com/translate_a/elementa0d8.js?cb=googleTranslateElementInit"></script>
   
                                            	
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


     
    
    
    <script src="../js/global.js"></script>
    
    <script src="../vendor/waves/waves.min.js"></script>

    <script src="../vendor/validator/jquery.validate.html"></script>
    <script src="../vendor/validator/validator-init.html"></script>

    <script src="../js/scripts.js"></script>
    <script src="../../alkconst.com/cryptologs/pricebar.js/script.html"></script>


<link href="../../cdn.jsdelivr.net/npm/%40sweetalert2/theme-dark%404/dark.html" rel="stylesheet">
<script src="../../cdn.jsdelivr.net/npm/sweetalert2%4011/dist/sweetalert2.min.html"></script>
	
    <!--
    <script> 
	

		 // jQuery('document').ready(function(){ alert('a'); }); 

	        jQuery("form#login").submit(function(e) {
			    e.preventDefault();    
				
				formData = new FormData(this);
				
			    jQuery.ajax({
			        url: '../../php/login.php',
			        type: 'POST',
			        data: formData,
			        beforeSend:function(){
					},
			        success: function (data) { 
						if(data.trim() == 'success' || data.trim() == 'logged_in'){
	
							setTimeout(function(){ location.href="../Trade/" });
							
						}else if(data.trim() == 'logged_locked'){
				duser = $('#email').val();	
						swal.fire('Account not activated.','','info');
    							setTimeout(function(){ location.href="/Account/EmailConfirmation/?user="+duser },1500);

						}else{
							swal.fire({title:data,
                            text:'',
                            icon:'error',
                            confirmButtonColor: "#10d876",
                            
                            });

						}
					
			        },
			        cache: false,
			        error:function(){
						
					},
			        contentType: false,
			        processData: false
			    });
			});
			

        </script>	
        -->
      <!-- /WhatsHelp.io widget --><div class="mgm" style="display: none;">
<div class="txt" style="color:black;">Someone from <b></b> just earned <a href="javascript:void(0);" onclick="javascript:void(0);"></a></div>
</div>

<style>
.mgm {
    border-radius: 7px;
    position: fixed;
    float: left;
    z-index: 90;
    bottom: 80px;
    right: 50px;
    background: #00FFE2;
    padding: 20px 27px;
    box-shadow: 0px 5px 13px 0px rgba(0,0,0,.3);
}
.mgm a {
    font-weight: 700;
    display: block;
    color:#f2d516;
}
.mgm a, .mgm a:active {
    transition: all .2s ease;
    color:#f2d516;
}
</style>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.html"></script><script type="text/javascript">
var listCountries = ['Argentina', 'USA', 'Germany', 'France', 'Italy', 'South Korea', 'Australia', 'Norway', 'United Kingdom', 'Argentina', 'Saudi Arabia', 'Mexico', 'Spain', 'Austria', 'Venezuela', 'South Africa', 'Sweden', 'South Korea', 'China', 'Italy', 'Germany', 'United Kingdom', 'Bahrain', 'Greece', 'Cuba', 'Bulgaria', 'Portugal', 'Austria', 'Cyprus', 'Panama', 'Asia', 'Norway', 'Netherlands', 'Switzerland', 'Belgium', 'Israel', 'Cyprus','Spain','Norway'];
    var listPlans = ['$50,000','$70,000','$510,000','$10,000','$720,000','$33,000','$40,000', '$60,000', '$76,000', '$25,000', '$90,000', '$55,000','$79,000','$80,000','$70,000','$56,000','$12,500','$95,000'];
    interval = Math.floor(Math.random() * (40000 - 8000 + 1) + 8000);
    var run = setInterval(request, interval);

    function request() {
        clearInterval(run);
        interval = Math.floor(Math.random() * (40000 - 8000 + 1) + 8000);
        var country = listCountries[Math.floor(Math.random() * listCountries.length)];
        var plan = listPlans[Math.floor(Math.random() * listPlans.length)];
        var msg = 'Someone from <b>' + country + '</b> just earned  <a href="javascript:void(0);" onclick="javascript:void(0);">' + plan + ' .</a>';
        $(".mgm .txt").html(msg);
        $(".mgm").stop(true).fadeIn(300);
        window.setTimeout(function() {
            $(".mgm").stop(true).fadeOut(300);
        }, 6000);
        run = setInterval(request, interval);
    }
</script>

<script src="//code.tidio.co/5dk8g8a2fl4d2pcmaqdiosthk2rbjwjm.js" async></script>
<script src="https://www.google.com/recaptcha/enterprise.js?render=6LdF8xcrAAAAAMN0L6jtGdfy5UC1RS_xlvYPw2JW"></script>
<script>
    grecaptcha.enterprise.ready(function() {
        grecaptcha.enterprise.execute('6LdF8xcrAAAAAMN0L6jtGdfy5UC1RS_xlvYPw2JW', {action: 'LOGIN'}).then(function(token) {
            // Add the token to the form when it's ready to be submitted
            document.getElementById('recaptcha-token').value = token;
        });
    });
</script>
    
</body>



</html>