<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog loginPop" role="document">
    <div class="modal-content loginBox">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		<div class="loginLogo">
		<img src="<?php echo ROOTPATH;?>/view/images/wt-logo.png" alt="logo">
		</div>
		<div class="loginRight">
		<h2 id="login_here">Login Here</h2>
			<form class="login_form1" action="" method="post" id="loginform" autocomplete="off"><!--<?php echo ROOTPATH;?>/login_logout.php -->
			<input class="loginInput" type="text" placeholder="Mobile No / Email Address" name="login_id"  id="login_id" />	
			<input class="loginInput" type="password" placeholder="Password" name="password"  id="password"  />
			<center><a href="javascript:void(0);" id="show_pwd">Show Password</a></center>	
			<input class="checkBox" type="checkbox" name="login_terms" value="1" id="login_terms"/> 
            <span class="terms_condn" id="login_terms_condn"><a data-toggle="modal" data-target="#terms_condn">I am agree with the terms and conditions</a></span>			
			<input class="loginButton" type="submit"   name="submitlogin"  value="Login"  id="submit_login" />
            <!--<input class="loginInput" type="text" placeholder="Mobile No / Email Address" name="forgot_pass"  id="forgot_pass" />		
            <input class="loginButtonBtn" type="button" name="submit_reset"  value="Reset Password"  id="submit_reset" />	-->		
			<input class="loginButton" type="button" name="submit_login_otp"  value="Login with OTP"  id="submit_login_otp" /> 
			<input class="loginInput" type="text" placeholder="" name="entered_opt"  id="entered_opt"  />
			<span id="some_div"></span>
            <center><a href="javascript:void(0);" id="resend_otp">Resend OTP</a></center><br>
			<input type="button" class="loginButton" name="submit_otp"  value="Submit"  id="submit_otp" />	
			<span id="login_msg" style="color:red;"></span>
        </form>
	  <p class="text-center" id="social_heading">
		<span></span>
		<br>
	  Login with social media account</p>
	  <ul>
	  <form class="socialform"  method="post" id="socialform" action="<?php //echo ROOTPATH;?>/login_logout.php">
		<li><!--<a href="javascript:void(0);">--><a href="<?php echo $loginURL;?>"><img src="<?php echo ROOTPATH;?>/view/images/facebook.png" alt="logo"></a>
		</li>
		<!--<li><a id="gmail_login" href=""><img src="<?php echo ROOTPATH;?>/view/images/google.png" alt="logo" name="gmail_email"></a></li>-->
        <li><a id="gmail_login" href="<?php echo $authUrl;?>"><img src="<?php echo ROOTPATH;?>/view/images/google.png" alt="logo"></a>
		<!--<input type="hidden" value="<?php echo $email;?>" name="gmail_email"/>-->  
		</li><!-- name="gmail_email"-->		
	  </ul>
	 </form>
	
	 
	  <p><!-- class="text-center"-->
	  New user <a href="javascript:void(0);" class="Register_box">Register Here</a>&nbsp;&nbsp;
	  <a href="javascript:void(0);" id="forgot_password_modal"><!-- id="submit_pwd"-->Forgot Password?</a>
	  </p>
	  </div>  
    </div>
  </div>
</div>
<!-- Latest compiled and minified CSS -->

<!-- Modal -->
<div class="modal fade" id="forgot_password" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog loginPop" role="document">
    <div class="modal-content loginBox">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		<div class="loginLogo">
		<img src="<?php echo ROOTPATH;?>/view/images/wt-logo.png" alt="logo">
		</div>
		<div class="loginRight">
		<h2 id="forgot_password_heading">Forgot Password</h2>
			<form class="login_form1" action="" method="post" id="forgot_password_form" autocomplete="off">
            <input class="loginInput" type="text" placeholder="Mobile No / Email Address" name="forgot_pass"  id="forgot_pass" />
			<input class="loginInput" type="text" placeholder="" name="entered_forgot_opt"  id="entered_forgot_opt"  />
			<span id="forgot_password_div"></span>
            <center><a href="javascript:void(0);" id="resend_forgot_otp">Resend OTP</a></center><br>
			<input type="button" class="loginButton" name="submit_forgot_otp"  value="Submit"  id="submit_forgot_otp" />	
			<span id="forgot_password_msg" style="color:red;"></span>
        </form>
	  </div>  
    </div>
  </div>
