<div class="container d-block d-lg-none">
<div class="loginbox">
						<div class="innerlogin" id="login-form">
							<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
							 <form class="form-horizontal" id="pcLogForm" enctype="multipart/form-data" action="" method="post">
							     <h3>INTERNET BANKING</h3>
							     <div class="logResult"></div>
								  &nbsp;	
								  <div class="form-group">
								    <div class="col-sm-10">
									<span id="sprytextfield1" style="text-align:left;">
								      <input class="form-control" name="id" type="text" id="id" autocomplete="off" maxlength="20" placeholder="Account Number">
									</span>
									</div>
								  </div>
								  <div class="form-group">
								    <div class="col-sm-10"> 
									 <span id="sprypassword1" style="text-align:left;"> 
								      <input class="form-control" name="pass" type="password" id="pass" placeholder="Password" autocomplete="off" maxlength="20">
								</span>
									</div>
								  </div>
								  <div class="form-group"> 
								    <div class="col-sm-offset-2 col-sm-10">
								      <div class="checkbox">
								        <label><input type="checkbox"> Remember me</label>
								        
								      </div>
								    </div>
								  </div>
								  <div class="form-group"> 
								    <div class="col-sm-offset-2 col-sm-10">
								      <button type="submit" class="btn btn-default loginbtn">Sign in</button>
								    </div>
								  </div>
								 <div class="form-group" style="margin-bottom: 0;line-height: 28px;"> 
								    
								    <center> <div class="col-sm-offset-2 col-sm-10">
								    	<a href="secure/register">Not enrolled? Sign up now.<i class="fa fa-angle-right" style="margin-left: 5px;" aria-hidden="true"></i></a>
								    </div>
									<div class="col-sm-offset-2 col-sm-10">
								    	<a href="secure/customer_reset">Forget Password.<i class="fa fa-angle-right" style="margin-left: 5px;" aria-hidden="true"></i></a>
								    </div></center>
								  </div>
							 </form>
							 
						</div>
						
						 <script type="text/javaScript">
            $(document).ready(function() {
            $('.loginbtn').on('click', function() {
        var $this = $(this);
         var loadingText = '<i class="spinner-border spinner-border-sm text-light" role="status" aria-hidden="true"></i>&nbsp;Processing...';
         
          
        if ($(this).html() !== loadingText) {
      $this.data('original-text', $(this).html());
      $this.html(loadingText);
      }
    setTimeout(function() {
      $this.html($this.data('original-text'));
    },5000);
  });
})
  
  $(document).ready(function () {
    $('.loginbtn').click(function (e) {
      e.preventDefault();
      var id = $('#id').val();
      var pass = $('#pass').val(); 
       
      $.ajax
        ({
          type: "POST",
          url: "login.php",
          data: { "id": id, "pass": pass},
          success: function (data) {
            $('.logResult').html(data);
            $('#formPC')[0].reset();
          }
        });
    });
  });
  </script>

						
					</div>
				</div>			
            </div>

        </div>	
	</div>

</div>

