<div class="innerBanner container-fluid mb-5">
	<div class="row h-100 align-items-center">
		<div class="col-md-4 col-lg-6">
			<h2 class="whiteColor mb-0">Login</h2>
		</div>
		<div class="col-md-8 col-lg-6">
			<ul class="breadcrumb">
				<li><a href="<?php echo base_url(); ?>">Home</a></li>
				<li>Members Login</li>
			</ul>
		</div>
	</div>
</div>
<div class="container-fluid">
	<div class="row justify-content-center">
		<div class="col-11 col-sm-8 col-lg-6 mb-5">
			<form id="memberLoginForm">
				<div class="dataList memberLogin">
					<div class="blackRect"></div>
					<div class="pt-3">
						<h4 class="text-uppercase pb-2 border-bottom mb-4">Login</h4>
						<div class="row">
							<div class="col-sm-6 mb-4">
								<input type="text" class="form-control" placeholder="Username" name="username" id="username">
								<label for="username" class="error"></label>
							</div>
							<div class="col-sm-6 mb-4">
								<input type="password" class="form-control" placeholder="Password" name="userpassword" id="userpassword">
								<label for="password" class="error"></label>
							</div>
							<div class="col-sm-2 mb-4">
								<select class="form-control" id="isd" name="isd">
									<?php foreach($country as $val){
										$selected = false;
										if($val->phonecode == "91"){
											$selected = true;
										} 
									?>
									<option value="<?php echo $val->phonecode; ?>" <?php if($selected){ echo 'selected'; }?>><?php echo $val->phonecode; ?></option> 
									<?php } ?>
								</select>
								<label for="isd" class="error"></label>
							</div>
							<div class="col-sm-4 mb-4">
								<input type="input" class="form-control" placeholder="Mobile" name="mobile" id="mobile">	
								<label for="mobile" class="error"></label>
							</div>

							<div id="otpTxt" class="col-4 col-sm-3 col-md-3 mb-4">
								<input type="password" id="otp" name="otp" class="form-control" placeholder="Enter OTP">
								<label for="otp" class="error"></label>
							</div>
                            <span id="countdownotp"></span>
							<div id="generateOtp1" class="col-4 col-sm-3 col-md-3 mb-4">
								<button id="generateOtp" class="btn grayGradientBg w-100">Generate otp</button>
							</div>

							<div id="resendOtp1" class="col-4 col-sm-3 col-md-3 mb-4">
								<button id="resendOtp" class="btn grayGradientBg w-100">Resend otp</button>
							</div>
							
							
							<br>
							  <div class="col-sm-4 mb-4">
                              <div id="image_captcha" class="image_captcha">
                                <?php
                                  echo $captcha;
                                ?>
                              </div>
                              <div>
                                <a href="javascript:void(0);" class="captcha-refresh"><img style="width: 10%;" src="<?php echo base_url().'admin-assets/images/refresh.png'; ?>"/></a>
                              </div>
                              <input class="form-control" type="text" name="captcha" placeholder="Enter Captcha" />
                              <div><label for="captcha" generated="true" class="error"></label></div>
                            </div>
            
						</div>
						<div class="row align-items-center">
							<div class="col-4 col-sm-3 col-md-2 mb-4">
								<input type="submit" class="btn grayGradientBg">
							</div>
							<div class="col-8 col-sm-9 col-md-10 mb-4">
								<a href="http://membership.plasticsepc.org/member_home.php" class="redColor">New Registration</a> <span class="grayColor">|</span> 
								<a href="javascript:;" class="redColor">Forgot Password</a>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>