<div class="wraper responsive-width">
<main>
<div class="admin_tempblock">
<div class="admin_tempsec">
<div class="admin_sec">
<div class="subsec_sec">
<div class="subject_r subject_r_lng">
<div class="subject_lsec">
<div class="pr-5 ">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?= base_url() . 'dashboard' ?>">Dashboard</a></li>
<li class="breadcrumb-item"><a href="<?= base_url() . 'staffs' ?>">Staffs</a></li>
<li class="breadcrumb-item active" aria-current="page"><?= $title ?></li>
</ol>
</nav>
</div>
<!-- -->
<?php if ($this->session->flashdata('success')) { ?>
<div class="alert alert-success alert-dismissible fade show mr-5" role="alert">
<p><b>Success ! </b><?php echo $this->session->flashdata('success') ?></p>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<?php } ?>
<?php if ($this->session->flashdata('danger')) { ?>
<div class="alert alert-danger alert-dismissible fade show mr-5" role="alert">
<p><b>Error ! </b><?php echo $this->session->flashdata('danger') ?></p>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<?php } ?>
<form action="<?= base_url(); ?>ae-staff/0" method="POST" enctype="multipart/form-data">
<div class="card mr-5 mt-4">
<div class="card-header">
Basic Info
</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="col form-group ">
<label class="has-float-label">
<select id="role" class="form-control custom-select" placeholder="Role" name="role" required>
<?php
foreach ($staff_roles as $role_key => $role) {
?>
<option value="<?= $role['id'] ?>" <?= $role_key == 0 ? 'selected' : '' ?>>
<?= $role['title'] ?>
</option>
<?php
}
?>
</select>
<span>Role <b class="text-danger">*</b></span>
</label>
</div>
<div class="col form-group px-0">
<label class="has-float-label">
<select id="department" class="form-control custom-select" placeholder="Department" name="department">
<option value="" selected>
Select Department
</option>
<?php
foreach ($department_list as $department_key => $department) {
?>
<option value="<?= $department['id'] ?>">
<?= $department['title'] ?>
</option>
<?php
}
?>
</select>
<span>Department</span>
</label>
</div>
<div class="col form-group ">
<label class="has-float-label">
<select id="designation" class="form-control custom-select" placeholder="Designation" name="designation">
<option value="" selected>
Select Designation
</option>
<?php
foreach ($designation_list as $designation_key => $designation) {
?>
<option value="<?= $designation['id'] ?>">
<?= $designation['title'] ?>
</option>
<?php
}
?>
</select>
<span>Designation</span>
</label>
</div>
<div class="w-100 my-0"></div>
<div class="col form-group">
<label class="has-float-label">
<input type="text" id="name" name="name" class=" form-control" placeholder='Enter Full Name' required>
<span>Full Name <b class="text-danger">*</b></span>
</label>
</div>
<div class="col form-group px-0">
<label class="has-float-label">
<input type="text" id="father_name" name="father_name" class=" form-control" placeholder='Enter Father Name'>
<span>Father Name</span>
</label>
</div>
<div class="col form-group ">
<label class="has-float-label">
<input type="text" id="mother_name" name="mother_name" class=" form-control" placeholder='Enter Mother Name'>
<span>Mother Name</span>
</label>
</div>
<div class="w-100 my-0"></div>
<div class="col form-group ">
<label class="has-float-label">
<select id="gender" class="form-control custom-select" placeholder="Gender" name="gender" required>
<option value="" selected>
Select Gender
</option>
<option value="male">
Male
</option>
<option value="female">
Female
</option>
<option value="other">
Others
</option>
</select>
<span>Gender <b class="text-danger">*</b></span>
</label>
</div>
<div class="col form-group px-0">
<label class="has-float-label">
<select id="martial_status" class="form-control custom-select" placeholder="martial_status" name="martial_status" required>
<option value="" selected>
Select Martial Status
</option>
<option value="married">
Married
</option>
<option value="unmarried">
Unmarried
</option>
</select>
<span>Martial Status <b class="text-danger">*</b></span>
</label>
</div>
<div class="col form-group ">
<label class="has-float-label">
<input type="text" name="sdob" id='sdob' class="nepal-date sdob form-control" placeholder=" DOB (In B.S.) (YYYY-mm-dd)" width="100%" required>
<span>Date Of Birth (In B.S.) <b class="text-danger">*</b></span>
</label>
</div>
<div class="w-100 my-0"></div>
<div class="col form-group mb-0">
<label class="has-float-label">
<input type="text" id="qualifications" name="qualifications" class=" form-control" placeholder='Qualifications'>
<span>Qualifications</span>
</label>
</div>
<div class="col form-group px-0 mb-0">
<label class="has-float-label">
<input type="text" id="experience" name="experience" class="form-control" placeholder='Experience'>
<span>Experience</span>
</label>
</div>
<div class="col form-group mb-0">
<label class="has-float-label">
<input type="text" value="<?= $today_date ?>" name="date_of_joining" id='date_of_joining' class="nepal-date date_of_joining form-control" placeholder=" Date of Joining (In B.S.) (YYYY-mm-dd)" width="100%" required>
<span>Date Of Joining (In B.S.) <b class="text-danger">*</b></span>
</label>
</div>
</div>
</div>
</div>
<div class="card mr-5 mt-4">
<div class="card-header">
Contact Details
</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="col form-group mb-0">
<label class="has-float-label">
<input type="email" id="email" name="email" class=" form-control" placeholder='Enter Email Address' required>
<span>Email Address <b class="text-danger">*</b></span>
</label>
</div>
<div class="col form-group px-0 mb-0">
<label class="has-float-label">
<input type="text" id="mobile" name="mobile" class=" form-control" placeholder='Enter Contact Number' required>
<span>Contact Number <b class="text-danger">*</b></span>
</label>
</div>
<div class="col form-group mb-0">
<label class="has-float-label">
<input type="text" id="emergency_number" name="emergency_number" class="form-control" placeholder='Enter Emercengy Contact Number'>
<span>Emergency Contact Number</span>
</label>
</div>
<div class="w-100 my-0"></div>
</div>
</div>
</div>
<div class="card mr-5 mt-4">
<div class="card-header">
Address Details
</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="col form-group mb-0">
<label class="has-float-label">
<input type="text" id="address" name="address" class=" form-control" placeholder='Enter Address' required>
<span>Address <b class="text-danger">*</b></span>
</label>
</div>
<div class="col form-group px-0 mb-0">
<label class="has-float-label">
<select id="department" class="form-control custom-select" placeholder="Province" name="province" required>
<option value="" selected>
Select Province
</option>
<?php
foreach ($provinces as $province_key => $province) {
?>
<option value="<?= $province['id'] ?>">
<?= $province['name'] ?>
</option>
<?php
}
?>
</select>
<span>Province <b class="text-danger">*</b></span>
</label>
</div>
<div class="col form-group mb-0">
<label class="has-float-label">
<select id="department" class="form-control custom-select" placeholder="Country" name="country">
<option value="Nepal" selected>
Nepal
</option>
</select>
<span>Country</span>
</label>
</div>
</div>
</div>
</div>
<div class="card mr-5 mt-4">
<div class="card-header">
Payroll Details
</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="col form-group mb-0">
<label class="has-float-label">
<input type="text" id="epf_no" name="epf_no" class=" form-control" placeholder='Enter Employee Provident Fund Number'>
<span>EPF No.</span>
</label>
</div>
<div class="col form-group px-0 mb-0">
<label class="has-float-label">
<input type="number" id="basic_salary" name="basic_salary" class=" form-control" placeholder='Enter Basic Salary (In <?= $school_info['currency_symbol'] ?>.)' required>
<span>Basic Salary <b class="text-danger">* </b></span>
</label>
</div>
<div class="col form-group">
<label class="has-float-label">
<select id="contract_type" class="form-control custom-select" placeholder="Contract Type" name="contract_type">
<option value="permanent" selected>
Permanent
</option>
<option value="temporary">
Contract
</option>
</select>
<span>Staff Status</span>
</label>
</div>
<div class="col form-group mb-0">
<label class="has-float-label">
<input type="text" id="pan" name="pan" class=" form-control" placeholder='Enter Staff PAN'>
<span>PAN</span>
</label>
</div>
</div>
</div>
</div>
<div class="card mr-5 mt-4">
<div class="card-header">
Bank Details
</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="col form-group">
<label class="has-float-label">
<input type="text" id="bank_account_name" name="bank_account_name" class=" form-control" placeholder='Enter Bank Account Name'>
<span>Bank Account Name</span>
</label>
</div>
<div class="col form-group px-0 mb-0">
<label class="has-float-label">
<input type="text" id="bank_account_number" name="bank_account_number" class=" form-control" placeholder='Enter Bank Account Number'>
<span>Bank Account Number</span>
</label>
</div>
<div class="col form-group mb-0">
<label class="has-float-label">
<input type="text" id="bank_name" name="bank_name" class=" form-control" placeholder='Enter Bank Name'>
<span>Bank Name</span>
</label>
</div>
<div class="w-100 my-0"></div>
<div class="col form-group mb-0">
<label class="has-float-label">
<input type="text" id="bank_branch" name="bank_branch" class=" form-control" placeholder='Enter Bank Branch'>
<span>Bank Branch</span>
</label>
</div>
<div class="col form-group px-0 mb-0">
</div>
<div class="col form-group mb-0">
</div>
</div>
</div>
</div>
<div class="card mr-5 mt-4">
<div class="card-header">
Document Details
</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="col form-group">
<label class="has-float-label">
<select id="document_type" class="form-control custom-select" placeholder="Document Type" name="document_type">
<option value="" selected>
Select Document Type
</option>
<option value="citizenship">
Citizenship
</option>
<option value="driving_licensce">
Driving Licensce
</option>
<option value="pan">
PAN
</option>
</select>
<span>Document Type</span>
</label>
</div>
<div class="col form-group px-0">
<label class="has-float-label">
<input type="text" id="document_id" name="document_id" class=" form-control" placeholder='Enter Document ID'>
<span>Document ID</span>
</label>
</div>
<div class="col form-group"></div>
<div class="w-100"></div>
<div class="col form-group mb-0 py-2 pl-r">
<div class="border rounded p-3">
<label class="has-float-label">
<input type="file" id="photo" name="photo" class=" form-control" accept="image/*">
</label>
<div class="col-md-12 mx-auto mt-2 mb-0 text-center" style="font-size:12px; margin: auto; font-weight: 600">
Photo
</div>
</div>
</div>
<div class="col form-group mb-0 py-2 pr-0 pl-0">
<div class="border rounded p-3">
<label class="has-float-label">
<input type="file" id="document_image" name="document_image" class=" form-control" accept="image/*">
</label>
<div class="col-md-12 mx-auto mt-2 mb-0 text-center" style="font-size:12px; margin: auto; font-weight: 600">
Document Image
</div>
</div>
</div>
<div class="col form-group mb-0 py-2">
<div class="border rounded p-3">
<label class="has-float-label">
<input type="file" id="other_document" name="other_document" class=" form-control" accept=".doc, .docx, .pdf, image/*">
</label>
<div class="col-md-12 mx-auto mt-2 mb-0 text-center" style="font-size:12px; margin: auto; font-weight: 600">
Other Document
</div>
</div>
</div>
<div class="w-100"></div>
<div class="col form-group mb-0 py-2 pl-r">
<div class="border rounded p-3">
<label class="has-float-label">
<input type="file" id="resume" name="resume" class=" form-control">
</label>
<div class="col-md-12 mx-auto mt-2 mb-0 text-center" style="font-size:12px; margin: auto; font-weight: 600" accept=".doc, .docx, .pdf">
Resume
</div>
</div>
</div>
<div class="col form-group mb-0 py-2 pr-0 pl-0">
<div class="border rounded p-3">
<label class="has-float-label">
<input type="file" id="joining_letter" name="joining_letter" class=" form-control" accept=".doc, .docx, .pdf">
</label>
<div class="col-md-12 mx-auto mt-2 mb-0 text-center" style="font-size:12px; margin: auto; font-weight: 600">
Joining Letter
</div>
</div>
</div>
<div class="col form-group mb-0 py-2"></div>
</div>
</div>
</div>
</div>
<div class="mt-3">
<input type="submit" name="submit" class="btn btn-sm btn-success px-5" value="<?= $title ?>">
</div>
<!-- </div> -->
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<!--End right-top side-->
<!-- <script src="<?php echo base_url(); ?>assets-bustracking/js/jquery-3.2.1.slim.min.js"></script> -->
<script src="<?php echo base_url(); ?>assets-bustracking/js/jquery-3.4.1.min.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/js/popper.min.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/js/bootstrap.min.js"></script>
<script defer src="<?php echo base_url(); ?>assets-bustracking/js/main.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/js/jquery.dataTables.min.js"></script>
<script defer src="<?php echo base_url(); ?>assets-bustracking/js/all.js"></script>
<script defer src="<?php echo base_url(); ?>assets-bustracking/js/main.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/owl-carousel/js/owl.carousel.min.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/js/nepali.datepicker.v3.7.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
//table js
$('#tbl').DataTable({
"lengthMenu": [
[25, 50, 100, 150, -1],
[25, 50, 100, 150, "All"]
]
});
//table js end
});
$('#is_active').on('change', function() {
console.log('yes');
$('#status_change').val('yes');
});
$('input').on("keydown", function(e) {
/* ENTER PRESSED*/
console.log(e.keyCode);
if (e.keyCode == 13) {
/* FOCUS ELEMENT */
var inputs = $(this).parents("form").eq(0).find(":input");
var idx = inputs.index(this);
console.log(idx);
if (idx == inputs.length - 1) {
inputs[0].select()
} else {
inputs[idx + 1].focus(); // handles submit buttons
inputs[idx + 1].select();
}
e.preventDefault();
return false;
} else {
return true;
// e.preventDefault();
}
});
</script>