505 lines
20 KiB
PHP
505 lines
20 KiB
PHP
<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>
|