<?php
include_once('include/config.inc.php');

?>
<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>ATD MONEY</title>

	<!-- <link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet"> -->
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="css/themify-icons.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="css/magnific-popup.css">

	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
    <link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'>
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/multistepform/css/style.css" rel="stylesheet">
    <!------------------LOGON FORM CSS------------------->
<link rel="stylesheet" href="css/lightbox.css">
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<style>
.meta {
margin: 0 0 40px 0;
font-size: 0.8em;
}
.properties-table {
width: 100%;
padding: 0;
border-spacing: 0;
margin-top: 2em;
font-size: .85em;
background-color: #eee;
}
.properties-table th, .properties-table td {
text-align: left;
padding: 10px;
}
.properties-table th {
border-bottom: 1px solid #333;
line-height: 2;
}
/* End Basic styling */


#demo-1 {
position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
width: 100%;
height: 400px;
background-color: #999;
}
.demo-inner-content {
position: relative; /* if position is not set, the script will set it to 'relative'. */
z-index: 2; /* if z-index is not set, the script will set it to '2'. */
margin: 180px auto;
padding: 40px;
max-width: 600px;
color: #fff;
text-align: center;
font-size: 1.5em;
}
.demo-inner-content h1 {
font-size: 2.5em;
margin: 0;
}


label {
  cursor: pointer;
}

.modal-btn {
 
  height: 100px;
  float: left;
    padding-left: 10px;
  font-size: 21px;
  color: #000;
  text-align: center;
  transition: box-shadow 250ms ease;
}


.modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  visibility: hidden;
  transition: background-color 250ms linear;
}

.modal-content {
  position: absolute;
  top:0px;
  left: 18%;
  width: 912px;
  height: auto;
  margin-top: -18%;
  margin-left: -25%;
  padding: 30px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  transform: scale(0);
  transition: transform 250ms ease;
  visibility: hidden;
  z-index: 20;
}
.modal-content .close {
  position: relative;
  float: right;
  font-size: 18px;
  transition: transform 500ms ease;
  z-index: 11;
}
.modal-content .close:hover {
  color: #3498db;
  transform: rotate(540deg);
}
.modal-content header {
  position: relative;
  display: block;
  border-bottom: 1px solid #eee;
}
.modal-content header h2 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 28px;
}
.modal-content article {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.75;
}
.modal-content footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
  padding: 10px 0 0;
}
.modal-content footer .button {
  position: relative;
  padding: 10px 30px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  overflow: hidden;
}
.modal-content footer .button:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: width 250ms ease;
  z-index: 0;
}
.modal-content footer .button:hover:before {
  width: 100%;
}
.modal-content footer .button.success {
  margin-right: 5px;
  background-color: #2ecc71;
}
.modal-content footer .button.danger {
  background-color: #e74c3c;
}

#modal {
  display: none;
}
#modal:checked ~ .modal-bg {
  visibility: visible;
  background-color: black;
  opacity: 0.7;
  transition: background-color 250ms linear;
}
#modal:checked ~ .modal-content {
  visibility: visible;
  transform: scale(1);
  transition: transform 250ms ease;
  z-index: 111;
}
</style>
<script>
function getdistrict(val) {
	$.ajax({
	type: "POST",
	url: "get_district.php",
	data:'StateName='+val,
	success: function(data){
		$("#district-list").html(data);
	}
	});
}
</script>
	</head>
	<body>
		
	<div class="gtco-loader"></div>
	
	<div id="page">
	<?php include("header.php"); ?>

<div id="demo-1" ><img src="img/form-slide.jpg" ></div>


<div id="gtco-history" class="gtco-section border-bottom animate-box" style="background-color:#efefef;">
<div class="gtco-container">

<div class="row" style="background-color:#FFFFFF;">
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<h2 style="margin-top:30px;">Register for Business Loan</h2>
</div>
</div>