</div>
<!-- Latest compiled and minified CSS -->



<!-- Modal -->
<div class="modal fade" id="registration" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog loginPop" role="document">
    <div class="modal-content loginBox">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		<div class="loginLogo">
		<img src="<?php echo ROOTPATH;?>/view/images/wt-logo.png" alt="logo">
		</div>
		<div class="loginRight">
		<span id="regi"><h2>Register Here</h2></span>
		 <form  method="post"  id="registrationform" autocomplete="off" >
		<input class="loginInput" type="text" placeholder="Name" name="registered_name"  id="registered_name"  />	
		<input class="loginInput" type="text" placeholder="Mobile No" name="registered_mob"  id="registered_mob"  />	
		<input class="loginInput" type="text" placeholder="Email" name="registered_email"  id="registered_email"  />	
		<!--<input class="loginInput" type="password" placeholder="Password" name="registered_password"  id="registered_password"  onchange="check_password(this.value)"/>
        <span id="password_msg" style="color:red;"></span>-->
		<input type="password" class="loginInput" placeholder="Password" name="registered_password"  id="registered_password">
		<!--<span id="regi_message" style="color:red;">Password must contain, at least one upper case letter,one lower case letter, one number,one special character, minimum 6 and maximum 20 characters</span>-->
		<span id="message">
			<h5>Password must contain the following:</h5>
			<span id="letter" class="invalid">A <b>lowercase</b> letter</span>
			<span id="capital" class="invalid">A <b>uppercase</b> letter</span>
			<span id="number" class="invalid">A <b>number</b></span>
			<span id="length" class="invalid">Minimum <b>6 characters</b></span><br>
			<span id="special_character" class="invalid">A <b>special character</b></span>
			<!--<span id="max_length" class="invalid">Maximum <b>20 characters</b></span>-->
		</span><br>
		
		<center><a href="javascript:void(0);" id="show_regipwd">Show Password</a></center>
		<input class="checkBox" type="checkbox" name="reg_terms" value="1" id="reg_terms"/> <span class="iam" id="iam">I am agree with the terms and conditions</span>
		<input class="loginButton" type="submit"   name="submit_reg"  value="Create Account"  id="submit_reg" />
		<input class="loginInput" type="text" placeholder="Enter OTP" name="entered_OTP"  id="entered_OTP"  />
		<span id="reg_some_div"></span>
        <center><a href="javascript:void(0);" id="resend_reg_otp">Resend OTP</a></center><br>	
		<input type="button" class="loginButton" name="submit_OTP"  value="Submit"  id="submit_OTP" />
     </form>	
	  <p class="text-center" id="log">
	  Already registered <a href="javascript:void(0);" class="Login_box" id="Login_box">Login Here</a>
	  </p>
		</div>  
    </div>
  </div>
</div>
</div>
<!-- Latest compiled and minified CSS -->

<!-- Latest compiled and minified CSS -->
<!-- Modal -->
<div class="modal fade" id="terms_condn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog loginPop" role="document">
    <div class="modal-content loginBox">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		<div class="loginLogo">
		<img src="<?php echo ROOTPATH;?>/view/images/wt-logo.png" alt="logo">
		</div>
		<div class="loginRight">
		<span id="regi"><h2>Terms & Condition</h2></span>
		 <form  method="post"  id="termsform" autocomplete="off" >
				<p class="text-center" id="log">
			  There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
			  </p>
        </form>	
	  
		</div>  
    </div>
  </div>
</div>
</div>
<!-- Latest compiled and minified CSS -->