<?php defined('BASEPATH')or exit('No Direct Access is Allowed');?>
<style>
    .margin-form1{
    display:inline-flex!important;
    margin-bottom:12px!important;
    }
    .m-btns-add{
    background-color: #fff;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 12px;
    cursor: pointer;
    padding-left: 15px;
    border: 1px solid #ddd;
    }
    .multi1-buttons{
    padding: 6px 20px!important;
    margin-left:12px;
    }
	li.opt.disabled.selected{
display:none;
}
.required-field-block {
    position: relative;
}

.required-icon {
    display: inline-block;
    vertical-align: middle;
    margin: -0.25em 0.25em 0em;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    padding: 0.5em 0.8em;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0.325em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
    /* font-size: 75%; */
}
.required-icon {
    background-color: transparent;
    position: absolute;
    top: 0em;
    right: 1em;
    z-index: 10;
    margin: 0em;
    width: 30px;
    height: 30px;
    padding: 0em;
    text-align: center;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.required-icon:after {
    position: absolute;
    content: "";
    right: 1px;
    top: 1px;
    z-index: -1;
    width: 0em;
    height: 0em;
    border-top: 0em solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 0em solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
.required-icon .text {
    color: #ff6705;
    font-size: 16px;
    margin: -1px 0 0 13px;
}
.create-new-field{
    padding: 4px 10px!important;
}

</style>
<div class="custom_content custom custom-register" style="min-height: 100%;">
    <div class="container large">
        <div class="row" style="margin-right:0px;margin-left:0px;">
	 <div class="row clearfix row-spec">
                <div class="col-xs-12">
                    <div class="aboutTitle">
                        <h2 class="what-offer offer-spec register-stu register-teacher">Teacher Registration Process
                        	<span class="what-offer-span register-stu1">Already have an Account?
							<?=anchor('login', 'Login Here', array('title' => 'Login Here','class'=>'popup-with-zoom-anim hvr-underline-from-left register-pops'));?>
                        </span>
                        </h2>
                    </div>
                </div>
            </div>

            <form class="steps" action="<?=site_url('teacher/signup');?>" method="POST" id="myform" enctype="multipart/form-data"  onsubmit="ShowLoading()">
			<ul id="progressbar">
                <li class="active">Basic Information</li>
                <li>Qualification Details</li>
                <li>Preferred classes & subjects</li>
				<li>Bank Details</li>
                <li>Other info and Uploads</li>
            </ul><!--  -->
			<fieldset id="basic_info">
            <h2 class="fs-title">Basic Information</h2>

            <!-- <h3 class="fs-subtitle"></h3> --><br>
            <!-- Begin What's Your First Name Field -->
                <div class="form-group margin-form">
                    <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                        <input type="text" class="form-control input-sm" id="first_name" name="first_name" placeholder="First Name">
                      <div class="required-icon"><div class="text">*</div> </div>


                    </div>
                    <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                        <input type="text" class="form-control input-sm" id="last_name" name="last_name" placeholder="Last Name">
						<div class="required-icon"><div class="text">*</div> </div>
                   	 </div>
                </div>
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                    <select name="gender" id="gender" class="form-control country-select input-sm">
            			<option value="">Gender</option>
            			<option value="male">Male</option>
            			<option value="female">Female</option>
            			<option value="other">Others</option>
            		</select>
						<div class="required-icon"><div class="text">*</div> </div>
                </div>
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                	<input type="text" class="form-control input-sm" id="datepicker" name="dob"  placeholder="Date of Birth (MM/DD/YYYY)">
                	<div class="required-icon"><div class="text">*</div> </div>
                </div>
            </div>
            <div class="form-group margin-form">
            	<div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                    <input type="email" class="form-control input-sm" id="email" name="email" placeholder="Email" onkeyup="checkemail();"> <!-- onblur="validateEmail(this);" onkeyup="checkemail();" -->
				<span id="email_status" class="text-danger"></span><span id="email_status2" class="text-danger"></span>
				<div class="required-icon"><div class="text">*</div> </div>
                </div>
                 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                    <input type="text" class="form-control input-sm" id="mobile" name="mobile" placeholder="Mobile Number"  maxlength="10" onkeypress='validate(event)'>
				<div class="required-icon"><div class="text">*</div> </div>
                </div>
            </div>
            <div class="form-group margin-form">
               	<div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                    <input type="password" class="form-control input-sm" id="password" maxlength="15" minlength="8" name="password" placeholder="Password">
                   <div class="required-icon"><div class="text">*</div> </div>
                </div>
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                    <input type="password" class="form-control input-sm" id="conf_password" name="conf_password" maxlength="15" minlength="8" placeholder="Confirm Password"><!-- onblur="validatepass();" -->
                   <div class="required-icon"><div class="text">*</div> </div>
                </div>
            </div>
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">

							<select id='sel_country' class="form-control input-sm countries" name="country">
                            <option value="" >Select Country</option>
                            <?php
                            foreach($country as $country1){
                                echo "<option value='".$country1['id']."'>".strtoupper($country1['sortname'])." | ".strtoupper($country1['name'])."</option>";
                            }
                            ?>
                         </select>

                      <div class="required-icon"><div class="text">*</div> </div>
                </div>
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
              <!--      <input type="text" class="form-control input-sm" id="state" name="state" placeholder="State"> -->
                   <select id='sel_state' class="form-control input-sm countries" name="state" >
                        <option value=""  >Select State</option>
                    </select>
                <div class="required-icon"><div class="text">*</div> </div>
                </div>
            </div>
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                	<!-- <input type="text" class="form-control input-sm" id="city" name="city" placeholder="City"> -->
                	<!-- <div class="required-icon"><div class="text">*</div> </div>-->
                	<select id='sel_city' class="form-control input-sm countries" name="city" >
                        <option value=""  >Select City</option>

                    </select>
						<div class="required-icon"><div class="text">*</div> </div>
                </div>
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                	<input type="text" class="form-control input-sm" id="zip_code" name="zip_code" placeholder="Zip code" maxlength="6" onkeypress='validate(event)'>
                	<div class="required-icon"><div class="text">*</div> </div>
                </div>
            </div>
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                	<input type="text" class="form-control input-sm" id="aadhar_id" name="aadhar_id" placeholder="Aadhar ID" maxlength="15" onkeypress='validate(event)'>

                </div>
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                	<input type="text" class="form-control input-sm" id="pan_id" name="pan_id" placeholder="Pan No" maxlength="15">

                </div>
            </div>
            <input type="button" id="first_form" name="first_form" value="Next"class="btn btn-primary btn btn-default next action-button send-btns btn-last" style="margin-top:0px;">
           </fieldset>

                 <fieldset id="qualification_details">
            <h2 class="fs-title">Qualification Details</h2>
           <h3 class="fs-subtitle"></h3>
		  <!-- <h3 class="fs-subtitle">Please provide your Qualification Details?</h3>-->
            <!-- Begin Total Number of Donors in Year 1 Field -->
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
							   <select name="primary_qualification1" id="primary_qualification1" class="form-control country-select input-sm">
									<option value="" selected="selected">Select First  Qualification</option>
									<?php
									foreach($qualification as $qualification1){
										echo "<option value='".$qualification1['id']."'>".strtoupper($qualification1['full_name'])."</option>";
									}
									?>
						   </select>
            	 	<div class="required-icon"><div class="text">*</div> </div>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                         <input type="text" class="form-control input-sm" id="university1" name="university1" placeholder="University/Institution">
                       <div class="required-icon"><div class="text">*</div> </div>
                </div>
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
						<input type="text" name="year_of_passing1" value="" id="year_of_passing1" class="form-control input-sm" placeholder="Year of Passing"  onkeypress='validate(event)'>
						<div class="required-icon"><div class="text">*</div> </div>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                        <input type="text" class="form-control input-sm" id="grade_percentage1" name="grade_percentage1" placeholder="Grade/Percentage">
                 <div class="required-icon"><div class="text">*</div> </div>
                </div>
            </div>
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
									<select name="primary_qualification2" data-field-form="2" id="primary_qualification2" class="form-control country-select input-sm add-validation">
									<option value="" selected="selected">Select Second  Qualification</option>
									<?php
									foreach($qualification as $qualification1){
										echo "<option value='".$qualification1['id']."'>".strtoupper($qualification1['full_name'])."</option>";
									}
									?>
									</select>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                	<input type="text" class="form-control input-sm" id="university2" name="university2" placeholder="University/Institution">
                </div>
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
                     <input type="text" name="year_of_passing2" id="yrId2" value="" class="form-control input-sm" placeholder="Year of Passing" onkeypress='validate(event)'>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                	<input type="text" class="form-control input-sm" id="grade_percentage2" name="grade_percentage2" placeholder="Grade/Percentage">
                </div>
            </div>
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
									<select name="primary_qualification3" data-field-form="3" id="primary_qualification3" class="form-control country-select input-sm add-validation">
									<option value="" selected="selected">Select Third  Qualification</option>
									<?php
									foreach($qualification as $qualification1){
										echo "<option value='".$qualification1['id']."'>".strtoupper($qualification1['full_name'])."</option>";
									}
									?>
									</select>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                	<input type="text" class="form-control input-sm" id="university3" name="university3" placeholder="University/Institution">
                </div>
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
                    <input type="text" name="year_of_passing3" id="yrId3" value="" class="form-control input-sm" placeholder="Year of Passing" onkeypress='validate(event)'>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                	<input type="text" class="form-control input-sm" id="grade_percentage3" name="grade_percentage3" placeholder="Grade/Percentage">
                </div>
            </div>
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
							<select name="primary_qualification4" data-field-form="4" id="primary_qualification4" class="form-control country-select input-sm add-validation">
							<option value="" selected="selected">Select Fourth  Qualification</option>
							<?php
							foreach($qualification as $qualification1){
								echo "<option value='".$qualification1['id']."'>".strtoupper($qualification1['full_name'])."</option>";
							}
							?>
							</select>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                	<input type="text" class="form-control input-sm" id="university4" name="university4" placeholder="University/Institution">
                </div>
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
                    <input type="text" name="year_of_passing4" id="yrId4" value="" class="form-control input-sm" placeholder="Year of Passing" onkeypress='validate(event)'>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                	<input type="text" class="form-control input-sm" id="grade_percentage4" name="grade_percentage4" placeholder="Grade/Percentage">
                </div>
            </div>
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
								<select name="primary_qualification5" data-field-form="5" id="primary_qualification5" class="form-control country-select input-sm add-validation">
								<option value="" selected="selected">Select Fifth  Qualification</option>
								<?php
									foreach($qualification as $qualification1){
										echo "<option value='".$qualification1['id']."'>".strtoupper($qualification1['full_name'])."</option>";
									}
									?>
								</select>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                	<input type="text" class="form-control input-sm" id="university5" name="university5" placeholder="University/Institution">
                </div>
                <div class="form-group margin-form col-lg-3 col-md-3 col-sm-3">
                    <input type="text" name="year_of_passing5" id="yrId5" value="" class="form-control input-sm" placeholder="Year of Passing" onkeypress='validate(event)'>
                </div>
                <div class="form-group margin-form form-group-university col-lg-3 col-md-3 col-sm-3">
                	<input type="text" class="form-control input-sm" id="grade_percentage5" name="grade_percentage5" placeholder="Grade/Percentage">
                </div>
            </div>
            <input type="button" name="previous" class="btn btn-primary btn btn-default previous action-button send-btns btn-last" value="Previous">
            <input type="button" name="next"  class="btn btn-primary btn btn-default next action-button send-btns btn-last" value="Next">
            </fieldset>

            <fieldset id="personal_information" class="">

					<h2 class="fs-title">PREFERRED CLASSES & SUBJECTS</h2>
					<h3 class="fs-subtitle"></h3>
				<!--	 <h3 class="fs-subtitle">Please Give your teaching prefrerrence according to classes and subjects?</h3>-->


			<div class="form-group margin-form">
					 <div class="form-g">
						 <div class="form-group margin-form col-md-3">
                       <select name="pre_classes" id="pre_classes" class="form-control country-select  input-sm">
					   <option value="">Select First Class</option>
						<option value="8th">8th Standard</option>
						<option value="9th">9th Standard</option>
						<option value="10th">10th Standard</option>
						<option value="11th">11th Standard</option>
						<option value="12th">12th Standard</option>
					  </select>
							 <div class="required-icon"><div class="text">*</div> </div>
						</div>

					 <div class="form-group margin-form form-group-university col-md-3">
						<select multiple="multiple" id="primary_subject" name="primary_subject[]" class="form-control country-select  input-sm SlectBox">
                    		<option disabled="disabled" selected="selected">Primary Subject</option>
                    		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                    	</select>
							<div class="required-icon"><div class="text">*</div> </div>
						</div>

					 <div class="form-group margin-form col-md-3">
					 <select multiple="multiple" id="secondary_subject" name="secondary_subject[]" class="form-control country-select  input-sm SlectBox ">
                		<option disabled="disabled" selected="selected">Secondary Subject</option>
                		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                	</select>

						<div class="required-icon"><div class="text">*</div> </div>
						</div>

                        <div class="form-group margin-form form-group-university col-md-3">
							<input type="text" class="form-control input-sm" id="others" name="others" placeholder="Others">

						</div>

					</div>
			</div>
			<div class="form-group margin-form">
					 <div class="form-g">
						 <div class="form-group margin-form col-md-3">
                       <select name="pre_classes2" id="pre_classes2" data-field-form="2" class="form-control country-select input-sm add-validation1">
					   <option value="">Select Second Class</option>
						<option value="8th">8th Standard</option>
						<option value="9th">9th Standard</option>
						<option value="10th">10th Standard</option>
						<option value="11th">11th Standard</option>
						<option value="12th">12th Standard</option>
					  </select>
							<!-- <div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					 <div class="form-group margin-form form-group-university col-md-3">
							<select multiple="multiple" id="primary_subject2" name="primary_subject2[]" class="form-control country-select  input-sm SlectBox">
                		<option disabled="disabled" selected="selected">Primary Subject</option>
                		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                	</select>
							<!--<div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					 <div class="form-group margin-form col-md-3">
					 <select multiple="multiple" id="secondary_subject2" name="secondary_subject2[]" class="form-control country-select  input-sm SlectBox ">
                		<option disabled="disabled" selected="selected">Secondary Subject</option>
                		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                	</select>

							<!-- <div class="required-icon"><div class="text">*</div> </div>-->
						</div>

                        <div class="form-group margin-form form-group-university col-md-3">
							<input type="text" class="form-control input-sm" id="others2" name="others2" placeholder="Others">
							<!--<div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					</div>
			</div>
			<div class="form-group margin-form">
					 <div class="form-g">
						 <div class="form-group margin-form col-md-3">
                       <select name="pre_classes3" id="pre_classes3" data-field-form="3" class="form-control country-select input-sm add-validation1">
					   <option value="">Select Third Class</option>
						<option value="8th">8th Standard</option>
						<option value="9th">9th Standard</option>
						<option value="10th">10th Standard</option>
						<option value="11th">11th Standard</option>
						<option value="12th">12th Standard</option>
					  </select>
							<!-- <div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					 <div class="form-group margin-form form-group-university col-md-3">
							<select multiple="multiple" id="primary_subject3" name="primary_subject3[]" class="form-control country-select  input-sm SlectBox">
                		<option disabled="disabled" selected="selected">Primary Subject</option>
                		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                	</select>
							<!-- <div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					 <div class="form-group margin-form col-md-3">
					 <select multiple="multiple" id="secondary_subject3" name="secondary_subject3[]" class="form-control country-select  input-sm SlectBox ">
                		<option disabled="disabled" selected="selected">Secondary Subject</option>
                		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                	</select>

						<!--	<div class="required-icon"><div class="text">*</div> </div>-->
						</div>

                        <div class="form-group margin-form form-group-university col-md-3">
							<input type="text" class="form-control input-sm" id="others3" name="others3" placeholder="Others">
							<!-- <div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					</div>
			</div>
			<div class="form-group margin-form">
					 <div class="form-g">
						 <div class="form-group margin-form col-md-3">
                       <select name="pre_classes4" id="pre_classes4" data-field-form="4" class="form-control country-select input-sm add-validation1">
					   <option value="">Select Fourth Class</option>
						<option value="8th">8th Standard</option>
						<option value="9th">9th Standard</option>
						<option value="10th">10th Standard</option>
						<option value="11th">11th Standard</option>
						<option value="12th">12th Standard</option>
					  </select>
							<!-- <div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					 <div class="form-group margin-form form-group-university col-md-3">
							<select multiple="multiple" id="primary_subject4" name="primary_subject4[]" class="form-control country-select  input-sm SlectBox">
                		<option disabled="disabled" selected="selected">Primary Subject</option>
                		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                	</select>
							<!--<div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					 <div class="form-group margin-form col-md-3">
					 <select multiple="multiple" id="secondary_subject4" name="secondary_subject4[]" class="form-control country-select  input-sm SlectBox ">
                		<option disabled="disabled" selected="selected">Secondary Subject</option>
                		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                	</select>

						<!--	<div class="required-icon"><div class="text">*</div> </div>-->
						</div>

                        <div class="form-group margin-form form-group-university col-md-3">
							<input type="text" class="form-control input-sm" id="others4" name="others4" placeholder="Others">
							<!-- <div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					</div>
			</div>
			<div class="form-group margin-form">
					 <div class="form-g">
						 <div class="form-group margin-form col-md-3">
                       <select name="pre_classes5" id="pre_classes5" data-field-form="5" class="form-control country-select input-sm add-validation1">
					   <option value="">Select Fifth Class</option>
						<option value="8th">8th Standard</option>
						<option value="9th">9th Standard</option>
						<option value="10th">10th Standard</option>
						<option value="11th">11th Standard</option>
						<option value="12th">12th Standard</option>
					  </select>
							<!-- <div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					 <div class="form-group margin-form form-group-university col-md-3">
							<select multiple="multiple" id="primary_subject5" name="primary_subject5[]" class="form-control country-select  input-sm SlectBox">
                		<option disabled="disabled" selected="selected">Primary Subject</option>
                		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                	</select>
							<!-- <div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					 <div class="form-group margin-form col-md-3">
					 <select multiple="multiple" id="secondary_subject5" name="secondary_subject5[]" class="form-control country-select  input-sm SlectBox ">
                		<option disabled="disabled" selected="selected">Secondary Subject</option>
                		<?php
							foreach($subject as $subject1){
								echo "<option value='".$subject1['id']."'>".strtoupper($subject1['full_name'])."</option>";
							}
							?>

                	</select>

							<!--<div class="required-icon"><div class="text">*</div> </div>-->
						</div>

                        <div class="form-group margin-form form-group-university col-md-3">
							<input type="text" class="form-control input-sm" id="others5" name="others5" placeholder="Others">
						<!--	<div class="required-icon"><div class="text">*</div> </div>-->
						</div>

					</div>
			</div>



			 <input type="button" id="previous_x1"  name="previous" class="btn btn-primary btn btn-default previous action-button send-btns btn-last" value="Previous" />
			<input type="button" value="Next"  name="name" class="btn btn-primary btn btn-default next action-button send-btns btn-last" style="margin-top:0px;" />
				</fieldset>

		<fieldset>
            <h2 class="fs-title">Bank Details</h2>
			<h3 class="fs-subtitle"></h3>
          <!--  <h3 class="fs-subtitle">Please provide your bank details to get payment in Your Account.</h3>-->
            <!-- Begin What's Your First Name Field -->
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                    <input type="text" class="form-control input-sm" id="bank_name" name="bank_name" placeholder="Bank Name" >

                </div>
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                    <input type="text" class="form-control input-sm" id="branch_name" name="branch_name" placeholder="Branch Name" >

                </div>
            </div>

            <div class="form-group margin-form">
            	<div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                	<input type="text" class="form-control input-sm " id="account_holder_name" name="account_holder_name" placeholder="Name as in Account">

                </div>
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                    <input type="text" class="form-control input-sm" id="account_no"  onkeypress='validate(event)' name="account_no" placeholder="Account-Number" onKeypress="validate(event);" maxlength="20"  >

                </div>
            </div>
            <div class="form-group margin-form">
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                    <input type="text" class="form-control input-sm" id="ifsc_code" name="ifsc_code" placeholder="IFSC-Code" >

                </div>
                <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
                	<input type="text" class="form-control input-sm" id="micr_code" name="micr_code" placeholder="MICR-Code">

                </div>
            </div>
            <!-- End Total Number of Constituents in Your Database Field -->
           <input type="button"  name="previous" class="btn btn-primary btn btn-default previous action-button send-btns btn-last" value="Previous" />
            <input type="button"  name="next" class="btn btn-primary btn btn-default next action-button send-btns btn-last" value="Next" />

         </fieldset>

				<fieldset id="network_info" class="">
					<h2 class="fs-title">NETWORK INFO | UPLOADS</h2>

					<div class="form-group margin-form">
					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
							<input type="text" class="form-control input-sm" id="current_occupation" name="current_occupation" placeholder="Current Occupation">
							<div class="required-icon"><div class="text">*</div> </div>
						</div>

					<div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
							<select  name="days_available[]" id="days_available" class="form-control  country-select  input-sm SlectBox"  multiple="multiple" style="width:420px;">
								<option disabled="disabled" selected="selected">Days Available for teaching</option>
								<option value="monday">Monday</option>
								<option value="tuesday">Tuesday</option>
								<option value="wednesday">Wednesday</option>
								<option value="thrusday">Thrusday</option>
								<option value="friday">Friday</option>
								<option value="saturday">Saturday</option>
								<option value="sunday">Sunday</option>
							</select>
							<div class="required-icon"><div class="text">*</div> </div>
						</div>
					</div>
					<div class="form-group margin-form">
					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
							<select name="hours_week_ends_available" id="hours_week_ends_available" class="form-control country-select  input-sm">
								<option disabled="disabled" selected="selected">Hours daily Available</option>
								<option value="1">1 Hours</option>
								<option value="2">2 Hours</option>
								<option value="3">3 Hours</option>
								<option value="4">4 Hours</option>
								<option value="5">5 Hours</option>
								<option value="6">6 Hours</option>
								<option value="7">7 Hours</option>
								<option value="8">8 Hours</option>
							</select>
							<div class="required-icon"><div class="text">*</div> </div>
						</div>

					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
							<select name="available_timings[]" id="available_timings" class="form-control  country-select  input-sm SlectBox"  multiple="multiple"style="width:420px;">
								<option disabled="disabled" selected="selected">Preferred time for teaching</option>
                  <option value="11-12 pm">11-12 Pm</option>
                  <option value="12-01 pm">12-01 Pm</option>
                  <option value="01-02 pm">01-02 Pm</option>
                  <option value="02-03 pm">02-03 Pm</option>
                  <option value="03-04 pm">03-04 Pm</option>
                  <option value="04-05 pm">04-05 Pm</option>
                  <option value="05-06 pm">05-06 Pm</option>
                  <option value="06-07 pm">06-07 Pm</option>
                  <option value="07-08 pm">07-08 Pm</option>
                  <option value="08-09 pm">08-09 Pm</option>
                  <option value="09-10 pm">09-10 Pm</option>
                  <option value="10-11 Pm">10-11 Pm</option>
                  <option value="11-12 am">11-12 Am</option>
                  <option value="12-01 am">12-01 Am</option>
                  <option value="01-02 am">01-02 Am</option>
                  <option value="02-03 am">02-03 Am</option>
                  <option value="03-04 am">03-04 Am</option>
                  <option value="04-05 am">04-05 Am</option>
                  <option value="05-06 am">05-06 Am</option>
                  <option value="06-07 am">06-07 Am</option>
                  <option value="07-08 am">07-08 Am</option>
                  <option value="08-09 am">08-09 Am</option>
                  <option value="09-10 am">09-10 Am</option>
                  <option value="10-11 am">10-11 Am</option>
							</select>
							<div class="required-icon"><div class="text">*</div> </div>
						</div>
					</div>

				<div class="form-group margin-form">
					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
							<select name="total_teaching_experience" id="total_teaching_experience" class="form-control input-sm">
								<option value="" selected="selected">Total Teaching Experience</option>
								<option value="Less than a year"> Less than a year </option>
								<option value="Less Two years"> Less Two years </option>
								<option value="Less Four years"> Less Four years </option>
								<option value="More than 5 years"> More than 5 years </option>
						</select>
						 <div class="required-icon"><div class="text">*</div> </div>
						</div>

					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
							<select name="type_of_connection" class="form-control input-sm" id="type_of_connection" class="form-control">
								<option value="">Type of Connection</option>
								<option value="Broadband">Broadband</option>
								<option value="Wifi">Wifi</option>
								<option value="Dongle">Dongle</option>
								<option value="Mobile">Mobile</option>
								<option value="Cable">Cable</option>
						</select>
					<div class="required-icon"><div class="text">*</div> </div>
						</div>
					</div>
					<div class="form-group margin-form">
					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
							<select name="down_internet_conn_speed" class="form-control input-sm" id="down_internet_conn_speed">
								<option value="">Download speed of Internet Connection</option>
								<option value="512-kbps">512 Kbps</option>
								<option value="1-mbps">1 Mbps</option>
								<option value="2-mbps">2 Mbps</option>
								<option value="4-mbps">4 Mbps</option>
								<option value="More than 4 mbps">More than 4 mbps</option>
						</select>
						 <div class="required-icon"><div class="text">*</div> </div>
						</div>

					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
							<select name="up_internet_conn_speed" class="form-control input-sm" id="up_internet_conn_speed">
								<option value="">Upload speed of Internet Connection</option>
								<option value="512-kbps">512 Kbps</option>
								<option value="1-mbps">1 Mbps</option>
								<option value="2-mbps">2 Mbps</option>
								<option value="4-mbps">4 Mbps</option>
								<option value="More than 4 mbps">More than 4 mbps</option>
						</select>
						 <div class="required-icon"><div class="text">*</div> </div>
						</div>
					</div>

				<div class="form-group margin-form">
					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
					 <label class="b-submit__main-file-label btn m-btn">
							<input type="file" name="screenshot_speed" id="screenshot_speed" class="form-control input-sm">
							 <label for="screenshot_speed" class="ch1-img" style="font-weight:100;cursor:pointer;">Net Speed Screenshot</label>
							<span class="fa fa-angle-right choose-img"></span>
							 </label>
                          <div class="required-icon"><div class="text">*</div> </div>
						</div>

					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
					  <label class="b-submit__main-file-label btn m-btn">
							<input type="file" name="upload_profile_pic" id="upload_profile_pic" class="form-control input-sm">
							 <label for="upload_profile_pic" class="ch1-img" style="font-weight:100;cursor:pointer;">Upload Your profile pic</label>
								<span class="fa fa-angle-right choose-img"></span>
								<div class="required-icon"><div class="text">*</div> </div>
                    </label>

				</div>
					</div>
					<div class="form-group margin-form">
					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
					    <label class="b-submit__main-file-label btn m-btn">
							<input type="file" name="upload_resume" id="upload_resume" class="form-control input-sm">
							 <label for="upload_resume" class="ch1-img" style="font-weight:100;cursor:pointer;">Upload Your CV</label>
							<span class="fa fa-angle-right choose-img"></span>
						</label>
                     <div class="required-icon"><div class="text">*</div> </div>
				</div>

					 <div class="form-group margin-form col-lg-6 col-md-6 col-sm-6">
							<select name="association_with_gurukul" class="form-control input-sm" id="association_with_gurukul">
								<option value="">Association with gurukul is</option>
								<option value="primary-source-of-income">Primary source of Income</option>
								<option value="additional-source-of-income">Additonal source of Income</option>
								<option value="pursue-your-passion">Pursue your passion</option>
						</select>
						<div class="required-icon"><div class="text">*</div> </div>
						</div>
					</div>

			<div class="form-group margin-form">
                <div class="form-group margin-form col-lg-12 col-md-12 col-sm-12">
					<textarea class="form-control input-sm" type="textarea"  placeholder="How you come to know with theonlinegurukul" maxlength="100" rows="2" name="come_to_know_tog_status" id="come_to_know_tog_status"></textarea>
         		</div>
				<!-- <div class="required-icon"><div class="text">*</div> </div>-->
			</div>

					<input type="button"  name="previous" class="btn btn-primary btn btn-default previous action-button send-btns btn-last" value="Previous" />
					<input type="submit" name="fileSubmit" class="btn btn-primary btn btn-default next action-button send-btns btn-last" value="Register" />

				</fieldset>

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="<?=base_url('assets/web/plugins/bootstrap/js/bootstrap.min.js');?>"></script>

<script src="<?=base_url('assets/web/js/jquery.sumoselect.js');?>"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>


	<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
	<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/additional-methods.js"></script>
		<!--<script type="text/javascript" src="assets/js/duplicateFields.min.js"></script>-->
		<script src="<?=base_url('assets/web/js/easyResponsiveTabs.js');?>" type="text/javascript"></script>
		<script type="text/javascript">
        $(document).ready(function () {
            window.asd = $('.SlectBox').SumoSelect({ csvDispCount: 3, selectAll:true, captionFormatAllSelected: "Yeah, OK, so everything." });

			  window.asd = $('.SlectBox1a').SumoSelect({ csvDispCount: 3, selectAll:true, captionFormatAllSelected: "Yeah, OK, so everything." });
			   });
	</script>
<script type="text/javascript">


			$('.add-validation1').on('change',function(){
				if($(this).val() == ''){
					$('#myform').validate();
					var dataVal = $(this).attr('data-field-form');
					$(this).rules('remove');
					$('#pre_classes'+dataVal).rules('remove');
					$('#primary_subject'+dataVal).rules('remove');
					$('#secondary_subject'+dataVal).rules('remove');
					//$('#others'+dataVal).rules('remove');

				}else{
					$('#myform').validate();
					var dataVal = $(this).attr('data-field-form');
					$(this).rules('add',{required:true});
					$('#pre_classes'+dataVal).rules('add',{required:true});
					$('#primary_subject'+dataVal).rules('add',{required:true});
					$('#secondary_subject'+dataVal).rules('add',{required:true});
					//$('#others'+dataVal).rules('add',{required:true});
				}
			});

			$('.add-validation').on('change',function(){
				if($(this).val() == ''){
					$('#myform').validate();
					var dataVal = $(this).attr('data-field-form');
					$(this).rules('remove');
					$('#university'+dataVal).rules('remove');
					$('#yrId'+dataVal).rules('remove');
					$('#grade_percentage'+dataVal).rules('remove');
				}else{
					$('#myform').validate();
					var dataVal = $(this).attr('data-field-form');
					$(this).rules('add',{required:true});
					$('#university'+dataVal).rules('add',{required:true});
					$('#yrId'+dataVal).rules('add',{required:true});
					$('#grade_percentage'+dataVal).rules('add',{required:true});
				}
			});



			function validate(evt) {
			  var theEvent = evt || window.event;
			  var key = theEvent.keyCode || theEvent.which;
			  key = String.fromCharCode( key );
			  var regex = /[0-9]|\./;
			  if( !regex.test(key) ) {
				theEvent.returnValue = false;
				if(theEvent.preventDefault) theEvent.preventDefault();
			  }
			}


	$(document).ready(function(){
        // alert('hii');
			// Custom method to validate username
			var current_fs, next_fs, previous_fs;
        var left, opacity, scale;
       var animating;
			$(".next").click(function(){
				var form = $("#myform");
				form.validate({
					errorElement: 'span',
					errorClass: 'help-block',
					highlight: function(element, errorClass, validClass) {
						$(element).closest('.form-group').addClass("has-error");
					},
					unhighlight: function(element, errorClass, validClass) {
						$(element).closest('.form-group').removeClass("has-error");
					},
					rules: {
					first_name: "required",
                    last_name: "required",
					gender:{
							required:true
						},

						dob: {
						  required: true,
						  date: true
						},

						email: {
							required: true,
							email: 	true,

						},

						mobile:{

							required: true

						},

						password : {
							required: true


						},
						conf_password : {
							required: true,
							equalTo: '#password',
						},

						country:{
							required:true
						},
						state: "required",
						city: "required",
						zip_code: {
								required: true,
								minlength: 6,
								maxlength: 6

							},

						primary_qualification1:{
							required:true
						},
						university1: "required",
						year_of_passing1: "required",
						grade_percentage1: "required",
						pre_classes:{
							required:true
						},
						"primary_subject[]":{
							required:true
						},
						"secondary_subject[]":{
							required:true
						},
						//others: "required",
						current_occupation: "required",
						"days_available[]":{
							required:true
						},
						hours_week_ends_available:{
							required:true
						},
						"available_timings[]":{
							required:true
						},
						total_teaching_experience:{
							required:true
						},
						type_of_connection:{
							required:true
						},
						down_internet_conn_speed:{
							required:true
						},
						up_internet_conn_speed:{
							required:true
						},
						current_occupation: "required",
						screenshot_speed: "required",
						upload_profile_pic: "required",
						upload_resume: "required",
						association_with_gurukul: "required",
						//come_to_know_tog_status: "required",
					},
					messages: {
						first_name: "Enter first name",
						last_name: "Enter last name",
						dob: "Enter date of birth",
						gender : {
							required: "Select gender",
						},
						email: {
							required: "Enter email address",
							email: "Enter a valid email address"

						},
						mobile : {
							required: "Enter mobile number",
						},

						password : {
							required: "Enter password",
						},
						conf_password : {
							required: "Enter password",
							equalTo: "Enter password don't match",
						},
						country : {
							required: "Select country",

						},
						state: "Select state",
						city: "Select city",
						zip_code : {
							required: "Enter zip code",

						},

						primary_qualification1 : {
							required: "Primary qualification",
						},
						university1: "University/Board",
						year_of_passing1: "Year of passing",
						grade_percentage1: "Grade/Percentage",

						primary_qualification2 : {
							required: "Primary qualification",
						},
						university2: "University/Board",
						year_of_passing2: "Year of passing",
						grade_percentage2: "Grade/Percentage",
						primary_qualification3 : {
							required: "Primary qualification",
						},
						university3: "University/Board",
						year_of_passing3: "Year of passing",
						grade_percentage3: "Grade/Percentage",

						primary_qualification4 : {
							required: "Primary qualification",
						},
						university4: "University/Board",
						year_of_passing4: "Year of passing",
						grade_percentage4: "Grade/Percentage",
						primary_qualification4 : {
							required: "Primary qualification",
						},
						university5: "University/Board",
						year_of_passing5: "Year of passing",
						grade_percentage5: "Grade/Percentage",

						pre_classes: {
							required: "Select class",
						},
						"primary_subject[]": {
							required: "Select primary subject",
						},
						"secondary_subject[]": {
							required: "Select secondary subject",
						},
						//others: "Enter other subject",

						pre_classes2: {
							required: "Select class",
						},
						"primary_subject2[]": {
							required: "Select primary subject",
						},
						"secondary_subject2[]": {
							required: "Select secondary subject",
						},
						//others2: "Enter other subject",

						pre_classes3: {
							required: "Select class",
						},
						"primary_subject3[]": {
							required: "Select primary subject",
						},
						"secondary_subject3[]": {
							required: "Select secondary subject",
						},
						//others3: "Enter other subject",

						pre_classes4: {
							required: "Select class",
						},
						"primary_subject4[]": {
							required: "Select primary subject",
						},
						"secondary_subject4[]": {
							required: "Select secondary subject",
						},
						//others4: "Enter other subject",

						pre_classes5: {
							required: "Select class",
						},
						"primary_subject5[]": {
							required: "Select primary subject",
						},
						"secondary_subject5[]": {
							required: "Select secondary subject",
						},
						//others5: "Enter other subject",

						current_occupation: "Enter current occupation",
						"days_available[]" : {
							required: "Select available days",
						},
						hours_week_ends_available : {
							required: "Select daily hours",
						},
						"available_timings[]" : {
							required: "Select available timings",
						},
						total_teaching_experience : {
							required: "Select total teaching experience",
						},
						type_of_connection : {
							required: "Select type of connection",
						},
						down_internet_conn_speed : {
							required: "Download speed of internet",
						},
						up_internet_conn_speed : {
							required: "Upload speed of internet",
						},
						screenshot_speed: "Upload internet speed screenshot",
						upload_profile_pic: "Upload profile picture",
						upload_resume: "Upload resume",
						association_with_gurukul : {
							required: "Select association with gurukul",
						},
						//come_to_know_tog_status: "Enter how you connect with tog",

					}
				});

   if ((!$('.steps').valid())) {
            return true;
        }
        if (animating) return false;
        animating = true;
        current_fs = $(this).parent();
        next_fs = $(this).parent().next();
        $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
        next_fs.show();
        current_fs.animate({
            opacity: 0
        }, {
            step: function(now, mx) {
                scale = 1 - (1 - now) * 0.2;
                left = (now * 50) + "%";
                opacity = 1 - now;
                current_fs.css({
                    'transform': 'scale(' + scale + ')'
                });
                next_fs.css({
                    'left': left,
                    'opacity': opacity
                });
            },
            duration: 800,
            complete: function() {
                current_fs.hide();
                animating = false;
            },
            easing: 'easeInOutExpo'
        });
});
$(".submit").click(function() {
	//	alert();
        $(".steps").validate({
            errorClass: 'invalid',
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.insertAfter(element.next('span').children());
            },
            highlight: function(element) {
                $(element).next('span').show();
            },
            unhighlight: function(element) {
                $(element).next('span').hide();
            }
        });
        if ((!$('.steps').valid())) {
            return false;
        }
        if (animating) return false;
        animating = true;
        current_fs = $(this).parent();
        next_fs = $(this).parent().next();
        $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
        next_fs.show();
        current_fs.animate({
            opacity: 0
        }, {
            step: function(now, mx) {
                scale = 1 - (1 - now) * 0.2;
                left = (now * 50) + "%";
                opacity = 1 - now;
                current_fs.css({
                    'transform': 'scale(' + scale + ')'
                });
                next_fs.css({
                    'left': left,
                    'opacity': opacity
                });
            },
            duration: 800,
            complete: function() {
                current_fs.hide();
                animating = false;
            },
            easing: 'easeInOutExpo'
        });
    });
   $(".previous").click(function() {
  // alert('hiii');
        if (animating) return false;
        animating = true;
        current_fs = $(this).parent();
        previous_fs = $(this).parent().prev();
        $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
        previous_fs.show();
        current_fs.animate({
            opacity: 0
        }, {
            step: function(now, mx) {
                scale = 0.8 + (1 - now) * 0.2;
                left = ((1 - now) * 50) + "%";
                opacity = 1 - now;
                current_fs.css({
                    'left': left
                });
                previous_fs.css({
                    'transform': 'scale(' + scale + ')',
                    'opacity': opacity
                });
            },
            duration: 800,
            complete: function() {
                current_fs.hide();
                animating = false;
            },
            easing: 'easeInOutExpo'
        });
    });
	$("#screenshot_speed").on("change", function(){
  // Name of file and placeholder
  var file = this.files[0].name;
  var dflt = $(this).attr("placeholder");
  if($(this).val()!=""){
    $(this).next().text(file);
  } else {
    $(this).next().text(dflt);
  }
});

$("#upload_profile_pic").on("change", function(){
  // Name of file and placeholder
  var file = this.files[0].name;
  var dflt = $(this).attr("placeholder");
  if($(this).val()!=""){
    $(this).next().text(file);
  } else {
    $(this).next().text(dflt);
  }
});


$("#upload_resume").on("change", function(){
  // Name of file and placeholder
  var file = this.files[0].name;
  var dflt = $(this).attr("placeholder");
  if($(this).val()!=""){
    $(this).next().text(file);
  } else {
    $(this).next().text(dflt);
  }
});
	});



	</script>


<script>
	  function checkemail(){
   //alert('done');
	    var email=document.getElementById("email").value;
	    if(email){
	        $.ajax({
				type: 'post',
				url: "<?php echo site_url('Web/check_teacher2')?>",
				data: {
					email:email,
				},
				success: function (response) {
				  $( '#email_status' ).html(response);
				  if(response=="OK"){
				   return true;
				  }
				  else{
				   return false;
				  }
				}
	        });
	    }
		else{
		 $( '#email_status' ).html("");
			return false;
		}
	}
	</script>

<script src="<?=base_url('assets/web/js/calendar.js');?>"></script>
<script src="<?=base_url('assets/web/plugins/calender/fullcalendar.min.js');?>"></script>
<script src="<?=base_url('assets/web/plugins/timer/jquery.syotimer.js');?>"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
  $( function() {
    $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: "1960:2018"
    });
  } );
  </script>
<script type="text/javascript">
$(document).ready(function () {
    $('#horizontalTab').easyResponsiveTabs({
        type: 'default', //Types: default, vertical, accordion
        width: 'auto', //auto or any width like 600px
        fit: true   // 100% fit in a container
    });
});

</script>