<div class="row" style="background-color:#FFFFFF;">
<form id="msform" method="post" action="process-library.php">
<input type="hidden" name="last_insert_id" id="last_insert_id" value="">
            <!-- progressbar -->
            <ul id="progressbar">
                <li class="active">Registration Details</li>
                <li>OTP Verification</li>
                <li>Loan Details</li>
                <li>Personal Details</li>
                <li>KYC Details</li>
                <li>Business</li>
                <li>Bank Details</li>
                
                
            </ul>
            <!-- fieldsets -->
            <?php include("business-form.php"); ?>
            
            
           <fieldset>
                <h2 class="fs-title">Registration Details</h2>
                
                <div id="error_msg"></div>
                <div class="col-md-6">
                <input type="hidden" name="process" id="process" value="addRegistration">
                <input type="hidden" name="step1" id="step1" value="1" >
                <input type="text" name="fname" id="fname" tabindex="1"  placeholder="First Name">
                
                <input type="text" name="lname" id="lname" tabindex="2"  placeholder="Last Name">
                </div>
                <div class="col-md-6">
                <input type="text" name="newemail" id="newemail" tabindex="3" placeholder="Email Address">
                <input type="text" name="mobile" id="mobile" maxlength="10" tabindex="4" placeholder="Mobile">
                </div>
                <!--<div class="col-md-4">
                <input type="hidden" name="process" id="processotpmobile" value="setOTPMobile">
                <input type="hidden" name="process" id="processotpemail" value="setOTPEmail">
                <input type="hidden" name="processEmailReset" id="processotpemailreset" value="resetOTPEmail">
                <input type="text" name="otpemail" id="otpemail" class="txtfield" tabindex="5" maxlength="6" Placeholder="OTP On Email">
                
                <input type="text" name="otpmobile" id="otpmobile" class="txtfield" tabindex="6" maxlength="6" Placeholder="OTP On Mobile">
                
                </div>-->
                <input type="button" name="next" id="registrationbtn" style="display:none;float: right;margin-right: 15px;" class="next action-button" value="Next"/>
                
                <div style="clear:both"></div>
            </fieldset>
            
            <fieldset>
                <h2 class="fs-title">OTP Verification</h2>
                <h3 class="fs-subtitle">You have to enter both OTP for verification.</h3>
                <div id="error_otp_final"></div>
                <input type="hidden" name="step2" id="step2" value="2" >
                <input type="hidden" name="process" id="processFinalOTP" value="setFinalOTP">
                <input type="hidden" name="process" id="processotpmobile" value="setOTPMobile">
                <input type="hidden" name="processReset" id="processotpmobilereset" value="resetOTPMobile">
                <input type="hidden" name="process" id="procesMsg" value="sendWelcomeMsg">
                <div class="col-md-5">
                <div id="mobile_otp_error_msg"></div>
                <input type="text" name="otpmobile" id="otpmobile" class="txtfield" tabindex="1" autocomplete="off" Placeholder="OTP On Mobile">
                <!--<input type="button" name="otpmobilebtn" id="otpmobilebtn" value="Submit" class="btn" tabindex="3" style="float:left;width: 100px;">-->
                <input type="button" name="mobileresnd" id="mobileresnd" value="Resend" class="btn" tabindex="3" style="float:left;width: 100px;">
                </div>
                <div class="col-md-5">
                <div id="email_otp_error_msg"></div>
                <input type="hidden" name="process" id="processotpemail" value="setOTPEmail">
                <input type="hidden" name="processEmailReset" id="processotpemailreset" value="resetOTPEmail">
                <input type="text" name="otpemail" id="otpemail" class="txtfield" tabindex="2" autocomplete="off" Placeholder="OTP On Email">
                <!--<input type="button" name="otpemailbtn" id="otpemailbtn" value="Submit" class="btn" tabindex="3" style="float:left;width: 100px;">-->
                <input type="button" name="emailresnd" id="emailresnd" value="Resend" class="btn" tabindex="3" style="float:left;width: 100px;">
                </div>
                <div class="col-md-2"><input type="button" name="otpsubmit" id="otpsubmit" value="Submit" class="btn" tabindex="3" style="float:left;width: 100px;"></div>
               
                <input type="button" name="next" id="otpverification"  style="display:none; float:right"  class="next action-button" value="Next"/>
               
                <!--<input type="button" name="previous" class="previous action-button-previous" value="Previous" style="float:right;"/>-->
                <div style="clear:both"></div>
            </fieldset>
            
            
           <?php include("loan-form.php"); ?>
            
           <?php include("personal-information-form.php"); ?>
            
            <?php include("kyc-form.php"); ?>
            
            <?php //include("business-form.php"); ?>
            
            <?php include("bank-form.php"); ?>
             
             
            
             
            
        </form>
        <style>
        ul {padding:10px 110px 30px 130px;}
		li {list-style:disc ;}
        </style>
        <ul style="">
         <li style="list-style:none;"> <span style="color:#FF0000">*</span> Keep your documents ready, i.e. photo, scanned copy of pan card, scanned copy of id proof (Front side of Aadhaar card), scanned copy of valid address proof of your address with your name (Back side of Aadhaar card), latest 1 month salary slip, 6 months bank statement.</li>
        <!--<li>ffffff</li>
         <li>ffffff</li>
          <li>ffffff</li>
           <li>ffffff</li>-->
        </ul>
</div>


</div>
</div>
<script>
function getCrnno() { 
var name = document.getElementById("fname").value;
var resName = name.charAt(0);

var days = document.getElementById("days").value;
if(days.length==1)
{
var days = "0"+days;
}else{
var days = days;
}
//var dob = document.getElementById("dob").value;
//var days = dob.split('-');
var panno = document.getElementById("panno").value;
var resPan1 = panno.charAt(0);
var resPan2 = panno.charAt(1);
var aadharno = document.getElementById("aadharno").value;
var resAadharno = aadharno.substr(aadharno.length-3);
var crnno = resName  + days + resPan1 + resPan2 + resAadharno;
var accountId = "ATDFSL" + resName + days  + resPan1 + resPan2 + resAadharno; //alert(crnno);
document.getElementById("crnno").value = crnno;
document.getElementById("account_id").value = accountId;
}
</script>


<?php include("footer.php"); ?>

