ok
Mini Shell
<?php include 'header.php' ?>
<div class="page-wrapper">
<div class="page-content">
<div id="stepper1" class="bs-stepper linear">
<div class="card">
<div class="card-header">
<div class="d-lg-flex flex-lg-row align-items-lg-center justify-content-lg-between" role="tablist">
<div class="step" data-target="#test-l-1">
<div class="step-trigger" role="tab" id="stepper1trigger1" aria-controls="test-l-1" aria-selected="false" disabled="disabled">
<div class="bs-stepper-circle">1</div>
<div class="">
<h5 class="mb-0 steper-title">Personal Info</h5>
<p class="mb-0 steper-sub-title">Enter Your Details</p>
</div>
</div>
</div>
<div class="bs-stepper-line"></div>
<div class="step" data-target="#test-l-2">
<div class="step-trigger" role="tab" id="stepper1trigger2" aria-controls="test-l-2" aria-selected="false" disabled="disabled">
<div class="bs-stepper-circle">2</div>
<div class="">
<h5 class="mb-0 steper-title">Account Details</h5>
<p class="mb-0 steper-sub-title">Setup Account Details</p>
</div>
</div>
</div>
<div class="bs-stepper-line"></div>
<div class="step" data-target="#test-l-4">
<div class="step-trigger" role="tab" id="stepper1trigger4" aria-controls="test-l-4" aria-selected="false" disabled="disabled">
<div class="bs-stepper-circle">3</div>
<div class="">
<h5 class="mb-0 steper-title">Work Experience</h5>
<p class="mb-0 steper-sub-title">Experience Details</p>
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="bs-stepper-content">
<form id="emp_form" action='api/employee/employee_new.php' method="POST" enctype="multipart/form-data" >
<div id="test-l-1" role="tabpanel" class="bs-stepper-pane" aria-labelledby="stepper1trigger1">
<div class="row g-3">
<!--start stephen-->
<div class="content-header mb-3">
<h6 class="mb-0">Personal Details</h6>
<small>Enter Your Personal Details.</small>
</div>
<div class="row g-4">
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" name="position" id="position" class="form-control" placeholder="johndoe" />
<label class="form-label" for="position">Position</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" name="site_loc" id="site_loc" class="form-control" placeholder="johndoe" />
<label class="form-label" for="site_loc">Company Location</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<select class="form-select" data-allow-clear="true" id="dept" data-style="btn-default" data-icon-base="mdi" data-tick-icon="mdi-check text-white" name="dept">
<option value="" selected>Select Your Department<span style="color: red;">*</span></option>
<?php
$statement = $pdo->prepare("SELECT * FROM `tbl_department`");
$statement->execute();
$department_results = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach ($department_results as $result) : ?>
<option value="<?= $result['id'] ?>"><?= $result['department'] ?></option>
<?php endforeach; ?>
</select>
<label class="form-label" for="dept">Department</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" name="desig" id="desig" class="form-control" placeholder="johndoe" />
<label class="form-label" for="desig">Designation</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" name="phn" id="phn" class="form-control" placeholder="johndoe" />
<label class="form-label" for="phn">Phone Number </label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" name="doj" id="doj" class="form-control" placeholder="johndoe" />
<label class="form-label" for="doj">Date Of Joining </label>
</div>
</div>
<div class="content-header mb-3">
<h6 class="mb-0">Personal Details</h6>
<small>Enter Your Personal Details.</small>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="fname" name="fname" class="form-control" placeholder="First name" aria-label="john.doe" />
<label class="form-label" for="fname">First name</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="mname" name="mname" class="form-control" placeholder="Middle name" aria-label="john.doe" />
<label class="form-label" for="mname">Middle name</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="lname" name="lname" class="form-control" placeholder="Last name" aria-label="john.doe" />
<label class="form-label" for="lname">Last name</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="dob" name="dob" class="form-control" placeholder="Date of Birth" aria-label="john.doe" />
<label class="form-label" for="dob">Date of Birth</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="age" name="age" class="form-control" placeholder="Age" aria-label="john.doe" />
<label class="form-label" for="age">Age</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="sex" name="sex" class="form-control" placeholder="sex" aria-label="john.doe" />
<label class="form-label" for="sex">Sex</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="blood" name="blood" class="form-control" placeholder="Blood Group" aria-label="john.doe" />
<label class="form-label" for="blood">Blood Group</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="marital_status" name="marital_status" class="form-control" placeholder="Marital Status" aria-label="john.doe" />
<label class="form-label" for="marital_status">Marital Status</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="date" id="wed_date" name="wed_date" class="form-control" placeholder="Marital Status" aria-label="john.doe" />
<label class="form-label" for="wed_date">Wed Date</label>
</div>
</div>
<div class="col-sm-12">
<div class="form-floating form-floating-outline mb-4">
<textarea class="form-control h-px-75" id="addr" name="addr" rows="3" placeholder="Enter Your address"></textarea>
<label class="form-label" for="addr">Address</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline mb-4">
<input type="text" id="pin_c" name="pin_c" class="form-control" placeholder="Enter Pin Code" aria-label="john.doe" />
<label class="form-label" for="pin_c">Pin Code</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="lic" name="lic" class="form-control" placeholder="Licence No." aria-label="john.doe" />
<label class="form-label" for="lic">Licence No.</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="lic_exp" name="lic_exp" class="form-control" placeholder="Licence Exp Date." aria-label="john.doe" />
<label class="form-label" for="lic_exp">Licence Exp. Date</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="pan" name="pan" class="form-control" placeholder="Pan No." aria-label="john.doe" />
<label class="form-label" for="pan">Pan No.</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="nationality" name="nationality" class="form-control" placeholder=" Nationality" aria-label="john.doe" />
<label class="form-label" for="nationality">Nationality</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="relg" name="relg" class="form-control" placeholder=" Religion" aria-label="john.doe" />
<label class="form-label" for="relg">Religion</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating form-floating-outline">
<input type="text" id="adh_no" name="adh_no" class="form-control" placeholder=" Aadhar Number" aria-label="john.doe" />
<label class="form-label" for="adh_no">Aadhar No.</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating form-floating-outline">
<input type="text" id="Off_email" name="Off_email" class="form-control" placeholder="Official Email Id" aria-label="john.doe" />
<label class="form-label" for="Off_email">Official Email Id</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating form-floating-outline">
<input type="text" id="per_email" name="per_email" class="form-control" placeholder="Persional Email Id" aria-label="john.doe" />
<label class="form-label" for="per_email">Persional Email Id</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating form-floating-outline">
<input type="text" id="bank_name" name="bank_name" class="form-control" placeholder="Bank Details - Name" aria-label="john.doe" />
<label class="form-label" for="bank_name">Bank Details - Name</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating form-floating-outline">
<input type="text" id="bank_ac_no" name="bank_ac_no" class="form-control" placeholder="Bank Details - Name" aria-label="john.doe" />
<label class="form-label" for="bank_ac_no">Bank Ac. No.</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating form-floating-outline">
<input type="text" id="bank_ac_no" name="bank_ac_no" class="form-control" placeholder="Bank IFSC Code" aria-label="john.doe" />
<label class="form-label" for="bank_ac_no">Bank IFSC Code</label>
</div>
</div>
<div class="content-header mb-3">
<h6 class="mb-0">Family Details</h6>
<small>Enter Your Family Details.</small>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="fa_name" name="fa_name" class="form-control" placeholder="Father name" aria-label="john.doe" />
<label class="form-label" for="fa_name">Father name</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="fa_occ" name="fa_occ" class="form-control" placeholder="Father Occupation" aria-label="john.doe" />
<label class="form-label" for="fa_occ">Father Occupation</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="fa_dob" name="fa_dob" class="form-control" placeholder="Father DOB" aria-label="john.doe" />
<label class="form-label" for="fa_dob">Father DOB</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="fa_phn" name="fa_phn" class="form-control" placeholder="Father Phone" aria-label="john.doe" />
<label class="form-label" for="fa_phn">Father Phone</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="mo_name" name="mo_name" class="form-control" placeholder="Mother name" aria-label="john.doe" />
<label class="form-label" for="mo_name">Mother name</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="mo_occ" name="mo_occ" class="form-control" placeholder="Mother Occupation" aria-label="john.doe" />
<label class="form-label" for="mo_occ">Mother Occupation</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="mo_dob" name="mo_dob" class="form-control" placeholder="Mother DOB" aria-label="john.doe" />
<label class="form-label" for="mo_dob">Mother DOB</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="mo_phn" name="mo_phn" class="form-control" placeholder="Mother Phone" aria-label="john.doe" />
<label class="form-label" for="mo_phn">Mother Phone</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib1_name" name="sib1_name" class="form-control" placeholder="Mother name" aria-label="john.doe" />
<label class="form-label" for="sib1_name">Sibling name-1</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib1_occ" name="sib1_occ" class="form-control" placeholder="Sibling Occupation-1" aria-label="john.doe" />
<label class="form-label" for="sib1_occ">Sibling Occupation-1</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib1_dob" name="sib1_dob" class="form-control" placeholder="Sibling DOB-1" aria-label="john.doe" />
<label class="form-label" for="sib1_dob">Sibling DOB-1</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib1_phn" name="sib1_phn" class="form-control" placeholder="Sibling Phone-1" aria-label="john.doe" />
<label class="form-label" for="mo_phn">Sibling Phone-1</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib2_name" name="sib2_name" class="form-control" placeholder="Sibling name-2" aria-label="john.doe" />
<label class="form-label" for="sib2_name">Sibling name-1</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib2_occ" name="sib2_occ" class="form-control" placeholder="Sibling Occupation-2" aria-label="john.doe" />
<label class="form-label" for="sib2_occ">Sibling Occupation-2</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib2_dob" name="sib2_dob" class="form-control" placeholder="Sibling DOB-2" aria-label="john.doe" />
<label class="form-label" for="sib2_dob">Sibling DOB-2</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib2_phn" name="sib2_phn" class="form-control" placeholder="Sibling Phone-2" aria-label="john.doe" />
<label class="form-label" for="mo_phn">Sibling Phone-2</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib3_name" name="sib3_name" class="form-control" placeholder="Sibling name-3" aria-label="john.doe" />
<label class="form-label" for="sib3_name">Sibling name-3</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib3_occ" name="sib3_occ" class="form-control" placeholder="Sibling Occupation-3" aria-label="john.doe" />
<label class="form-label" for="sib3_occ">Sibling Occupation-3</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib3_dob" name="sib3_dob" class="form-control" placeholder="Sibling DOB-3" aria-label="john.doe" />
<label class="form-label" for="sib3_dob">Sibling DOB-3</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib3_phn" name="sib3_phn" class="form-control" placeholder="Sibling Phone-3" aria-label="john.doe" />
<label class="form-label" for="sib3_phn">Sibling Phone-3</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib4_name" name="sib4_name" class="form-control" placeholder="Sibling name-4" aria-label="john.doe" />
<label class="form-label" for="sib4_name">Sibling name-4</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib4_occ" name="sib4_occ" class="form-control" placeholder="Sibling Occupation-4" aria-label="john.doe" />
<label class="form-label" for="sib4_occ">Sibling Occupation-4</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib4_dob" name="sib4_dob" class="form-control" placeholder="Sibling DOB-4" aria-label="john.doe" />
<label class="form-label" for="sib4_dob">Sibling DOB-4</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="sib4_phn" name="sib4_phn" class="form-control" placeholder="Sibling Phone-4" aria-label="john.doe" />
<label class="form-label" for="sib4_phn">Sibling Phone-4</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld1_name" name="chld1_name" class="form-control" placeholder="Child name-1" aria-label="john.doe" />
<label class="form-label" for="chld1_name">Child name-1</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld1_age" name="chld1_age" class="form-control" placeholder="Child age-1" aria-label="john.doe" />
<label class="form-label" for="chld1_age">Child age-1</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld1_dob" name="chld1_dob" class="form-control" placeholder="Child DOB-1" aria-label="john.doe" />
<label class="form-label" for="chld1_dob">Child DOB-1</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld1_gender" name="chld1_gender" class="form-control" placeholder="Child Gender-1" aria-label="john.doe" />
<label class="form-label" for="chld1_gender">Child Gender-1</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld2_name" name="chld2_name" class="form-control" placeholder="Child name-2" aria-label="john.doe" />
<label class="form-label" for="chld2_name">Child name-2</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld2_age" name="chld2_age" class="form-control" placeholder="Child age-2" aria-label="john.doe" />
<label class="form-label" for="chld2_age">Child age-2</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld2_dob" name="chld2_dob" class="form-control" placeholder="Child DOB-2" aria-label="john.doe" />
<label class="form-label" for="chld2_dob">Child DOB-2</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld2_gender" name="chld2_gender" class="form-control" placeholder="Child Gender-2" aria-label="john.doe">
<label class="form-label" for="chld2_gender">Child Gender-2</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld2_name" name="ch3d2_name" class="form-control" placeholder="Child name-3" aria-label="john.doe" />
<label class="form-label" for="chld3_name">Child name-3</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld3_age" name="chld3_age" class="form-control" placeholder="Child age-3" aria-label="john.doe" />
<label class="form-label" for="chld3_age">Child age-3</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld3_dob" name="chld3_dob" class="form-control" placeholder="Child DOB-3" aria-label="john.doe" />
<label class="form-label" for="chld3_dob">Child DOB-3</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="chld3_gender" name="chld3_gender" class="form-control" placeholder="Child Gender-3" aria-label="john.doe" />
<label class="form-label" for="chld3_gender">Child Gender-3</label>
</div>
</div>
<div class="content-header mb-3">
<h6 class="mb-0">Health(Mention any Disability, Serious illness or operation you had)</h6>
<!--<small>Enter Your Family Details.</small>-->
</div>
<div class="col-sm-12">
<div class="form-floating form-floating-outline mb-4">
<textarea class="form-control h-px-75" id="health" name="health" rows="3" placeholder="Mention any Disability, Serious illness or operation you had"></textarea>
<label class="form-label" for="health">Health</label>
</div>
</div>
<div class="col-sm-12">
<!-- Primary Color -->
<div class="form-check form-check-inline form-check-primary mt-3">
<div class="form-floating form-floating-outline">
<input type="text" id="lang2" name="lang2" class="form-control" value="Hindi" placeholder="English" aria-label="john.doe" readonly />
<label class="form-label" for="lang2">Language</label>
</div>
</div>
<div class="form-check form-check-inline form-check-primary mt-3">
<input class="form-check-input" type="checkbox" value="true" id="read2" checked="">
<label class="form-label" class="form-check-label" for="read2">Read</label>
</div>
<div class="form-check form-check-inline form-check-primary">
<input class="form-check-input" type="checkbox" value="true" id="write2" checked="">
<label class="form-label" class="form-check-label" for="write2">Write</label>
</div>
<div class="form-check form-check-inline form-check-primary">
<input class="form-check-input" type="checkbox" value="true" id="speak2" checked="">
<label class="form-label" class="form-check-label" for="speak2">Speak</label>
</div>
<div class="form-check form-check-inline form-check-primary">
<input class="form-check-input" type="checkbox" value="true" id="understand2" checked="">
<label class="form-label" class="form-check-label" for="understand2">Understand</label>
</div>
</div>
<div class="col-sm-12 ">
<!-- Primary Color -->
<div class="form-check form-check-inline form-check-primary mt-3">
<div class="form-floating form-floating-outline">
<input type="text" id="lang1" name="lang1" class="form-control" value="English" placeholder="English" aria-label="john.doe" readonly />
<label class="form-label" for="lang1">Language</label>
</div>
</div>
<div class="form-check form-check-inline form-check-primary mt-3">
<input class="form-check-input" type="checkbox" value="true" id="read1" checked="">
<label class="form-label" class="form-check-label" for="read1">Read</label>
</div>
<div class="form-check form-check-inline form-check-primary">
<input class="form-check-input" type="checkbox" value="true" id="write1" checked="">
<label class="form-label" class="form-check-label" for="write1">Write</label>
</div>
<div class="form-check form-check-inline form-check-primary">
<input class="form-check-input" type="checkbox" value="true" id="speak1" checked="">
<label class="form-label" class="form-check-label" for="speak1">Speak</label>
</div>
<div class="form-check form-check-inline form-check-primary">
<input class="form-check-input" type="checkbox" value="true" id="understand1" checked="">
<label class="form-label" class="form-check-label" for="understand1">Understand</label>
</div>
</div>
<div class="col-sm-12">
<!-- Primary Color -->
<div class="form-check form-check-inline form-check-primary mt-3">
<div class="form-floating form-floating-outline">
<input type="text" id="lang3" name="lang3" class="form-control" placeholder="Enter language" aria-label="john.doe" />
<label class="form-label" for="lang3">Language</label>
</div>
</div>
<div class="form-check form-check-inline form-check-primary mt-3">
<input class="form-check-input" type="checkbox" value="true" id="read3" >
<label class="form-label" class="form-check-label" for="read3">Read</label>
</div>
<div class="form-check form-check-inline form-check-primary">
<input class="form-check-input" type="checkbox" value="true" id="write3" >
<label class="form-label" class="form-check-label" for="write3">Write</label>
</div>
<div class="form-check form-check-inline form-check-primary">
<input class="form-check-input" type="checkbox" value="true" id="speak3" >
<label class="form-label" class="form-check-label" for="speak3">Speak</label>
</div>
<div class="form-check form-check-inline form-check-primary">
<input class="form-check-input" type="checkbox" value="true" id="understand3" >
<label class="form-label" class="form-check-label" for="understand3">Understand</label>
</div>
</div>
<div class="content-header mb-3">
<h6 class="mb-0">Emergency Contact Details</h6>
<small>WHOM TO CONTACT IN CASE OF EMERGENCY?</small>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="emg_name" name="emg_name" class="form-control" placeholder="Name" aria-label="john.doe" />
<label class="form-label" for="emg_name">Name</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline mb-4">
<textarea class="form-control h-px-75" id="emg_address" name="emg_address" rows="3" placeholder="address" ></textarea>
<label class="form-label" for="emg_address">Address</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="emg_relation" name="emg_relation" class="form-control" placeholder="Child DOB-2" aria-label="john.doe" />
<label class="form-label" for="emg_relation">Relation</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="text" id="emg_phn" name="emg_phn" class="form-control" placeholder="Phone Number" aria-label="john.doe">
<label class="form-label" for="emg_phn">Phone Number</label>
</div>
</div>
<div class="content-header mb-3">
<h6 class="mb-0">Proofs</h6>
<small>Submit Your Proof </small>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="file" id="photo" name="photo" class="form-control">
<label class="form-label" for="photo">Submit Your Passport Size Photo</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="file" id="aadhar" name="aadhar" class="form-control">
<label class="form-label" for="aadhar">Aadhar Card</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="file" id="pan" name="pan" class="form-control">
<label class="form-label" for="pan">Aadhar Card</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating form-floating-outline">
<input type="file" id="certificate" name="certificate" class="form-control">
<label class="form-label" for="certificate">Other Certificate</label>
</div>
</div>
</div>
<!--end stephen-->
<div class="col-12 col-lg-6">
<span class="btn btn-primary px-4" onclick="stepper1.next()">Next<i class="bx bx-right-arrow-alt ms-2"></i></span>
</div>
</div><!---end row-->
</div>
<div id="test-l-2" role="tabpanel" class="bs-stepper-pane" aria-labelledby="stepper1trigger2">
<!--stephen test2 start-->
<div class="content-header mb-3">
<h6 class="mb-0">Educational Info</h6>
<small>Enter Your Educational Info.</small>
</div>
<div class="row g-4">
<div class="col-sm-2">
<label >Qualification</label>
</div>
<div class="col-sm-2">
<label >Board / University</label>
</div>
<div class="col-sm-3">
<label >Name Of Institute</label>
</div>
<div class="col-sm-2">
<label >Main Subject</label>
</div>
<div class="col-sm-2">
<label >Passing Year</label>
</div>
<div class="col-sm-1">
<label >%</label>
</div>
<div class="col-sm-2">
<input type="text" name="ed1" id="ed1" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="board1" id="board1" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="inst1" id="inst1" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="sub1" id="sub1" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="pass1" id="pass1" class="form-control" />
</div>
<div class="col-sm-1">
<input type="text" name="percent1" id="percent1" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="ed2" id="ed2" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="board2" id="board2" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="inst2" id="inst2" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="sub2" id="sub2" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="pass2" id="pass2" class="form-control" />
</div>
<div class="col-sm-1">
<input type="text" name="percent2" id="percent2" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="ed3" id="ed3" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="board3" id="board3" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="inst3" id="inst3" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="sub3" id="sub3" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="pass3" id="pass3" class="form-control" />
</div>
<div class="col-sm-1">
<input type="text" name="percent3" id="percent3" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="ed4" id="ed4" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="board4" id="board4" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="inst4" id="inst4" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="sub4" id="sub4" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="pass4" id="pass4" class="form-control" />
</div>
<div class="col-sm-1">
<input type="text" name="percent4" id="percent4" class="form-control" />
</div>
<!--work-->
<div class="col-sm-2">
<input type="text" name="ed5" id="ed5" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="board5" id="board5" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="inst5" id="inst5" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="sub5" id="sub5" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="pass5" id="pass5" class="form-control" />
</div>
<div class="col-sm-1">
<input type="text" name="percent5" id="percent5" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="ed6" id="ed6" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="board6" id="board6" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="inst6" id="inst6" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="sub6" id="sub6" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="pass6" id="pass6" class="form-control" />
</div>
<div class="col-sm-1">
<input type="text" name="percent6" id="percent6" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="ed7" id="ed7" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="board7" id="board7" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="inst7" id="inst7" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="sub7" id="sub7" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="pass7" id="pass7" class="form-control" />
</div>
<div class="col-sm-1">
<input type="text" name="percent7" id="percent7" class="form-control" />
</div>
<div class="content-header mb-3">
<h6 class="mb-0">Any Award & Scholarship</h6>
<small>Details</small>
</div>
<div style="display: grid;
place-items: center;" class="col-sm-2">
<h5 class="mb-0">1.</h5>
</div>
<div class="col-sm-10">
<textarea class="form-control h-px-75" id="rwds1" name="rwds1" rows="3" placeholder="" data-gramm="false" wt-ignore-input="true"></textarea>
</div>
<div style="display: grid;
place-items: center;" class="col-sm-2">
<h5 class="mb-0">2.</h5>
</div>
<div class="col-sm-10">
<textarea class="form-control h-px-75" id="rwds2" name="rwds2" rows="3" placeholder="" data-gramm="false" wt-ignore-input="true"></textarea>
</div>
<div style="display: grid;
place-items: center;" class="col-sm-2">
<h5 class="mb-0">3.</h5>
</div>
<div class="col-sm-10">
<textarea class="form-control h-px-75" id="rwds3" name="rwds3" rows="3" placeholder="" data-gramm="false" wt-ignore-input="true"></textarea>
</div>
<div style="display: grid;
place-items: center;" class="col-sm-2">
<h5 class="mb-0">4.</h5>
</div>
<div class="col-sm-10">
<textarea class="form-control h-px-75" id="rwds4" name="rwds4" rows="3" placeholder="" data-gramm="false" wt-ignore-input="true"></textarea>
</div>
<div class="content-header mb-3">
<h6 class="mb-0">TRAINING COURSES ATTENDED</h6>
<small>(Training Programs, Seminars, Conferences) (India & Abroad)</small>
</div>
<div class="col-sm-3">
<label >Name of The Programme</label>
</div>
<div class="col-sm-3">
<label > Institution Conducting </label>
</div>
<div class="col-sm-3">
<label > Duration</label>
</div>
<div class="col-sm-3">
<label >Year</label>
</div>
<div class="col-sm-3">
<input type="text" name="tr_prgm1" id="tr_prgm1" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_inst1" id="tr_inst1" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_dur1" id="tr_dur1" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_yr1" id="tr_yr1" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_prgm2" id="tr_prgm2" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_inst2" id="tr_inst2" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_dur2" id="tr_dur2" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_yr2" id="tr_yr2" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_prgm3" id="tr_prgm3" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_inst3" id="tr_inst3" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_dur3" id="tr_dur3" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_yr3" id="tr_yr3" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_prgm4" id="tr_prgm4" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_inst4" id="tr_inst4" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_dur4" id="tr_dur4" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="tr_yr4" id="tr_yr4" class="form-control" />
</div>
</div>
<!--stephen test2 end-->
<div class="row g-3">
<div class="col-12">
<div class="d-flex align-items-center gap-3">
<span class="btn btn-outline-secondary px-4" onclick="stepper1.previous()"><i class="bx bx-left-arrow-alt me-2"></i>Previous</span>
<span class="btn btn-primary px-4" onclick="stepper1.next()">Next<i class="bx bx-right-arrow-alt ms-2"></i></span>
</div>
</div>
</div><!---end row-->
</div>
<div id="test-l-4" role="tabpanel" class="bs-stepper-pane" aria-labelledby="stepper1trigger4">
<!--stephen 3 start-->
<div class="content-header mb-3">
<h6 class="mb-0">WORK EXPERIENCE </h6>
<small>Most Recent Job First</small>
</div>
<div class="row g-4">
<div class="col-sm-3">
<label >Name of Company</label>
</div>
<div class="col-sm-3">
<label > Designation </label>
</div>
<div class="col-sm-2">
<label > Start Date </label>
</div>
<div class="col-sm-2">
<label >End Date</label>
</div>
<div class="col-sm-2">
<label >Gross Salary</label>
</div>
<div class="col-sm-3">
<input type="text" name="c_name1" id="c_name1" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_desig1" id="c_desig1" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_start1" id="c_start1" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_end1" id="c_end1" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_sal1" id="c_sal1" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_name2" id="c_name2" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_desig2" id="c_desig2" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_start2" id="c_start2" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_end2" id="c_end2" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_sal2" id="c_sal2" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_name3" id="c_name3" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_desig3" id="c_desig3" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_start3" id="c_start3" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_end3" id="c_end3" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_sal3" id="c_sal3" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_name4" id="c_name4" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_desig4" id="c_desig4" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_start4" id="c_start4" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_end4" id="c_end4" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_sal4" id="c_sal4" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_name5" id="c_name5" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_desig5" id="c_desig5" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_start5" id="c_start5" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_end5" id="c_end5" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_sal5" id="c_sal5" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_name6" id="c_name6" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" name="c_desig6" id="c_desig6" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_start6" id="c_start6" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_end6" id="c_end6" class="form-control" />
</div>
<div class="col-sm-2">
<input type="text" name="c_sal6" id="c_sal6" class="form-control" />
</div>
<p>
I certify that the foregoing information is correct and complete to the best of my knowledge and belief & that nothing has been concealed. If at any point of time, I am found to have concealed any material information or given any false details against any of the above particulars, my appointment shall be liable to Summary Termination, without notice.
</p>
</div>
<!--stephen 3 End-->
<div class="row g-3">
<div class="col-12">
<div class="d-flex align-items-center gap-3">
<button class="btn btn-primary px-4" onclick="stepper1.previous()"><i class="bx bx-left-arrow-alt me-2"></i>Previous</button>
<button id='form' class="btn btn-success px-4" type='submit' >Submit</button>
<input id='sub' type='submit' value='click' />
</div>
</div>
</div><!---end row-->
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'footer.php' ?>
Zerion Mini Shell 1.0