From 15264d81cca5f2083f3f6f7fefd97e7eaa143f19 Mon Sep 17 00:00:00 2001
From: vadivelJ96 <jvadivel.1996@gmail.com>
Date: Tue, 10 Sep 2024 15:05:42 +0530
Subject: [PATCH] employee details UI fix - vadivel J

---
 app/Views/addEmployeenew.php  | 280 ++++++++++-------
 app/Views/editEmployeenew.php | 553 +++++++++++++++++++---------------
 2 files changed, 480 insertions(+), 353 deletions(-)

diff --git a/app/Views/addEmployeenew.php b/app/Views/addEmployeenew.php
index 0aba698f..a16bbdcd 100644
--- a/app/Views/addEmployeenew.php
+++ b/app/Views/addEmployeenew.php
@@ -397,7 +397,7 @@
                                     <a href="#first" data-toggle="tab" class="nav-link active">
                                         <!-- <a data-toggle="tab" class="nav-link active"> -->
                                         <span class="number">1</span>
-                                        <span class="d-none d-sm-inline">Persanal & Address</span>
+                                        <span class="d-none d-sm-inline">Personal & Address</span>
                                     </a>
                                 </li>
                                 <li class="nav-item" data-target-form="#profileForm">
@@ -553,12 +553,6 @@
                                                         <input type="text" id="currentaddress" required name="currentaddress"
                                                             pattern=".{0,500}" maxlength="500" class="form-control">
                                                     </div>
-                                                    <div class="col-md-4 pad" style="margin-top: 18px;">
-                                                        <input type="checkbox" id="checksame" name="sameaddress"
-                                                            onclick="CheckClick"> Current address same as permanent address
-                                                    </div>
-                                                    </div>
-                                                <div class="row">
                                                     <div class="col-md-4 pad">
                                                         <span>Permanent Address</span><span
                                                             class="badge">*</span>
@@ -566,6 +560,10 @@
                                                             name="permanentaddress" pattern=".{0,500}" maxlength="500"
                                                             class="form-control">
                                                     </div>
+                                                   
+                                                    </div>
+                                                <div class="row">
+                                                   
                                             
                                                     <div class="col-md-4 pad">
                                                         <span>Emergency Contact Name</span>
@@ -582,11 +580,17 @@
                                                             maxlength="10" class="form-control"
                                                             onkeypress="return isNumberKey(event)">
                                                     </div>
+
+                                                    <div class="col-md-4 pad" style="margin-top: 18px;">
+                                                        <input type="checkbox" id="checksame" name="sameaddress"
+                                                            onclick="CheckClick"> Current address same as permanent address
+                                                    </div>
                                                 </div>
                                             </div>
                                         </div>
 
                                     </form>
+
                                     <ul class="list-inline wizard mb-0">
                                         <li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
                                         </li>
@@ -600,8 +604,10 @@
                                             <div class="col-md-1">
                                             </div>
                                             <div class="col-md-11">
-                                                <div class="row" style="margin-bottom: 20px;">
-                                                    <div class="col-md-3"><span>Designation</span><span class="badge">*</span>
+                                                <div class="row">
+                                                    <div class="col-md-3">
+                                                        <span>Designation</span><span 
+                                                        class="badge">*</span>
                                                         <select type="text" id="desigination" name="desigination" required
                                                             class="form-control select2">
                                                             <option value="">Select Designation</option>
@@ -618,7 +624,8 @@
                                                         </select>
 
                                                     </div>
-                                                    <div class="col-md-3"><span>Department</span><span class="badge">*</span>
+                                                    <div class="col-md-3">
+                                                        <span>Department</span><span class="badge">*</span>
                                                         <select type="text" id="departmentname" name="departmentname" required
                                                             class="form-control select2">
                                                             <option value="">Select Department</option>
@@ -642,77 +649,88 @@
                                                             class="form-control" data-provide="datepicker" data-date-format="dd-mm-yyyy">
                                                     </div>
                                                     <div class="col-md-3"><span>Previous Years of Experience</span>
-                                                        <input type="text" id="Previousexperience" name="Previousexperience"
-                                                            maxlength="4" onkeypress="return isNumberKey(event)"
-                                                            class="form-control">
+                                                            <input type="text" id="Previousexperience" name="Previousexperience"
+                                                                maxlength="4" onkeypress="return isNumberKey(event)"
+                                                                class="form-control">
                                                     </div>
+                                                    
                                                 </div>
-                                                <div class="row" style="margin-bottom: 20px;">
-
-                                                    <div class="col-md-3"><span>Qualification</span><span class="badge">*</span>
-                                                        <select type="text" id="eduqualifaction" name="eduqualifaction" required
-                                                            class="form-control select2">
-                                                            <option value="">Select Qualification</option>
-                                                            <?php
-                                                            if (!empty($Qualification)) {
-                                                                foreach ($Qualification as $rl) {
-                                                            ?>
-                                                                    <option value="<?php echo $rl->ConfigValue ?>">
-                                                                        <?php echo $rl->ConfigValue ?></option>
-                                                            <?php
-                                                                }
-                                                            }
-                                                            ?>
-                                                        </select>
-
-                                                    </div>
-                                                    <div class="col-md-3" style="display:none"><span>Additional Qualification</span>
-                                                        <input type="text" id="addqualification" name="addqualification"
-                                                            maxlength="100" class="form-control">
-                                                    </div>
-                                                    <div class="col-md-3" style="display:none"><span>Referred By</span>
-                                                        <input type="text" id="referredby"
-                                                            onkeypress="return onlyAlphabets(event);" name="referredby"
-                                                            maxlength="100" class="form-control">
-                                                    </div>
-                                                    <div class="col-md-3" style="display:none"><span>Referrer Contact Number</span>
-                                                        <input type="text" id="referrercontno" name="referrercontno"
-                                                            onchange=" return getValidReferNumber();" maxlength="10"
-                                                            onkeypress="return isNumberKey(event)" class="form-control">
-                                                    </div>
                                                
+                                            </div>
+                                        </div>
 
