<?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?
                        	<a href="#" class="popup-with-zoom-anim hvr-underline-from-left register-pops">Login Here</a></span>
                        </h2>
                    </div>
                </div>
            </div>
				
            <form class="steps" action="<?=site_url('Web/testsignup')?>" method="POST" id="myform" enctype="multipart/form-data">
			<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="others">Others</option>
            		</select>
                </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"  onkeyup="checkemail();" placeholder="Email"> <!-- onblur="validateEmail(this);" onkeyup="checkemail();" -->
                  	<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" 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">
                	<div class="required-icon"><div class="text">*</div> </div> -->
                	<select id='sel_state' class="form-control margin-bottom-15" name="state" >
                        <option value=""  >Select State</option>
                    </select>
                </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 margin-bottom-15" name="city" >
                        <option value=""  >Select City</option>
                    </select>
                </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"  onkeypress='validate(event)'>
                	<div class="required-icon"><div class="text">*</div> </div>
                </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">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>
									<option value="10th">10th</option>
									<option value="12th">12th</option>
									<option value="B.A">B.A</option>
									<option value="M.A">M.A</option>
									<option value="B.E">B.E</option>
									<option value="M.E">M.E</option>
									<option value="B.Tech">B.Tech</option>
									<option value="M.Tech">M.Tech</option>
									<option value="B.Sc">B.Sc</option>
									<option value="M.Sc">M.Sc</option>
									<option value="BBA">BBA</option>
									<option value="MBA">MBA</option>
									<option value="BCA">BCA</option>
									<option value="MCA">MCA</option>
									<option value="P.hd">P.hd</option>
									<option value="M.Phil">M.Phil</option>
									<option value="B.Arch">B.Arch</option>
									<option value="MBBS">MBBS</option>
									<option value="MD">MD</option>
									<option value="BDS">BDS</option>
									<option value="MDS">MDS</option>
									<option value="BPT">BPT</option>
									<option value="B.Pharm">B.Pharm</option>
									<option value="M.Pharm">M.Pharm</option>
									<option value="B.Com">B.Com</option>
									<option value="M.Com">M.Com</option>
									<option value="C.A">C.A</option>
									<option value="ICWA">ICWA</option>
									<option value="B.Cs">B.Cs</option>
									<option value="LLB">LLB</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" class="form-control country-select input-sm">
									<option value="" selected="selected">Select Second  Qualification</option>
									<option value="10th">10th</option>
									<option value="12th">12th</option>
									<option value="B.A">B.A</option>
									<option value="M.A">M.A</option>
									<option value="B.E">B.E</option>
									<option value="M.E">M.E</option>
									<option value="B.Tech">B.Tech</option>
									<option value="M.Tech">M.Tech</option>
									<option value="B.Sc">B.Sc</option>
									<option value="M.Sc">M.Sc</option>
									<option value="BBA">BBA</option>
									<option value="MBA">MBA</option>
									<option value="BCA">BCA</option>
									<option value="MCA">MCA</option>
									<option value="P.hd">P.hd</option>
									<option value="M.Phil">M.Phil</option>
									<option value="B.Arch">B.Arch</option>
									<option value="MBBS">MBBS</option>
									<option value="MD">MD</option>
									<option value="BDS">BDS</option>
									<option value="MDS">MDS</option>
									<option value="BPT">BPT</option>
									<option value="B.Pharm">B.Pharm</option>
									<option value="M.Pharm">M.Pharm</option>
									<option value="B.Com">B.Com</option>
									<option value="M.Com">M.Com</option>
									<option value="C.A">C.A</option>
									<option value="ICWA">ICWA</option>
									<option value="B.Cs">B.Cs</option>
									<option value="LLB">LLB</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" value="" class="form-control input-sm" placeholder="Year of Passing">
                </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" class="form-control country-select input-sm">
									<option value="" selected="selected">Select Third  Qualification</option>
									<option value="10th">10th</option>
									<option value="12th">12th</option>
									<option value="B.A">B.A</option>
									<option value="M.A">M.A</option>
									<option value="B.E">B.E</option>
									<option value="M.E">M.E</option>
									<option value="B.Tech">B.Tech</option>
									<option value="M.Tech">M.Tech</option>
									<option value="B.Sc">B.Sc</option>
									<option value="M.Sc">M.Sc</option>
									<option value="BBA">BBA</option>
									<option value="MBA">MBA</option>
									<option value="BCA">BCA</option>
									<option value="MCA">MCA</option>
									<option value="P.hd">P.hd</option>
									<option value="M.Phil">M.Phil</option>
									<option value="B.Arch">B.Arch</option>
									<option value="MBBS">MBBS</option>
									<option value="MD">MD</option>
									<option value="BDS">BDS</option>
									<option value="MDS">MDS</option>
									<option value="BPT">BPT</option>
									<option value="B.Pharm">B.Pharm</option>
									<option value="M.Pharm">M.Pharm</option>
									<option value="B.Com">B.Com</option>
									<option value="M.Com">M.Com</option>
									<option value="C.A">C.A</option>
									<option value="ICWA">ICWA</option>
									<option value="B.Cs">B.Cs</option>
									<option value="LLB">LLB</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" 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" class="form-control country-select input-sm">
									<option value="" selected="selected">Select Fourth  Qualification</option>
									<option value="10th">10th</option>
									<option value="12th">12th</option>
									<option value="B.A">B.A</option>
									<option value="M.A">M.A</option>
									<option value="B.E">B.E</option>
									<option value="M.E">M.E</option>
									<option value="B.Tech">B.Tech</option>
									<option value="M.Tech">M.Tech</option>
									<option value="B.Sc">B.Sc</option>
									<option value="M.Sc">M.Sc</option>
									<option value="BBA">BBA</option>
									<option value="MBA">MBA</option>
									<option value="BCA">BCA</option>
									<option value="MCA">MCA</option>
									<option value="P.hd">P.hd</option>
									<option value="M.Phil">M.Phil</option>
									<option value="B.Arch">B.Arch</option>
									<option value="MBBS">MBBS</option>
									<option value="MD">MD</option>
									<option value="BDS">BDS</option>
									<option value="MDS">MDS</option>
									<option value="BPT">BPT</option>
									<option value="B.Pharm">B.Pharm</option>
									<option value="M.Pharm">M.Pharm</option>
									<option value="B.Com">B.Com</option>
									<option value="M.Com">M.Com</option>
									<option value="C.A">C.A</option>
									<option value="ICWA">ICWA</option>
									<option value="B.Cs">B.Cs</option>
									<option value="LLB">LLB</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" value="" class="form-control input-sm" placeholder="Year of Passing">
                </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" class="form-control country-select input-sm">
								<option value="" selected="selected">Select Fifth  Qualification</option>
								<option value="10th">10th</option>
								<option value="12th">12th</option>
								<option value="B.A">B.A</option>
								<option value="M.A">M.A</option>
								<option value="B.E">B.E</option>
								<option value="M.E">M.E</option>
								<option value="B.Tech">B.Tech</option>
								<option value="M.Tech">M.Tech</option>
								<option value="B.Sc">B.Sc</option>
								<option value="M.Sc">M.Sc</option>
								<option value="BBA">BBA</option>
								<option value="MBA">MBA</option>
								<option value="BCA">BCA</option>
								<option value="MCA">MCA</option>
								<option value="P.hd">P.hd</option>
								<option value="M.Phil">M.Phil</option>
								<option value="B.Arch">B.Arch</option>
								<option value="MBBS">MBBS</option>
								<option value="MD">MD</option>
								<option value="BDS">BDS</option>
								<option value="MDS">MDS</option>
								<option value="BPT">BPT</option>
								<option value="B.Pharm">B.Pharm</option>
								<option value="M.Pharm">M.Pharm</option>
								<option value="B.Com">B.Com</option>
								<option value="M.Com">M.Com</option>
								<option value="C.A">C.A</option>
								<option value="ICWA">ICWA</option>
								<option value="B.Cs">B.Cs</option>
								<option value="LLB">LLB</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" 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">Please Give your teaching prefrerrence according to classes and subjects?</h3>
					
					 <div class="form-group margin-form" id="customFields">
					 <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 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="eighth_primary" name="eighth_primary" class="form-control country-select  input-sm SlectBox">
                		<option disabled="disabled" selected="selected">Primary Subject</option>
                		<option value="Mathematics">Mathematics</option>
                		<option value="Physics">Physics</option>
                		<option value="Chemistry">Chemistry</option>
                		<option value="Biology">Biology</option>
                		<option value="Computer">Computer</option>
                		<option value="Science">Science</option>
                		<option value="English">English</option>
                		<option value="Hindi">Hindi</option>
                		<option value="Sanskrit">Sanskrit</option>
                		<option value="German">German</option>
                		<option value="French">French</option>
                		<option value="other">Other</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="customFieldName" name="eighth_secondry" class="form-control country-select  input-sm SlectBox ">
                		<option disabled="disabled" selected="selected">Secondary Subject</option>
                		<option value="Mathematics">Mathematics</option>
                		<option value="Physics">Physics</option>
                		<option value="Chemistry">Chemistry</option>
                		<option value="Biology">Biology</option>
                		<option value="Computer">Computer</option>
                		<option value="Science">Science</option>
                		<option value="English">English</option>
                		<option value="Hindi">Hindi</option>
                		<option value="Sanskrit">Sanskrit</option>
                		<option value="German">German</option>
                		<option value="French">French</option>
                		<option value="other">Other</option>
                		
                	</select>
							
							 <div class="required-icon"><div class="text">*</div> </div>
						</div>
					
                        <div class="form-group margin-form form-group-university col-md-2">
							<input type="text" class="form-control input-sm" id="eighth_others" name="eighth_others" placeholder="Others">
							 <div class="required-icon"><div class="text">*</div> </div>
						</div>
						 <div class="form-group margin-form form-group-university col-md-1">
						  <a href="javascript:void(0);"  class="btn btn-success create-new-field btn-sm" id="addCF">
                                    <i class="fa fa-plus"></i>
                                    <span class="hidden-xs">  </span>
                                </a>
							
						</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">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" >
								<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>
					</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="0">0 Hours</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>
					
					 <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" >
								<option disabled="disabled" selected="selected">Preferred time for teaching</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>
							</select>
							
						</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>
			
					 <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>
					</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>
					
					 <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>
					</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>
					
					 <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>
                    </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>
					
					 <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>
					</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" id="come_to_know_tog"></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="next" 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/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="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
	<script type="text/javascript" src="http://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/duplicateFields.min.js');?>"></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">
		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,
							minlength: 3,
						},
						
						mobile:{
							phoneUS: true,
							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
						},
						eighth_primary:{
							required:true
						},
						eighth_secondry:{
							required:true
						},
						eighth_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: "required",
					},
					messages: {
						first_name: "Please enter your firstname",
						last_name: "Please enter your lastname",
						dob: "Please enter your dob",
						gender : {
							required: "Please select your gender",
						},
						email: {
							required: "Please enter your email address",
						},
						mobile : {
							required: "Please enter your mobile number",
						},
						
						password : {
							required: "Please enter your password",
						},
						conf_password : {
							required: "Please enter your password",
							equalTo: "Enter password don't match",
						},
						country : {
							required: "Please select your country",
							
						},
						state: "Please enter your state",
						city: "Please enter your city",
						zip_code : {
							required: "Please enter your zip code",
							
						},
						primary_qualification1 : {
							required: "Please select your primary qualification",
						},
						university1: "Please enter your university",
						year_of_passing1: "Please enter your year of passing",
						grade_percentage1: "Please enter Grade Percentage",
						pre_classes: {
							required: "Please select your class",
						},
						eighth_primary: {
							required: "Please select your primary subject",
						},
						eighth_secondry : {
							required: "Please select your secondary subject",
						},
						eighth_others: "Please enter your other subject",
						current_occupation: "Please enter your current occupation",
						days_available : {
							required: "Please select your days",
						},
						hours_week_ends_available : {
							required: "Please select your daily hours",
						},
						available_timings : {
							required: "Please select your available timings",
						},
						total_teaching_experience : {
							required: "Please select your total teaching experience",
						},
						type_of_connection : {
							required: "Please select your type of connection",
						},
						down_internet_conn_speed : {
							required: "Please select your Download speed of Internet Connection",
						},
						up_internet_conn_speed : {
							required: "Please select your upload speed of Internet Connection",
						},
						screenshot_speed: "Please upload your net speed screenshot",
						upload_profile_pic: "Please upload upload you profile photo",
						upload_resume: "Please upload your resume",
						association_with_gurukul : {
							required: "Please select any",
						},
						come_to_know_tog_status: "Please enter decription",
						
					}
				});
   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  type="text/javascript">
       			
		$(document).ready(function(){
	$("#addCF").click(function(){
		$("#customFields").append('<div class="form-g row"><div class="col-lg-12 col-md-12 col-sm-12"><div class="form-group margin-form  col-md-3 "><select name="pre_classes" id="8th" class="form-control country-select input-sm"><option value="8th">8th Standard</option> <option value="8th">9th Standard</option> <option value="8th">10th Standard</option></select></div><div class="form-group margin-form  col-md-3 "><select multiple="multiple" id="eighth_primary1" name="eighth_primary1" class="form-control country-select  input-sm SlectBox"><option disabled="disabled" selected="selected">Primary Subject</option><option value="Mathematics">Mathematics</option><option value="physics">physics</option></select></div><div class="form-group margin-form col-md-3"><select multiple="multiple" id="customFieldName1" name="eighth_secondry1" class="form-control country-select  input-sm SlectBox"><option disabled="disabled" selected="selected">Secondary Subject</option><option value="Mathematics">Mathematics</option> <option value="Mathematics">Mathematics</option> <option value="physics">physics</option></select></div><div class="form-group margin-form col-md-2"><input type="text" class="form-control input-sm" id="eighth_others1" name="eighth_others1" placeholder="Others"></div><div class="form-group margin-form col-md-1"><a href="javascript:void(0);"class="remCF btn btn-warning create-new-field btn-sm"><i class="fa fa-remove"></i> <span class="hidden-xs"></span></a></div></div></div>');
		window.asd = $('.SlectBox').SumoSelect({ csvDispCount: 3, selectAll:true, captionFormatAllSelected: "Yeah, OK, so everything." });
		
		$(".remCF").on('click',function(){
		
		
		//alert();
			$(this).parent().parent().remove();
		});
	});
});			

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

		<script src="<?=base_url('assets/web/js/calendar.js');?>"></script>
<script src="<?=base_url('assets/web/plugins/timer/jquery.syotimer.js');?>"></script>
<script src="<?=base_url('assets/web/plugins/calender/fullcalendar.min.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>