-                                                    <div class="col-md-3"><span>Work Location</span><span class="badge">*</span>
-                                                        <select type="text" id="work_location" name="work_location" required
-                                                            class="form-control select2">
-                                                            <option value="">Select Work Location</option>
-                                                            <?php
-                                                            if (!empty($Location)) {
-                                                                foreach ($Location as $rl) {
-                                                            ?>
-                                                                    <option value="<?php echo $rl->ConfigValue ?>">
-                                                                        <?php echo $rl->ConfigValue ?></option>
-                                                            <?php
+                                        <div class="row">
+                                            <div class="col-md-1"> 
+                                            </div>
+                                                <div class="col-md-11">
+                                                <div class="row"   >                                                
+
+                                                        <div class="col-md-3"><span>Qualification</span><span class="badge">*</span>
+                                                            <select type="text" id="eduqualifaction" name="eduqualifaction" required
+                                                                class="form-control select2">
+                                                                <option value="">Select Qualification</option>
+                                                                <?php
+                                                                if (!empty($Qualification)) {
+                                                                    foreach ($Qualification as $rl) {
+                                                                ?>
+                                                                        <option value="<?php echo $rl->ConfigValue ?>">
+                                                                            <?php echo $rl->ConfigValue ?></option>
+                                                                <?php
+                                                                    }
                                                                 }
-                                                            }
-                                                            ?>
-                                                        </select>
-
-                                                    </div>
-                                                    <div class="col-md-3" style="margin-top: 18px;">
-                                                        <div class="form-group">
-                                                            <span
-                                                                style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">Management
-                                                                Team</span>
-                                                            <label class="switch">
-                                                                <input type="checkbox" name="is_management_team" value="0"
-                                                                    onchange="updateSwitchValue(this)" />
-                                                                <span class="slider"></span>
-                                                            </label>
+                                                                ?>
+                                                            </select>
                                                         </div>
-                                                    </div>
-                                                    <br>
+
+                                                        <div class="col-md-3"  style="display:none"><span>Additional Qualification</span>
+                                                            <input type="text" id="addqualification" name="addqualification"
+                                                                maxlength="100" class="form-control">
+                                                        </div>
+                                                        <div class="col-md-3" style="display:none"><span>Referred By</span>
+                                                            <input type="text" id="referredby"
+                                                                onkeypress="return onlyAlphabets(event);" name="referredby"
+                                                                maxlength="100" class="form-control">
+                                                        </div>
+                                                        <div class="col-md-3" style="display:none"><span>Referrer Contact Number</span>
+                                                            <input type="text" id="referrercontno" name="referrercontno"
+                                                                onchange=" return getValidReferNumber();" maxlength="10"
+                                                                onkeypress="return isNumberKey(event)" class="form-control">
+                                                        </div>
+
+
+                                                        <div class="col-md-3"><span>Work Location</span><span class="badge">*</span>
+                                                            <select type="text" id="work_location" name="work_location" required
+                                                                class="form-control select2">
+                                                                <option value="">Select Work Location</option>
+                                                                <?php
+                                                                if (!empty($Location)) {
+                                                                    foreach ($Location as $rl) {
+                                                                ?>
+                                                                        <option value="<?php echo $rl->ConfigValue ?>">
+                                                                            <?php echo $rl->ConfigValue ?></option>
+                                                                <?php
+                                                                    }
+                                                                }
+                                                                ?>
+                                                            </select>
+
+                                                        </div>
+
+                                                        <div class="col-md-3" style="margin-top: 18px;">
+                                                            <div class="form-group">
+                                                                <span
+                                                                    style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">Management
+                                                                    Team</span>
+                                                                <label class="switch">
+                                                                    <input type="checkbox" name="is_management_team" value="0"
+                                                                        onchange="updateSwitchValue(this)" />
+                                                                    <span class="slider"></span>
+                                                                </label>
+                                                            </div>
+                                                        </div>
+                                                        <br>
                                                 </div>
+                                               
                                             </div>
                                         </div>
                                         <!-- end row -->
@@ -810,19 +828,43 @@
 
                                                         </div>
                                                     </div>
-                                                    <div class="col-md-3" style="margin-top: 18px;">
+
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-1">
+                                            </div>
+                                            <div class="col-md-11">
+                                                <div class="row">
+                                                  
+                                                
+                                                    <div class="col-md-3">
+                                                            <div class="form-group"><span>UAN</span>
+                                                                <input type="text" id="pfno" name="pfno" maxlength="22"
+                                                                    onchange="validatePF();" class="form-control"
+                                                                    style="text-transform:uppercase"
+                                                                    pattern="\d{12}"
+                                                                    title="12 Digit number"
+                                                                    onkeypress="return alpha(event);">
+                                                            </div>
+                                                    </div>
+
+                                                    <div class="col-md-3">
                                                         <div class="form-group">
-                                                            <span
-                                                                style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">ESI
-                                                                Applicable</span>
-                                                            <label class="switch">
-                                                                <input type="checkbox" name="esi_applicable" value="0"
-                                                                    onchange="updateSwitchValue(this)" />
-                                                                <span class="slider"></span>
-                                                            </label>
+                                                            <span for="PF_Rate">PF Rate(%)</span>
+                                                            <font color="Red">*</font>
+                                                            <input type="text" name="PF_Rate" value="<?= $pf_rate; ?>"
+                                                                class="form-control num" style="text-transform:uppercase;"
+                                                                pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
+                                                                title="Enter the valid PF Rate, Minimum 1 digit, Maximum 2 digits"
+                                                                readonly />
+
                                                         </div>
                                                     </div>
-                                                    <div class="col-md-3" style="margin-top: 18px;">
+                                                    
+                                                    <div class="col-md-3" >
                                                         <div class="form-group"><span>ESI Number</span>
                                                             <input type="text" id="esino" name="esino" maxlength="10"
                                                                 onchange="validateESI();" class="form-control"
@@ -842,7 +884,33 @@
 
                                                         </div>
                                                     </div>
-                                                    <div class="col-md-3"></div>
+                                                   
+                                                 
+
+                                                   
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-1">
+                                            </div>
+                                            <div class="col-md-11">
+                                                <div class="row">
+                                                 
+                                                <div class="col-md-3">
+                                                        <div class="form-group">
+                                                            <span
+                                                                style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">ESI
+                                                                Applicable</span>
+                                                            <label class="switch">
+                                                                <input type="checkbox" name="esi_applicable" value="0"
+                                                                    onchange="updateSwitchValue(this)" />
+                                                                <span class="slider"></span>
+                                                            </label>
+                                                        </div>
+                                                    </div>
+
                                                     <div class="col-md-3">
                                                         <div class="form-group">
                                                             <span
@@ -855,29 +923,7 @@
                                                             </label>
                                                         </div>
                                                     </div>
-                                                    <div class="col-md-3">
-                                                        <div class="form-group"><span>UAN</span>
-                                                            <input type="text" id="pfno" name="pfno" maxlength="22"
-                                                                onchange="validatePF();" class="form-control"
-                                                                style="text-transform:uppercase"
-                                                                pattern="\d{12}"
-                                                                title="12 Digit number"
-                                                                onkeypress="return alpha(event);">
-                                                        </div>
-                                                    </div>
 
-                                                    <div class="col-md-3">
-                                                        <div class="form-group">
-                                                            <span for="PF_Rate">PF Rate(%)</span>
-                                                            <font color="Red">*</font>
-                                                            <input type="text" name="PF_Rate" value="<?= $pf_rate; ?>"
-                                                                class="form-control num" style="text-transform:uppercase;"
-                                                                pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
-                                                                title="Enter the valid PF Rate, Minimum 1 digit, Maximum 2 digits"
-                                                                readonly />
-
-                                                        </div>
-                                                    </div>
                                                 </div>
                                             </div>
 
@@ -924,7 +970,17 @@
                                                             maxlength="10" class="form-control">
                                                     </div>
 
-                                                    <div class="col-md-3"><span>Voter ID</span>
+                                                  
+
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-1">
+                                            </div>
+                                            <div class="col-md-11">
+                                                <div class="row">
+                                                <div class="col-md-3"><span>Voter ID</span>
                                                         <input type="text" id="VoterID" name="voterID" maxlength="12"
                                                             class="form-control" style="text-transform: uppercase">
                                                     </div>
@@ -941,14 +997,6 @@
                                                             onkeypress="return false;" maxlength="10" class="form-control">
                                                     </div>
 
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-1">
-                                            </div>
-                                            <div class="col-md-11">
-                                                <div class="row">
                                                     <div class="col-md-3"><span>Nominee reference</span>
                                                         <input type="text" id="nomineename" name="nomineename" maxlength="255"
                                                             class="form-control">
diff --git a/app/Views/editEmployeenew.php b/app/Views/editEmployeenew.php
index 050a61f4..f3cd003d 100644
--- a/app/Views/editEmployeenew.php
+++ b/app/Views/editEmployeenew.php
@@ -11,7 +11,7 @@ $LastName = '';
 $FatherName = '';
 $Gender = '';
 $DateofBirth = '';
-$ContactNumber    = '';
+$ContactNumber = '';
 $EmailId = '';
 $BloodGroup = '';
 $MartialStatus = '';
@@ -65,16 +65,16 @@ if (!empty($EmpDetails)) {
         $Gender = $Emp->Gender;
         $DateofBirth = $Emp->DateofBirth;
         $from = new DateTime($DateofBirth);
-        $to   = new DateTime('today');
+        $to = new DateTime('today');
         $Age = $from->diff($to)->y;
-        $DOB =  $from->format('d-m-Y');
-        $ContactNumber    = $Emp->ContactNumber;
+        $DOB = $from->format('d-m-Y');
+        $ContactNumber = $Emp->ContactNumber;
         $EmailId = $Emp->EmailId;
         $BloodGroup = $Emp->BloodGroup;
         $MartialStatus = $Emp->MartialStatus;
         $DateofJoining = $Emp->DateofJoining;
         $dtDOJ = new DateTime($DateofJoining);
-        $DOJ =  $dtDOJ->format('d-m-Y');
+        $DOJ = $dtDOJ->format('d-m-Y');
         $PreviousYearsOfExp = $Emp->PreviousYearsOfExp;
         $Designation = $Emp->Designation;
         $work_location = $Emp->work_location;
@@ -96,7 +96,7 @@ if (!empty($EmpDetails)) {
         $Passport_Valid_till = $Emp->Passport_Valid_till;
         if ($Passport_Valid_till != '' && $Passport_Valid_till != '0000-00-00 00:00:00') {
             $dtpassport = new DateTime($Passport_Valid_till);
-            $DOPassport =  $dtpassport->format('d-m-Y');
+            $DOPassport = $dtpassport->format('d-m-Y');
         } else {
 
             $DOPassport = '';
@@ -121,7 +121,7 @@ if (!empty($EmpDetails)) {
 
         if ($Emp->LicenseValidtill != '' && $Emp->LicenseValidtill != '0000-00-00 00:00:00') {
             $License = new DateTime($Emp->LicenseValidtill);
-            $LicenseValidtill =  $License->format('d-m-Y');
+            $LicenseValidtill = $License->format('d-m-Y');
         } else {
             $LicenseValidtill = '';
         }
@@ -141,27 +141,30 @@ if (!empty($EmpDetails)) {
 
 <div class="content-page">
     <div class="content">
+        <div class="row">
+            <div class="col-6">
+                <div class="page-title-box page-title-box-alt">
+                    <h4 class="page-title">Edit Employee</h4>
+                </div>
+            </div>
+            <div class="col-6 text-right">
+                <a class=" btn btn-dark waves-effect waves-light" href="<?php echo base_url() ?>employeeListing"><span
+                        class="bold">Back</span></a>
+            </div>
+
+        </div>
+
         <div class="row">
             <div class="col-xl-12">
                 <div class="card">
                     <div class="card-body">
-                        <div class="row">
-                            <div class="col-6">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Edit Employee</h4>
-                                </div>
-                            </div>
-                            <div class="col-6 text-right">
-                                <a class=" btn btn-dark waves-effect waves-light" href="<?php echo base_url() ?>employeeListing"><span class="bold">Back</span></a>
-                            </div>
-                        </div>
                         <div id="rootwizard">
                             <ul class="nav nav-pills nav-justified form-wizard-header mb-3">
                                 <li class="nav-item" data-target-form="#accountForm">
                                     <a href="#first" data-toggle="tab" class="nav-link active">
                                         <!-- <a data-toggle="tab" class="nav-link active"> -->
                                         <span class="number">1</span>
-                                        <span class="d-none d-sm-inline">Persanal & Address</span>
+                                        <span class="d-none d-sm-inline">Personal & Address</span>
                                     </a>
                                 </li>
                                 <li class="nav-item" data-target-form="#profileForm">
@@ -175,7 +178,7 @@ if (!empty($EmpDetails)) {
                                     <a href="#third" data-toggle="tab" class="nav-link">
                                         <!-- <a data-toggle="tab" class="nav-link"> -->
                                         <span class="number">3</span>
-                                        <span class="d-none d-sm-inline">Bank Details & Emp Benefits</span>
+                                        <span class="d-none d-sm-inline">Bank & Emp Benefits</span>
                                     </a>
                                 </li>
                                 <li class="nav-item" data-target-form="#proofForm">
@@ -204,8 +207,8 @@ if (!empty($EmpDetails)) {
                                             <div class="col-md-2">
                                                 <div class="box-header">
                                                     <img id="profilepicture"
-                                                        src="<?php echo  base_url() . $ProfilePic; ?>"
-                                                        alt="your image" style="width: 139px;" /><br />
+                                                        src="<?php echo base_url() . $ProfilePic; ?>" alt="your image"
+                                                        style="width: 139px;" /><br />
                                                     <input type='file' onchange="readURL(this);" id="photo"
                                                         value="<?php echo base_url() . $ProfilePic; ?>" name="photo" />
                                                     <label for="photo">Select profile picture<br /><small>(only .jpg or
@@ -216,18 +219,22 @@ if (!empty($EmpDetails)) {
                                                         readonly>
                                                     <input type="hidden" name="ModifyImage" id="ModifyImage"
                                                         class="form-control" readonly>
-                                                    <input type="text" name="employeeid" id="employeeid"
+
+                                                    <!-- development-change -->
+                                                    <!-- <input type="text" name="employeeid" id="employeeid"
                                                         value="<?php echo $EmpID; ?>" placeholder="Employee ID"
                                                         class="form-control" readonly>
 
                                                     <input type="checkbox" id="isactive" <?php echo $IsActive; ?>
-                                                        name="isactive" value="1"> IS ACTIVE
+                                                        name="isactive" value="1"> IS ACTIVE -->
 
                                                 </div>
                                             </div>
+
+
                                             <div class="col-md-10">
                                                 <div class="row">
-                                                    <div class="col-md-2 pad">
+                                                    <div class="col-md-4 pad">
                                                         <span>Full Name</span><span class="badge">*</span>
                                                         <input type="text" name="FirstName" maxlength="100"
                                                             value="<?php echo $FirstName; ?>" id="FirstName"
@@ -235,57 +242,46 @@ if (!empty($EmpDetails)) {
                                                             onkeypress="return onlyAlphabets(event);">
                                                     </div>
 
-                                                    <div class="col-md-2 pad">
-                                                        <span>Father / Husband Name</span><span
-                                                            class="badge">*</span>
+                                                    <div class="col-md-4 pad">
+                                                        <span>Father / Husband Name</span><span class="badge">*</span>
                                                         <input type="text" name="FatherName" id="FatherName"
                                                             maxlength="200" value="<?php echo $FatherName; ?>"
                                                             placeholder="Father / Husband  Name" class="form-control"
                                                             required onkeypress="return onlyAlphabets(event);">
                                                     </div>
 
-                                                    <div class="col-md-2 pad">
-                                                        <span>Date Of Birth</span><span
-                                                            class="badge">*</span>
-                                                        <input id="DateofBirth" required name="DateofBirth"
-                                                            value="<?php echo $DOB; ?>" maxlength="10"
-                                                            placeholder="Date Of Birth" onchange="getAge();"
-                                                            class="form-control" data-provide="datepicker" data-date-format="dd-mm-yyyy">
-                                                    </div>
-
-                                                    <div class="col-md-2 pad">
-                                                        <span>Age</span><span
-                                                            class="badge">*</span>
-                                                        <input type="text" name="age" placeholder="Age" id="age"
-                                                            value="<?php echo $Age; ?>" class="form-control" readonly>
-                                                    </div>
-                                                    <div class="col-md-2 pad">
-                                                        <span>Contact Number</span><span
-                                                            class="badge">*</span>
+                                                    <div class="col-md-4 pad">
+                                                        <span>Contact Number</span><span class="badge">*</span>
                                                         <input type="text" name="ContactNumber"
                                                             value="<?php echo $ContactNumber; ?>"
                                                             onchange="getMobileValidation();" id="ContactNumber"
                                                             required placeholder="Contact Number" maxlength="10"
                                                             class="form-control" onkeypress="return isNumberKey(event)">
                                                     </div>
+
                                                 </div>
+
+
                                                 <div class="row">
-                                                    <div class="col-md-2 pad">
-                                                        <span>Gender</span><span
-                                                            class="badge">*</span>
+
+                                                    <div class="col-md-4 pad">
+                                                        <span>Gender</span><span class="badge">*</span>
                                                         <select id="gender" name="gender" type="text"
                                                             placeholder="Gender" required class="form-control select2">
                                                             <option value="<?php echo $Gender; ?>">
-                                                                <?php echo $Gender; ?></option>
+                                                                <?php echo $Gender; ?>
+                                                            </option>
                                                             <?php foreach ($GenderList as $rl): ?>
                                                                 <?php $rl1 = $rl->ConfigValue; ?>
                                                                 <?php if (trim($rl1) != trim($Gender)): ?>
                                                                     <?php if (isset($_POST['gender']) && $_POST['gender'] == $rl1): ?>
                                                                         <option value="<?= esc($rl1) ?>" selected="selected">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php else: ?>
                                                                         <option value="<?= esc($rl1) ?>">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php endif; ?>
                                                                 <?php endif; ?>
                                                             <?php endforeach; ?>
@@ -293,35 +289,61 @@ if (!empty($EmpDetails)) {
 
                                                         </select>
                                                     </div>
-                                                    <div class="col-md-2 pad">
+
+                                                    <div class="col-md-4 pad">
+                                                        <span>Date Of Birth</span><span class="badge">*</span>
+                                                        <input id="DateofBirth" required name="DateofBirth"
+                                                            value="<?php echo $DOB; ?>" maxlength="10"
+                                                            placeholder="Date Of Birth" onchange="getAge();"
+                                                            class="form-control" data-provide="datepicker"
+                                                            data-date-format="dd-mm-yyyy">
+                                                    </div>
+
+                                                    <div class="col-md-4 pad">
+                                                        <span>Age</span><span class="badge">*</span>
+                                                        <input type="text" name="age" placeholder="Age" id="age"
+                                                            value="<?php echo $Age; ?>" class="form-control" readonly>
+                                                    </div>
+
+                                                </div>
+
+
+                                                <div class="row">
+
+                                                    <div class="col-md-4 pad">
                                                         <span>Personal Email ID</span>
                                                         <input type="mail" name="emailid"
                                                             value="<?php echo $EmailId; ?>" id="email"
                                                             placeholder="Email ID" maxlength="100" class="form-control">
                                                     </div>
-                                                    <div class="col-md-2 pad">
+
+                                                    <div class="col-md-4 pad">
                                                         <span>Official Email ID</span>
                                                         <input type="email" name="comemailid" id="mail"
                                                             placeholder="Official Email ID"
                                                             value="<?php echo $personalEmailId; ?>" maxlength="100"
                                                             class="form-control">
                                                     </div>
-                                                    <div class="col-md-2 pad">
+
+                                                    <div class="col-md-4 pad">
 
                                                         <span>Blood group</span><span class="badge">*</span>
                                                         <select id="bloodgroup" name="bloodgroup" required
                                                             class="form-control select2">
                                                             <option value="<?php echo $BloodGroup; ?>">
-                                                                <?php echo $BloodGroup  ?></option>
+                                                                <?php echo $BloodGroup ?>
+                                                            </option>
                                                             <?php foreach ($BloodGroupList as $rl): ?>
                                                                 <?php $rl1 = $rl->ConfigValue; ?>
                                                                 <?php if (trim($rl1) != trim($BloodGroup)): ?>
                                                                     <?php if (isset($_POST['BloodGroup']) && $_POST['BloodGroup'] == $rl1): ?>
                                                                         <option value="<?= esc($rl1) ?>" selected="selected">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php else: ?>
                                                                         <option value="<?= esc($rl1) ?>">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php endif; ?>
                                                                 <?php endif; ?>
                                                             <?php endforeach; ?>
@@ -329,53 +351,55 @@ if (!empty($EmpDetails)) {
                                                         </select>
                                                     </div>
 
-                                                    <div class="col-md-2 pad">
+                                                </div>
+
+                                                <div class="row">
+                                                    <div class="col-md-4 pad">
                                                         <span>Marital Status</span><span class="badge">*</span>
                                                         <select id="MartialStatus" name="MartialStatus" type="text"
                                                             required placeholder="Marital status"
                                                             class="form-control select2">
                                                             <option value="<?php echo $MartialStatus ?>">
-                                                                <?php echo $MartialStatus; ?></option>
+                                                                <?php echo $MartialStatus; ?>
+                                                            </option>
                                                             <?php foreach ($MartialList as $rl): ?>
                                                                 <?php $rl1 = $rl->ConfigValue; ?>
                                                                 <?php if (trim($rl1) != trim($MartialStatus)): ?>
                                                                     <?php if (isset($_POST['MartialStatus']) && $_POST['MartialStatus'] == $rl1): ?>
                                                                         <option value="<?= esc($rl1) ?>" selected="selected">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php else: ?>
                                                                         <option value="<?= esc($rl1) ?>">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php endif; ?>
                                                                 <?php endif; ?>
                                                             <?php endforeach; ?>
                                                         </select>
                                                     </div>
-                                                </div>
-                                                <div class="row">
+
                                                     <div class="col-md-4 pad">
-                                                        <span>Current Address</span><span
-                                                            class="badge">*</span>
+                                                        <span>Current Address</span><span class="badge">*</span>
                                                         <input type="text" id="currentaddress" pattern=".{1,500}"
                                                             required name="currentaddress" maxlength="500"
                                                             value="<?php echo $PresentAddress; ?>"
                                                             placeholder="Current Address" class="form-control">
                                                     </div>
-                                                    <div class="col-md-2 pad" style="margin-top: 18px;">
-                                                        <input type="checkbox" id="checksame" name="sameaddress"
-                                                            onclick="CheckClick"> Current address same as permanent
-                                                        address
-                                                    </div>
+
                                                     <div class="col-md-4 pad">
-                                                        <span>Permanent Address</span><span
-                                                            class="badge">*</span>
+                                                        <span>Permanent Address</span><span class="badge">*</span>
                                                         <input type="text" id="permanentaddress" required
                                                             name="permanentaddress" pattern=".{0,500}"
                                                             value="<?php echo $PermanentAddress; ?>" maxlength="500"
                                                             placeholder="Permanent Address " class="form-control">
                                                     </div>
+
                                                 </div>
+
                                                 <div class="row">
-                                                    <div class="col-md-3 pad">
+
+                                                    <div class="col-md-4 pad">
                                                         <span>Emergency Contact Name</span>
                                                         <input type="text" id="emergencycontactname" maxlength="100"
                                                             name="emergencycontactname"
@@ -383,7 +407,7 @@ if (!empty($EmpDetails)) {
                                                             placeholder="Emergency Contact Name" class="form-control">
                                                     </div>
 
-                                                    <div class="col-md-3">
+                                                    <div class="col-md-4">
                                                         <span>Emergency Contact Number</span>
                                                         <input type="text" id="emergencycontactnumber"
                                                             name="emergencycontactnumber"
@@ -392,15 +416,26 @@ if (!empty($EmpDetails)) {
                                                             placeholder="Emergency Contact Number" class="form-control"
                                                             onkeypress="return isNumberKey(event)">
                                                     </div>
+
+                                                    <div class="col-md-4 pad" style="margin-top: 18px;">
+                                                        <input type="checkbox" id="checksame" name="sameaddress"
+                                                            onclick="CheckClick"> Current address same as permanent
+                                                        address
+                                                    </div>
+
                                                 </div>
+
+
                                             </div>
                                         </div>
-
                                     </form>
+
                                     <ul class="list-inline wizard mb-0">
-                                        <li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
+                                        <li class="previous list-inline-item"><a href="javascript: void(0);"
+                                                class="btn btn-secondary">Previous</a>
                                         </li>
-                                        <li class="next list-inline-item float-right"><a href="javascript: void(0);" class="btn btn-secondary">Next</a></li>
+                                        <li class="next list-inline-item float-right"><a href="javascript: void(0);"
+                                                class="btn btn-secondary">Next</a></li>
                                     </ul>
                                 </div>
 
@@ -410,23 +445,25 @@ if (!empty($EmpDetails)) {
                                             <div class="col-md-1">
                                             </div>
                                             <div class="col-md-11">
-                                                <div class="row" style="margin-bottom: 20px;">
+                                                <div class="row">
                                                     <div class="col-md-3">
-                                                        <span>Designation</span><span
-                                                            class="badge">*</span>
+                                                        <span>Designation</span><span class="badge">*</span>
                                                         <select type="text" id="desigination" name="desigination"
                                                             required class="form-control select2">
                                                             <option value="<?php echo $Designation; ?>">
-                                                                <?php echo $Designation;   ?></option>
+                                                                <?php echo $Designation; ?>
+                                                            </option>
                                                             <?php foreach ($DesignationList as $rl): ?>
                                                                 <?php $rl1 = $rl->ConfigValue; ?>
                                                                 <?php if (trim($rl1) != trim($Designation)): ?>
                                                                     <?php if (isset($_POST['Designation']) && $_POST['Designation'] == $rl1): ?>
                                                                         <option value="<?= esc($rl1) ?>" selected="selected">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php else: ?>
                                                                         <option value="<?= esc($rl1) ?>">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php endif; ?>
                                                                 <?php endif; ?>
                                                             <?php endforeach; ?>
@@ -436,8 +473,7 @@ if (!empty($EmpDetails)) {
 
                                                     </div>
                                                     <div class="col-md-3">
-                                                        <span>Department</span><span
-                                                            class="badge">*</span>
+                                                        <span>Department</span><span class="badge">*</span>
                                                         <select type="text" id="departmentname" name="departmentname"
                                                             required class="form-control select2">
                                                             <option value="<?php echo $Departmentcode; ?>">
@@ -461,11 +497,11 @@ if (!empty($EmpDetails)) {
 
                                                     </div>
                                                     <div class="col-md-3">
-                                                        <span>Date Of Joining</span><span
-                                                            class="badge">*</span>
+                                                        <span>Date Of Joining</span><span class="badge">*</span>
                                                         <input id="dateofjoining" name="dateofjoining"
                                                             value="<?php echo $DOJ; ?>" maxlength="10" required
-                                                            placeholder="Date Of Joining" class="form-control" data-provide="datepicker" data-date-format="dd-mm-yyyy">
+                                                            placeholder="Date Of Joining" class="form-control"
+                                                            data-provide="datepicker" data-date-format="dd-mm-yyyy">
                                                     </div>
                                                     <div class="col-md-3">
                                                         <span>Previous Years of Experience</span>
@@ -477,24 +513,34 @@ if (!empty($EmpDetails)) {
                                                             class="form-control">
                                                     </div>
                                                 </div>
-                                                <div class="row" style="margin-bottom: 20px;">
+
+
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-1">
+                                            </div>
+                                            <div class="col-md-11">
+                                                <div class="row">
 
                                                     <div class="col-md-3">
-                                                        <span>Qualification</span><span
-                                                            class="badge">*</span>
+                                                        <span>Qualification</span><span class="badge">*</span>
                                                         <select type="text" id="eduqualifaction" name="eduqualifaction"
                                                             required class="form-control select2">
                                                             <option value="<?php echo $Edu_Qualification; ?>">
-                                                                <?php echo $Edu_Qualification;   ?></option>
+                                                                <?php echo $Edu_Qualification; ?>
+                                                            </option>
                                                             <?php foreach ($QualificationList as $rl): ?>
                                                                 <?php $rl1 = $rl->ConfigValue; ?>
                                                                 <?php if (trim($rl1) != trim($Designation)): ?>
                                                                     <?php if (isset($_POST['Edu_Qualification']) && $_POST['Edu_Qualification'] == $rl1): ?>
                                                                         <option value="<?= esc($rl1) ?>" selected="selected">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php else: ?>
                                                                         <option value="<?= esc($rl1) ?>">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php endif; ?>
                                                                 <?php endif; ?>
                                                             <?php endforeach; ?>
@@ -522,25 +568,26 @@ if (!empty($EmpDetails)) {
                                                             placeholder="Referrer Contact Number" class="form-control"
                                                             onkeypress="return isNumberKey(event)">
                                                     </div>
-                                                </div>
-                                                <div class="row" style="margin-bottom: 20px;">
+
 
                                                     <div class="col-md-3">
-                                                        <span>Work Location</span><span
-                                                            class="badge">*</span>
+                                                        <span>Work Location</span><span class="badge">*</span>
                                                         <select type="text" id="work_location" name="work_location"
                                                             required class="form-control select2">
                                                             <option value="<?php echo $work_location; ?>">
-                                                                <?php echo $work_location;   ?></option>
+                                                                <?php echo $work_location; ?>
+                                                            </option>
                                                             <?php foreach ($Location as $rl): ?>
                                                                 <?php $rl1 = $rl->ConfigValue; ?>
                                                                 <?php if (trim($rl1) != trim($work_location)): ?>
                                                                     <?php if (isset($_POST['work_location']) && $_POST['work_location'] == $rl1): ?>
                                                                         <option value="<?= esc($rl1) ?>" selected="selected">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php else: ?>
                                                                         <option value="<?= esc($rl1) ?>">
-                                                                            <?= esc($rl->ConfigValue) ?></option>
+                                                                            <?= esc($rl->ConfigValue) ?>
+                                                                        </option>
                                                                     <?php endif; ?>
                                                                 <?php endif; ?>
                                                             <?php endforeach; ?>
@@ -548,6 +595,7 @@ if (!empty($EmpDetails)) {
                                                         </select>
 
                                                     </div>
+
                                                     <div class="col-md-3" style="margin-top: 18px;">
                                                         <div class="form-group">
                                                             <span
@@ -555,28 +603,33 @@ if (!empty($EmpDetails)) {
                                                                 Team</span>
                                                             <label class="switch">
                                                                 <input type="checkbox" name="is_management_team"
-                                                                    value="<?= $is_management_team; ?>"
-                                                                    <?php echo $is_management_team == '1' ? 'checked' : ''; ?>
+                                                                    value="<?= $is_management_team; ?>" <?php echo $is_management_team == '1' ? 'checked' : ''; ?>
                                                                     onchange="updateSwitchValue(this)" />
                                                                 <span class="slider"></span>
                                                             </label>
                                                         </div>
                                                     </div>
                                                     <br>
+
                                                 </div>
+
+
                                             </div>
                                         </div>
                                         <!-- end row -->
                                     </form>
                                     <ul class="list-inline wizard mb-0">
-                                        <li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
+                                        <li class="previous list-inline-item"><a href="javascript: void(0);"
+                                                class="btn btn-secondary">Previous</a>
                                         </li>
-                                        <li class="next list-inline-item float-right"><a href="javascript: void(0);" class="btn btn-secondary">Next</a></li>
+                                        <li class="next list-inline-item float-right"><a href="javascript: void(0);"
+                                                class="btn btn-secondary">Next</a></li>
                                     </ul>
                                 </div>
 
                                 <div class="tab-pane fade" id="third">
                                     <form id="bankForm" method="post" action="#" class="form-horizontal">
+
                                         <div class="row">
                                             <div class="col-md-1">
                                             </div>
@@ -585,8 +638,7 @@ if (!empty($EmpDetails)) {
                                                     <div class="col-md-3">
                                                         <span>Bank Name</span>
                                                         <input type="text" id="bankbranchname" name="bankbranchname"
-                                                            class="form-control"
-                                                            value="<?php echo $BankBranchName; ?>"
+                                                            class="form-control" value="<?php echo $BankBranchName; ?>"
                                                             required>
 
                                                     </div>
@@ -614,6 +666,7 @@ if (!empty($EmpDetails)) {
 
                                             <!-- end col -->
                                         </div>
+
                                         <div class="row">
                                             <div class="col-md-1">
                                             </div>
@@ -654,7 +707,8 @@ if (!empty($EmpDetails)) {
                                                             <font color="Red">*</font>
 
                                                             <input type="text" name="HRA_Rate" id="HRA_Rate"
-                                                                value="<?php echo $empPay->HRA_Rate; ?>" class="form-control num"
+                                                                value="<?php echo $empPay->HRA_Rate; ?>"
+                                                                class="form-control num"
                                                                 style="text-transform:uppercase;"
                                                                 pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
                                                                 title="Enter the Valid HRA Rate, Minimum 1 digit, Maximum 2 digit"
@@ -674,27 +728,22 @@ if (!empty($EmpDetails)) {
 
                                                         </div>
                                                     </div>
-                                                    <div class="col-md-3" style="margin-top: 18px;">
-                                                        <div class="form-group">
-                                                            <span
-                                                                style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">ESI
-                                                                Applicable</span>
-                                                            <label class="switch">
-                                                                <input type="checkbox" name="esi_applicable"
-                                                                    value="<?= $esi_applicable; ?>"
-                                                                    <?php echo $esi_applicable == '1' ? 'checked' : ''; ?>
-                                                                    onchange="updateSwitchValue(this)" />
-                                                                <span class="slider"></span>
-                                                            </label>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-md-3" style="margin-top: 18px;">
+
+                                                </div>
+                                            </div>
+
+                                        </div>
+
+                                        <div class="row">
+                                            <div class="col-md-1"></div>
+                                            <div class="col-md-11">
+                                                <div class="row">
+                                                    <div class="col-md-3">
                                                         <div class="form-group">
                                                             <span>ESI Number</span>
                                                             <input type="text" id="esino" name="esino" maxlength="10"
                                                                 onchange="validateESI();" class="form-control"
-                                                                title=" 10 digit number"
-                                                                value="<?php echo $esino; ?>"
+                                                                title=" 10 digit number" value="<?php echo $esino; ?>"
                                                                 onkeypress="return isNumberKey(event)">
                                                         </div>
                                                     </div>
@@ -713,30 +762,13 @@ if (!empty($EmpDetails)) {
 
                                                         </div>
                                                     </div>
-                                                    <div class="col-md-3"></div>
-                                                    <div class="col-md-3">
-                                                        <div class="form-group">
-                                                            <span
-                                                                style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">PF
-                                                                Applicable</span>
-                                                            <label class="switch">
-                                                                <input type="checkbox" name="pf_applicable"
-                                                                    value="<?= $pf_applicable; ?>"
-                                                                    <?php echo $pf_applicable == '1' ? 'checked' : ''; ?>
-                                                                    onchange="updateSwitchValue(this)" />
-                                                                <span class="slider"></span>
-                                                            </label>
-                                                        </div>
-                                                    </div>
                                                     <div class="col-md-3">
                                                         <div class="form-group">
                                                             <span>UAN</span>
                                                             <input type="text" id="pfno" name="pfno" maxlength="22"
-                                                                value="<?php echo $pfno; ?>"
-                                                                onchange="validatePF();" class="form-control"
-                                                                style="text-transform:uppercase"
-                                                                pattern="\d{12}"
-                                                                title="12 Digit number"
+                                                                value="<?php echo $pfno; ?>" onchange="validatePF();"
+                                                                class="form-control" style="text-transform:uppercase"
+                                                                pattern="\d{12}" title="12 Digit number"
                                                                 onkeypress="return alpha(event);">
                                                         </div>
                                                     </div>
@@ -757,14 +789,53 @@ if (!empty($EmpDetails)) {
                                                     </div>
                                                 </div>
                                             </div>
-
                                         </div>
+
+                                        <div class="row">
+                                            <div class="col-md-1"></div>
+                                            <div class="col-md-11">
+                                                <div class="row">
+                                                    <div class="col-md-3">
+                                                        <div class="form-group">
+                                                            <span
+                                                                style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">ESI
+                                                                Applicable</span>
+                                                            <label class="switch">
+                                                                <input type="checkbox" name="esi_applicable"
+                                                                    value="<?= $esi_applicable; ?>" <?php echo $esi_applicable == '1' ? 'checked' : ''; ?>
+                                                                    onchange="updateSwitchValue(this)" />
+                                                                <span class="slider"></span>
+                                                            </label>
+                                                        </div>
+                                                    </div>
+
+                                                    <div class="col-md-3">
+                                                        <div class="form-group">
+                                                            <span
+                                                                style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">PF
+                                                                Applicable</span>
+                                                            <label class="switch">
+                                                                <input type="checkbox" name="pf_applicable"
+                                                                    value="<?= $pf_applicable; ?>" <?php echo $pf_applicable == '1' ? 'checked' : ''; ?>
+                                                                    onchange="updateSwitchValue(this)" />
+                                                                <span class="slider"></span>
+                                                            </label>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+
+
                                         <!-- end row -->
                                     </form>
                                     <ul class="list-inline wizard mb-0">
-                                        <li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
+                                        <li class="previous list-inline-item"><a href="javascript: void(0);"
+                                                class="btn btn-secondary">Previous</a>
                                         </li>
-                                        <li class="next list-inline-item float-right"><a href="javascript: void(0);" class="btn btn-secondary">Next</a></li>
+                                        <li class="next list-inline-item float-right"><a href="javascript: void(0);"
+                                                class="btn btn-secondary">Next</a></li>
                                     </ul>
                                 </div>
 
@@ -776,19 +847,16 @@ if (!empty($EmpDetails)) {
                                             <div class="col-md-11">
                                                 <div class="row">
                                                     <div class="col-md-3">
-                                                        <span>Aadhar Number</span> <span
-                                                            class="badge">*</span>
+                                                        <span>Aadhar Number</span> <span class="badge">*</span>
                                                         <input type="text" id="aadharno" name="aadharno" required
                                                             maxlength="14" placeholder="Aadhar Number"
                                                             onchange="ValidateAadhar();" class="form-control num"
-                                                            value="<?php echo $AadharNo; ?>"
-                                                            title=" : 12 digit number">
+                                                            value="<?php echo $AadharNo; ?>" title=" : 12 digit number">
                                                     </div>
                                                     <div class="col-md-3">
                                                         <span>PAN Number</span>
-                                                        <input type="text" id="panno"
-                                                            style="text-transform: uppercase" maxlength="10"
-                                                            name="panno" placeholder="PAN Number"
+                                                        <input type="text" id="panno" style="text-transform: uppercase"
+                                                            maxlength="10" name="panno" placeholder="PAN Number"
                                                             onchange="validatePAN();" class="form-control"
                                                             value="<?php echo $PANNo; ?>"
                                                             onkeypress="return alpha(event);"
@@ -804,7 +872,8 @@ if (!empty($EmpDetails)) {
                                                             value="<?php echo $PassportNo; ?>"
                                                             pattern="[Aa-PpRr-WwYy]{1}[1-9]{1}\d{1}\s\d{4}[1-9]{1}"
                                                             title="The first digit or the last digit will never be 0
-                                                                The first character cannot be Q, X or Z. (eg:A12 34567)" style="text-transform: uppercase">
+                                                                The first character cannot be Q, X or Z. (eg:A12 34567)"
+                                                            style="text-transform: uppercase">
                                                     </div>
                                                     <div class="col-md-3">
                                                         <span>Passport Expiry Date</span>
@@ -813,12 +882,19 @@ if (!empty($EmpDetails)) {
                                                             value="<?php echo $DOPassport; ?>">
                                                     </div>
 
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-1">
+                                            </div>
+                                            <div class="col-md-11">
+                                                <div class="row">
                                                     <div class="col-md-3">
                                                         <span>Voter ID</span>
-                                                        <input type="text" id="VoterID" name="VoterID"
-                                                            maxlength="12" value="<?php echo $VoterID; ?>"
-                                                            class="form-control" placeholder="VoterID"
-                                                            onkeypress="return alpha(event);"
+                                                        <input type="text" id="VoterID" name="VoterID" maxlength="12"
+                                                            value="<?php echo $VoterID; ?>" class="form-control"
+                                                            placeholder="VoterID" onkeypress="return alpha(event);"
                                                             style="text-transform: uppercase">
                                                     </div>
                                                     <div class="col-md-3">
@@ -827,9 +903,9 @@ if (!empty($EmpDetails)) {
                                                         <input type="text" id="Driverlicense" maxlength="16"
                                                             onchange="validateDriverLicense();"
                                                             pattern="[a-zA-Z]{2}[0-9]{2}\s[0-9]{11}"
-                                                            value="<?php echo $DriverLicense; ?>"
-                                                            name="Driverlicense" title="EX:TN82 12345678900"
-                                                            class="form-control" placeholder="Driverlicense"
+                                                            value="<?php echo $DriverLicense; ?>" name="Driverlicense"
+                                                            title="EX:TN82 12345678900" class="form-control"
+                                                            placeholder="Driverlicense"
                                                             style="text-transform: uppercase"
                                                             onkeypress="return alpha(event);">
                                                     </div>
@@ -842,14 +918,6 @@ if (!empty($EmpDetails)) {
                                                             placeholder="License Expiry Date">
                                                     </div>
 
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-1">
-                                            </div>
-                                            <div class="col-md-11">
-                                                <div class="row">
                                                     <div class="col-md-3">
                                                         <span>Nominee reference</span>
                                                         <input type="text" id="nomineename" name="nomineename"
@@ -857,14 +925,18 @@ if (!empty($EmpDetails)) {
                                                             placeholder="Nominee Name" value="<?php echo $nominee; ?>">
                                                     </div>
 
+
                                                 </div>
                                             </div>
                                         </div>
+                                      
                                     </form>
                                     <ul class="list-inline wizard mb-0">
-                                        <li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
+                                        <li class="previous list-inline-item"><a href="javascript: void(0);"
+                                                class="btn btn-secondary">Previous</a>
                                         </li>
-                                        <li class="next list-inline-item float-right"><a href="javascript: void(0);" class="btn btn-secondary">Next</a></li>
+                                        <li class="next list-inline-item float-right"><a href="javascript: void(0);"
+                                                class="btn btn-secondary">Next</a></li>
                                     </ul>
                                 </div>
 
@@ -875,41 +947,47 @@ if (!empty($EmpDetails)) {
                                             </div>
                                             <div class="col-md-11">
                                                 <!-- <div class="row"> -->
-                                                    <!-- <div class="files"> -->
+                                                <!-- <div class="files"> -->
+                                               
+                                                <?php if (count($emp_data) > 0) { ?>
+
                                                     <div class="col-md-10 text-right">
-                                                        <button type="button" class="btn btn-primary btn-sm a1" onclick="appendFilesFileds()" id="day" style="display: inline-block;">
-                                                            Add New File
-                                                        </button>
-                                                    </div>
-                                                    <?php if (count($emp_data) > 0) {
-                                                        foreach ($emp_data as $key => $value) { ?>
+                                                    <button type="button" class="btn btn-primary btn-sm a1"
+                                                        onclick="appendFilesFileds()" id="day"
+                                                        style="display: inline-block;">
+                                                        Add New File
+                                                    </button>
+                                                </div>
+                                                    
+                                                   <?php foreach ($emp_data as $key => $value) { ?>
 
-                                                            <div class="row">
-                                                                <div class="col-md-4">
-                                                                    <span>File Name</span>
-                                                                    <input type="text" maxlength="255" class="form-control"
-                                                                        value="<?php echo $value['file_name']; ?>" readonly>
-                                                                </div>
-                                                                <div class="col-md-1" style="margin-top: 25px;">
-                                                                    <a href="<?php echo base_url() . 'public/uploads/images/emp_files/' . $value['emp_file']; ?>"
-                                                                        download>
-                                                                        <i class="fa fa-download" aria-hidden="true"
-                                                                            style="font-size: 25px;"></i>
-                                                                    </a>
-                                                                </div>
-                                                                <div class="col-md-5" style="margin-top: 23px;">
-                                                                    <button type="button" class="btn btn-danger btn-sm"
-                                                                        id="<?= $value['id']; ?>"
-                                                                        onclick="removeContact(this)">Delete</button>
-                                                                </div>
+                                                        <div class="row">
+                                                            <div class="col-md-4">
+                                                                <span>File Name</span>
+                                                                <input type="text" maxlength="255" class="form-control"
+                                                                    value="<?php echo $value['file_name']; ?>" readonly>
                                                             </div>
+                                                            <div class="col-md-1" style="margin-top: 25px;">
+                                                                <a href="<?php echo base_url() . 'public/uploads/images/emp_files/' . $value['emp_file']; ?>"
+                                                                    download>
+                                                                    <i class="fa fa-download" aria-hidden="true"
+                                                                        style="font-size: 25px;"></i>
+                                                                </a>
+                                                            </div>
+                                                            <div class="col-md-5" style="margin-top: 23px;">
+                                                                <button type="button" class="btn btn-danger btn-sm"
+                                                                    id="<?= $value['id']; ?>"
+                                                                    onclick="removeContact(this)">Delete</button>
+                                                            </div>
+                                                        </div>
 
-                                                        <?php }
-                                                    } else { ?>
+                                                    <?php }
+                                                } else { ?>
+                                                    <div class="row">
                                                         <div class="col-md-4">
                                                             <span>File Name</span>
-                                                            <input type="text" id="file_name" name="file_name[]" maxlength="255"
-                                                                class="form-control">
+                                                            <input type="text" id="file_name" name="file_name[]"
+                                                                maxlength="255" class="form-control">
                                                         </div>
                                                         <div class="col-md-4">
                                                             <span>File</span>
@@ -921,17 +999,20 @@ if (!empty($EmpDetails)) {
                                                                 Add
                                                             </button>
                                                         </div>
-                                                    <?php } ?>
+                                                    </div>
 
-                                                    <div id="filesContainer" class="col-12"></div>
-                                                    <!-- </div> -->
+                                                <?php } ?>
+
+                                                <div id="filesContainer" class="col-12"></div>
+                                                <!-- </div> -->
                                                 <!-- </div> -->
                                             </div>
                                         </div>
 
                                     </form>
                                     <ul class="list-inline wizard mb-0">
-                                        <li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
+                                        <li class="previous list-inline-item"><a href="javascript: void(0);"
+                                                class="btn btn-secondary">Previous</a>
                                         </li>
                                         <!-- <li class="next list-inline-item float-right"> -->
                                         <button type="submit" class="btn btn-primary submit float-right">Submit</button>
@@ -952,7 +1033,7 @@ if (!empty($EmpDetails)) {
         if (input.files && input.files[0]) {
             var reader = new FileReader();
 
-            reader.onload = function(e) {
+            reader.onload = function (e) {
                 $('#profilepicture')
                     .attr('src', e.target.result)
                     .width(166)
@@ -964,11 +1045,9 @@ if (!empty($EmpDetails)) {
         }
     }
 
-    $(function() {
-        $('#checksame').click(function() {
-            if ($('#checksame').prop('checked'))
-
-            {
+    $(function () {
+        $('#checksame').click(function () {
+            if ($('#checksame').prop('checked')) {
 
                 $('#permanentaddress').val($('#currentaddress').val());
 
@@ -1306,7 +1385,7 @@ if (!empty($EmpDetails)) {
 
     }
 
-    $(function() {
+    $(function () {
         var d = new Date();
 
         var month = d.getMonth();
@@ -1368,7 +1447,7 @@ if (!empty($EmpDetails)) {
 
     }
 
-    $(document).ready(function() {
+    $(document).ready(function () {
         $("#gender").select2();
         $("#bloodgroup").select2();
         $("#MartialStatus").select2();
@@ -1376,7 +1455,7 @@ if (!empty($EmpDetails)) {
         $("#departmentname").select2();
         $("#eduqualifaction").select2();
         $("#work_location").select2();
-        document.getElementById('aadharno').addEventListener('input', function(e) {
+        document.getElementById('aadharno').addEventListener('input', function (e) {
             e.target.value = e.target.value.replace(/[^\d]/g, '').replace(/(.{4})/g, '$1 ').trim();
         });
     });
@@ -1457,7 +1536,7 @@ if (!empty($EmpDetails)) {
                 },
                 type: "POST",
                 url: "<?php echo base_url(); ?>deleteEmployeeFile",
-                success: function(data) {
+                success: function (data) {
                     if (data) {
                         alert("File removed");
                         return false;
@@ -1480,7 +1559,7 @@ if (!empty($EmpDetails)) {
     }
 
 
-    $("#email").change(function() {
+    $("#email").change(function () {
 
         var id = $('#email').val();
         if (validateEmail()) {
@@ -1491,7 +1570,7 @@ if (!empty($EmpDetails)) {
 
                 type: "POST",
                 url: "<?php echo base_url(); ?>employeedetails/CheckEmail",
-                success: function(data) {
+                success: function (data) {
                     if (data) {
                         alert(data + "" +
                             " Employee already exists in the database.Please Change the mail id");
@@ -1504,7 +1583,7 @@ if (!empty($EmpDetails)) {
         }
 
     });
-    $('#panno').change(function() {
+    $('#panno').change(function () {
 
         var id = $('#panno').val();
         if (id != '') {
@@ -1515,7 +1594,7 @@ if (!empty($EmpDetails)) {
 
                 type: "POST",
                 url: "<?php echo base_url(); ?>employeedetails/checkPAN",
-                success: function(data) {
+                success: function (data) {
                     if (data) {
                         alert(data + "" +
                             " Employee already exists in the database.Please Change the Pan Card Number"
@@ -1531,7 +1610,7 @@ if (!empty($EmpDetails)) {
         }
 
     });
-    $('#aadharno').change(function() {
+    $('#aadharno').change(function () {
 
         var id = $('#aadharno').val();
         if (id != '') {
@@ -1541,7 +1620,7 @@ if (!empty($EmpDetails)) {
                 },
                 type: "POST",
                 url: "<?php echo base_url(); ?>employeedetails/checkAadharNo",
-                success: function(data) {
+                success: function (data) {
                     if (data) {
                         alert(data + "" +
                             " Employee already exists in the database.Please Change the Aadhar card Number"
@@ -1558,7 +1637,7 @@ if (!empty($EmpDetails)) {
 
     });
 
-    $('#bankbranchname').change(function() {
+    $('#bankbranchname').change(function () {
 
         var bank = $('#bankbranchname').val();
 
@@ -1566,7 +1645,7 @@ if (!empty($EmpDetails)) {
 
             var y = <?php echo json_encode($bankdetails, JSON_PRETTY_PRINT) ?>;
 
-            $.each(y, function(idx, obj) {
+            $.each(y, function (idx, obj) {
 
                 if (bank == obj.Bank_name) {
                     $("#ifsccode").val(obj.IFSC);
@@ -1579,8 +1658,8 @@ if (!empty($EmpDetails)) {
     });
 
 
-    $(document).ready(function() {
-        $('.next').click(function(e) {
+    $(document).ready(function () {
+        $('.next').click(function (e) {
             e.preventDefault(); // Prevent default action
 
             var isValid = true;
@@ -1589,7 +1668,7 @@ if (!empty($EmpDetails)) {
             var $forms = $('.tab-pane form');
 
             // Validate all forms before proceeding
-            $forms.each(function(index) {
+            $forms.each(function (index) {
                 var $form = $(this);
                 if (index <= currentIndex) {
                     // Only validate forms up to the current tab
@@ -1620,12 +1699,12 @@ if (!empty($EmpDetails)) {
             }
         });
 
-        $('.submit').click(function(e) {
+        $('.submit').click(function (e) {
             e.preventDefault();
             var isValid = true;
-            var combinedFormData = new FormData(); 
+            var combinedFormData = new FormData();
             var formIds = ['#accountForm', '#profileForm', '#bankForm', '#proofForm', '#fileForm']; // Add all your form IDs here
-            formIds.forEach(function(formId) {
+            formIds.forEach(function (formId) {
                 var $form = $(formId);
 
                 if (!$form[0].checkValidity()) {
@@ -1634,13 +1713,13 @@ if (!empty($EmpDetails)) {
                     return false; // Break the loop if any form is invalid
                 }
                 // Append the form data to FormData
-                $form.serializeArray().forEach(function(field) {
+                $form.serializeArray().forEach(function (field) {
                     combinedFormData.append(field.name, field.value);
                 });
                 // Handle file inputs separately
-                $form.find('input[type="file"]').each(function() {
+                $form.find('input[type="file"]').each(function () {
                     var input = $(this);
-                    $.each(input[0].files, function(i, file) {
+                    $.each(input[0].files, function (i, file) {
                         combinedFormData.append(input.attr('name'), file);
                     });
                 });
@@ -1658,9 +1737,9 @@ if (!empty($EmpDetails)) {
                 data: combinedFormData,
                 processData: false, // Prevent jQuery from processing the data
                 contentType: false, // Prevent jQuery from setting the content type
-                success: function(response) {
+                success: function (response) {
                     console.log(response);
-                    
+
                     console.log('Form submitted successfully:', response == 'true');
                     if (response == 'true') {
                         window.location.href = '<?php echo base_url("employeeListing"); ?>';
@@ -1668,7 +1747,7 @@ if (!empty($EmpDetails)) {
                         alert('Employee details Not Update...');
                     }
                 },
-                error: function(error) {
+                error: function (error) {
                     console.log('Form submission failed:', error);
                 }
             });
@@ -1689,7 +1768,7 @@ if (!empty($EmpDetails)) {
         }
 
         // Handle form submission
-        $('#fileForm').on('submit', function(event) {
+        $('#fileForm').on('submit', function (event) {
             event.preventDefault(); // Prevent default form submission
             // Your form submission logic here
         });