<style> .has-float-label label, .has-float-label > span { font-size: 90%; } </style> <?php $theExportHeader = 'Staff List'; if (isset($school_info) && !empty($school_info)) { $theExportHeader = $school_info['school_name'].' - '.$theExportHeader.'-'.$today_date; } ?> <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 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 mb-0" role="alert"> <p><?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 mb-0" role="alert"> <p><?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 } ?> <div class="pr-5"> <div class="py-2"> <a href="<?= base_url(); ?>ae-staff/0" type="button" class="btn btn-sm btn-outline-success float-right"> <i class="fa fa-plus "></i> Add New Staff </a> <div class="clearfix"></div> </div> <div class="border py-3 px-4"> <!-- --> <table id="tbl" class="display table-responsive"> <thead> <tr> <th class="textCenter">S.No</th> <th class="textCenter no-sort">Staff Id</th> <th class="textCenter no-sort">Name</th> <th class="textCenter no-sort">Role</th> <th class="textCenter no-sort">Department</th> <th class="textCenter no-sort">Designation</th> <th class="textCenter no-sort">Contact No.</th> <th class="textCenter no-sort">Joined Date</th> <th class="textCenter no-sort">Is Active</th> <th class="textCenter no-sort noExport">Action</th> </tr> </thead> <tbody> <?php foreach ($staff_list as $staff_key => $staff) { // echo '<pre>'; // print_r($staff); $baseUrl = str_replace('/hr', '', base_url()); if (empty($staff['photo'])) { $staffPhoto = $baseUrl . "common_assets/user.png"; } else { $photoUrl = '../assets_admin/images/teacher-profile/' . $staff['photo']; if (file_exists($photoUrl)) { $staffPhoto = $baseUrl . "assets_admin/images/teacher-profile/" . $staff['photo']; // $staffPhoto = $baseUrl . "common_assets/user.png"; } else { $staffPhoto = $baseUrl . "common_assets/user.png"; } } if (empty($staff['document_photo_1'])) { $documentPhoto = $baseUrl . "common_assets/No-Image.jpg"; } else { $documentPhotoURL = '../assets_admin/docs/staff-documents/' . $staff['document_photo_1']; if (file_exists($documentPhotoURL)) { $documentPhoto = $baseUrl . "assets_admin/docs/staff-documents/" . $staff['document_photo_1']; // $staffPhoto = $baseUrl . "common_assets/user.png"; } else { $documentPhoto = $baseUrl . "common_assets/No-Image.jpg"; } } if (empty($staff['resume'])) { $staffResume = $baseUrl . "common_assets/No-Image.jpg"; } else { $resumeURL = '../assets_admin/docs/staff-documents/' . $staff['resume']; if (file_exists($resumeURL)) { $staffResume = $baseUrl . "assets_admin/docs/staff-documents/" . $staff['resume']; // $staffPhoto = $baseUrl . "common_assets/user.png"; } else { $staffResume = $baseUrl . "common_assets/No-Image.jpg"; } } if (empty($staff['joining_letter'])) { $joiningLetter = $baseUrl . "common_assets/No-Image.jpg"; } else { $documentPhotoURL = '../assets_admin/docs/staff-documents/' . $staff['joining_letter']; if (file_exists($documentPhotoURL)) { $joiningLetter = $baseUrl . "assets_admin/docs/staff-documents/" . $staff['joining_letter']; // $staffPhoto = $baseUrl . "common_assets/user.png"; } else { $joiningLetter = $baseUrl . "common_assets/No-Image.jpg"; } } if (empty($staff['other_document'])) { $otherDocument = $baseUrl . "common_assets/No-Image.jpg"; } else { $otherDocumentURL = '../assets_admin/docs/staff-documents/' . $staff['other_document']; if (file_exists($otherDocumentURL)) { $otherDocument = $baseUrl . "assets_admin/docs/staff-documents/" . $staff['other_document']; // $staffPhoto = $baseUrl . "common_assets/user.png"; } else { $otherDocument = $baseUrl . "common_assets/No-Image.jpg"; } } $address = array(); $address[0] = $staff['address']; foreach ($provinces as $p_key => $province) { if ($province['id'] == $staff['province']) { // $address[0] = $province['id']; array_push($address, $province['name']); } } array_push($address, $staff['country']); ?> <tr> <td><?= $staff_key + 1 ?></td> <td><?= $staff['staffId'] ?></td> <td><?= $staff['name'] ?></td> <td><?= $staff['role_title'] ?></td> <td><?= $staff['department_title'] ?></td> <td><?= $staff['designation_title'] ?></td> <td><?= $staff['mobile'] ?></td> <td><?= $staff['date_of_joining'] ?></td> <td><?= ucfirst($staff['is_active']) ?></td> <td> <button type="button" class="btn btn-sm btn-outline-primary" data-toggle="modal" data-target="#updateModal<?= $staff['id'] ?>"> <i class="fa fa-edit"></i> </button> <button type="button" class="btn btn-sm btn-outline-primary" data-toggle="modal" data-target="#staffDetailModal<?= $staff['id'] ?>"> <i class="fa fa-eye"></i> </button> <!-- Staff Detail Update Modal --> <div class="modal fade" id="updateModal<?= $staff['id'] ?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-center" id="exampleModalLabel"><?= $staff['name'] ?></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form action="<?= base_url(); ?>staffs" method="POST" onkeydown=" return event.key != 'Enter'" enctype="multipart/form-data"> <div class="modal-body"> <input type="hidden" name="staffId" value="<?= $staff['id'] ?>"> <div class="card"> <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"> <input type="text" id="theStaffId" name="theStaffId" class=" form-control" placeholder='Staff Id' value="<?= $staff['staffId'] ?>" readonly> <span style="background-color: none;">Staff ID</span> </label> </div> <div class="col form-group px-0"> <label class="has-float-label"> <select id="is_active" class="form-control custom-select" placeholder="Is Active" name="is_active"> <option value=""> Select Status </option> <option value="yes" <?= $staff['is_active'] == 'yes' ? 'selected' :'' ?>>Yes</option> <option value="no" <?= $staff['is_active'] == 'no' ? 'selected' :'' ?>>No</option> </select> <span>Is Active</span> </label> </div> <div class="col form-group"> </div> <div class="w-100 my-0"></div> <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'] ?>" <?= $staff['role'] == $role['id'] ? '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=""> Select Department </option> <?php foreach ($department_list as $department_key => $department) { ?> <option value="<?= $department['id'] ?>" <?= $staff['department'] == $department['id'] ? 'selected' :'' ?>> <?= $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'] ?>" <?= $staff['designations'] == $designation['id'] ? 'selected' :'' ?>> <?= $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' value="<?= $staff['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' value="<?= $staff['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' value="<?= $staff['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="male" <?= $staff['gender'] == 'male' ? 'selected' :'' ?>> Male </option> <option value="female" <?= $staff['gender'] == 'female' ? 'selected' :'' ?>> Female </option> <option value="other" <?= $staff['gender'] == 'other' ? 'selected' :'' ?>> 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="married" <?= $staff['martial_status'] == 'married' ? 'selected' :'' ?>> Married </option> <option value="unmarried" <?= $staff['martial_status'] == 'unmarried' ? 'selected' :'' ?>> 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%" value="<?= $staff['dob'] ?>" 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' value="<?= $staff['qualification'] ?>"> <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' value="<?= $staff['experience'] ?>"> <span>Experience</span> </label> </div> <div class="col form-group mb-0"> <label class="has-float-label"> <input type="text" value="<?= $staff['date_of_joining'] ?>" 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 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' value="<?= $staff['email'] ?>" 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' value="<?= $staff['mobile'] ?>" 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" value="<?= $staff['emergency_number'] ?>" 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 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" value="<?= $staff['address'] ?>" 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'] ?>" <?= $staff['province'] == $province['id'] ? 'selected' : '' ?>> <?= $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 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" value="<?= $staff['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" value="<?= $staff['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 mb-0"> <label class="has-float-label"> <select id="contract_type" class="form-control custom-select" placeholder="Contract Type" name="contract_type"> <option value="permanent" <?= $staff['contract_type'] == 'permanent' ? 'selected' : ''?>> Permanent </option> <option value="temporary" <?= $staff['contract_type'] == 'temporary' ? 'selected' : ''?>> Contract </option> </select> <span>Staff Status</span> </label> </div> <div class="col form-group mb-0 pl-0"> <label class="has-float-label"> <input type="text" id="pan" name="pan" value="<?= $staff['pan'] ?>" class=" form-control" placeholder='Enter Staff PAN'> <span>PAN</span> </label> </div> </div> </div> </div> <div class="card 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" value="<?= $staff['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" value="<?= $staff['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" value="<?= $staff['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" value="<?= $staff['branch_name'] ?>" 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 mt-4"> <div class="card-header"> Document Details </div> <div class="card-body"> <div class="row justify-content-center"> <div class="col form-group mb-0"> <label class="has-float-label"> <select id="document_type" class="form-control custom-select" placeholder="Document Type" name="document_type"> <option value=""> Select Document Type </option> <option value="citizenship" <?= $staff['document_type'] == 'citizenship' ? 'selected' : '' ?>> Citizenship </option> <option value="driving_licensce" <?= $staff['document_type'] == 'driving_licensce' ? 'selected' : '' ?>> Driving Licensce </option> <option value="pan" <?= $staff['document_type'] == 'pan' ? 'selected' : '' ?>> PAN </option> </select> <span>Document Type</span> </label> </div> <div class="col form-group px-0 mb-0"> <label class="has-float-label"> <input type="text" id="document_id" value="<?= $staff['document_id'] ?>" name="document_id" class=" form-control" placeholder='Enter Document ID'> <span>Document ID</span> </label> </div> <div class="col form-group mb-0"></div> </div> <hr> <div class="row justify-content-center"> <div class="col-sm-4 text-left my-auto"> <p class="mb-0">Photo</p> </div> <div class="col-sm-8 text-left "> <a href="<?= $staffPhoto ?>" target="_blank"> <img src="<?= $staffPhoto ?>" class="img-fluid img-thumbnail rounded-circle" width="100px"> </a> <div class="col-md-12 px-0 mt-2"> <input type="hidden" name="staffPhoto" value="<?= $staff['photo'] ?>"> <input type="file" id="photo" name="photo" class="col-md-6 form-control" accept="image/*"> </div> </div> </div> <hr> <div class="row justify-content-center"> <div class="col-sm-4 text-left my-auto"> <p class="mb-0">Document Image</p> </div> <div class="col-sm-8 text-left "> <a href="<?= $documentPhoto ?>" target="_blank"> <img src="<?= $documentPhoto ?>" class="img-fluid img-thumbnail" width="120px"> </a> <div class="col-md-12 px-0 mt-2"> <input type="hidden" name="staffDocImg" value="<?= $staff['document_photo_1'] ?>"> <input type="file" id="document_image" name="document_image" class="col-md-6 form-control" accept="image/*"> </div> </div> </div> <hr> <div class="row justify-content-center"> <div class="col-sm-4 text-left my-auto"> <p class="mb-0">Other Document</p> </div> <div class="col-sm-8 text-left "> <?php $od_ext = pathinfo($otherDocument, PATHINFO_EXTENSION); ?> <?php $fileExtArray = ['pdf', 'doc', 'docx']; if(!in_array($od_ext, $fileExtArray)){ ?> <a href="<?= $documentPhoto ?>" target="_blank"> <img src="<?= $otherDocument ?>" class="img-fluid img-thumbnail" width="120px"> </a> <?php }else{?> <a href="<?= $otherDocument ?>" target="_blank" class="btn btn-sm btn-outline-primary"> <i class="fa fa-eye" aria-hidden="true"></i> Click To View </a> <?php } ?> <div class="col-md-6 px-0 mt-2"> <input type="hidden" name="staffOtherDoc" value="<?= $staff['other_document'] ?>"> <input type="file" id="other_document" name="other_document" class=" form-control" accept=".doc, .docx, .pdf, image/*"> </div> </div> </div> <hr> <div class="row justify-content-center"> <div class="col-sm-4 text-left my-auto"> <p class="mb-0">Resume</p> </div> <div class="col-sm-8 text-left "> <?php if(!empty($staff['resume'])){ ?> <a href="<?= $staffResume ?>" target="_blank" class="btn btn-sm btn-outline-primary"> <i class="fas fa-file-pdf"></i> Click To View </a> <?php }else{ ?> <i class="fas fa-file-pdf"></i> No attachment found <?php } ?> <div class="col-md-6 px-0 mt-2"> <input type="hidden" name="staffResume" value="<?= $staff['resume'] ?>"> <input type="file" id="resume" name="resume" class=" form-control" accept=".pdf"> </div> </div> </div> <hr> <div class="row justify-content-center"> <div class="col-sm-4 text-left my-auto"> <p class="mb-0">Joining Letter</p> </div> <div class="col-sm-8 text-left "> <?php if(!empty($staff['joining_letter'])){ ?> <a href="<?= $joiningLetter ?>" target="_blank" class="btn btn-sm btn-outline-primary"> <i class="fas fa-file-pdf"></i> Click To View </a> <?php }else{ ?> <i class="fas fa-file-pdf"></i> No attachment found <?php } ?> <div class="col-md-6 px-0 mt-2"> <input type="hidden" name="staffJoiningLetter" value="<?= $staff['joining_letter'] ?>"> <input type="file" id="joining_letter" name="joining_letter" class=" form-control" accept=".pdf"> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-sm btn-danger" data-dismiss="modal">Close</button> <input type="submit" name="updateStaff" class="btn btn-sm btn-success" value="Update"> </div> </form> </div> </div> </div> <!-- Staff Details Modal --> <div class="modal fade" id="staffDetailModal<?= $staff['id'] ?>" tabindex="-1" role="dialog" aria-labelledby="staffDetailLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <img src="https://cdn-icons-png.flaticon.com/512/147/147142.png" width="50px" class="img-thumbnail img-fluid border-primary p-1 rounded-circle" alt=""> --> <h5 class="modal-title text-center" id="staffDetailLabel"><?= $staff['name'] ?></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="container"> <div class="row"> <div class="col-lg-8"> <div class="card mb-4"> <div class="card-header"> Basic Info </div> <div class="card-body"> <div class="row"> <div class="col-sm-4 text-left"> <p class="mb-0">Full Name</p> </div> <div class="col-sm-8 text-left"> <p class="text-muted mb-0"><?= ucfirst($staff['name']) ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-4 text-left"> <p class="mb-0">Gender</p> </div> <div class="col-sm-8 text-left"> <p class="text-muted mb-0"><?= !empty($staff['gender']) ? ucfirst($staff['gender']) : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-4 text-left"> <p class="mb-0">Date Of Birth</p> </div> <div class="col-sm-8 text-left"> <p class="text-muted mb-0"><?= !empty($staff['dob']) ? $staff['dob'] . ' B.S.' : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-4 text-left"> <p class="mb-0">Martial Status</p> </div> <div class="col-sm-8 text-left"> <p class="text-muted mb-0"><?= !empty($staff['martial_status']) ? ucfirst($staff['martial_status']) : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-4 text-left"> <p class="mb-0"> Father Name</p> </div> <div class="col-sm-8 text-left"> <p class="text-muted mb-0"><?= !empty($staff['father_name']) ? ucfirst($staff['martial_status']) : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-4 text-left"> <p class="mb-0">Mother Name</p> </div> <div class="col-sm-8 text-left"> <p class="text-muted mb-0"><?= !empty($staff['mother_name']) ? ucfirst($staff['martial_status']) : '-' ?></p> </div> </div> <hr> <?php if ($staff['department_title'] != '-') { ?> <div class="row"> <div class="col-sm-4 text-left"> <p class="mb-0">Department</p> </div> <div class="col-sm-8 text-left"> <p class="text-muted mb-0"><?= ucfirst($staff['department_title']) ?></p> </div> </div> <hr> <?php } ?> <div class="row"> <div class="col-sm-4 text-left"> <p class="mb-0"> Date Of Joining</p> </div> <div class="col-sm-8 text-left"> <p class="text-muted mb-0"><?= !empty($staff['date_of_joining']) ? ucfirst($staff['date_of_joining']) : '-' ?></p> </div> </div> <hr> </div> </div> </div> <div class="col-lg-4"> <div class="card mb-4"> <div class="card-body text-center"> <img src="<?= $staffPhoto ?>" alt="avatar" class="img-thumbnail img-fluid border-primary p-1 rounded-circle" style="width: 100px;"> <h5 class="mt-2 mb-1"><?= $staff['name'] ?></h5> <p class="text-dark small" style="font-weight: 600;"><?= $staff['staffId'] ?></p> <?php if ($staff['designation_title'] == '-') { ?> <p class="text-dark p-0" style="font-weight: 500;"> <?= $staff['role_title'] ?> <?php if ($staff['is_active'] == 'yes') { ?> <i class="fa fa-check-circle text-success" aria-hidden="true"></i> <?php } ?> </p> <?php } else { ?> <p class="text-dark p-0" style="font-weight: 500;"> <?= $staff['designation_title'] ?> </p> <?php } ?> </div> </div> </div> </div> <div class="row"> <div class="col-lg-6"> <div class="card mb-4"> <div class="card-header"> Contact Details </div> <div class="card-body"> <div class="row"> <div class="col-sm-5 text-left"> <p class="mb-0">Contact No.</p> </div> <div class="col-sm-7 text-left"> <p class="text-muted mb-0"><?= $staff['mobile'] ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-5 text-left"> <p class="mb-0">Emergency No.</p> </div> <div class="col-sm-7 text-left"> <p class="text-muted mb-0"><?= !empty($staff['emergency_number']) ? $staff['emergency_number'] : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-5 text-left"> <p class="mb-0">Email</p> </div> <div class="col-sm-7 text-left"> <p class="text-muted mb-0"><?= $staff['email'] ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-5 text-left"> <p class="mb-0">Address</p> </div> <div class="col-sm-7 text-left"> <p class="text-muted mb-0"><?= implode(', ', $address) ?></p> </div> </div> </div> </div> <div class="card mb-4"> <div class="card-header"> Document Details </div> <div class="card-body"> <div class="row"> <div class="col-sm-5 text-left"> <p class="mb-0">Document Type</p> </div> <div class="col-sm-7 text-left"> <p class="text-muted mb-0"><?= !empty($staff['document_type']) ? $staff['document_type'] : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-5 text-left"> <p class="mb-0">Document No.</p> </div> <div class="col-sm-7 text-left"> <p class="text-muted mb-0"><?= !empty($staff['document_id']) ? $staff['document_id'] : '-' ?></p> </div> </div> </div> </div> </div> <div class="col-lg-6"> <div class="card mb-4"> <div class="card-header"> Payroll Details </div> <div class="card-body"> <div class="row"> <div class="col-sm-5 text-left"> <p class="mb-0">EPF No.</p> </div> <div class="col-sm-7 text-left"> <p class="text-muted mb-0"><?= !empty($staff['epf_no']) ? $staff['epf_no'] : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-5 text-left"> <p class="mb-0">Basic Salary</p> </div> <div class="col-sm-7 text-left"> <p class="text-muted mb-0"><?= !empty($staff['basic_salary']) ? 'Rs. ' . (int) $staff['basic_salary'] . ' /-' : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-5 text-left"> <p class="mb-0">Status</p> </div> <div class="col-sm-7 text-left"> <p class="text-muted mb-0"><?= !empty($staff['contract_type']) ? ucfirst($staff['contract_type']) : '-' ?></p> </div> </div> </div> </div> <div class="card mb-4"> <div class="card-header"> Bank Details </div> <div class="card-body"> <div class="row"> <div class="col-sm-6 text-left"> <p class="mb-0">Bank Name</p> </div> <div class="col-sm-6 text-left"> <p class="text-muted mb-0"><?= !empty($staff['bank_name']) ? $staff['bank_name'] : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-6 text-left"> <p class="mb-0">Bank Branch</p> </div> <div class="col-sm-6 text-left"> <p class="text-muted mb-0"><?= !empty($staff['branch_name']) ? $staff['branch_name'] : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-6 text-left"> <p class="mb-0">Account Name</p> </div> <div class="col-sm-6 text-left"> <p class="text-muted mb-0"><?= !empty($staff['bank_account_name']) ? $staff['bank_account_name'] : '-' ?></p> </div> </div> <hr> <div class="row"> <div class="col-sm-6 text-left"> <p class="mb-0">Account Number</p> </div> <div class="col-sm-6 text-left"> <p class="text-muted mb-0"><?= !empty($staff['bank_account_number']) ? ucfirst($staff['bank_account_number']) : '-' ?></p> </div> </div> </div> </div> </div> </div> <div class="card mb-4"> <div class="card-header"> Documents & Images </div> <div class="card-body"> <div class="row justify-content-center"> <div class="col-sm-4 text-left my-auto"> <p class="mb-0">Document Image</p> </div> <div class="col-sm-8 text-left "> <a href="<?= $documentPhoto ?>" target="_blank"> <img src="<?= $documentPhoto ?>" class="img-fluid img-thumbnail" width="120px"> </a> </div> </div> <hr> <div class="row justify-content-center"> <div class="col-sm-4 text-left my-auto"> <p class="mb-0">Other Document</p> </div> <div class="col-sm-8 text-left"> <?php $od_ext = pathinfo($otherDocument, PATHINFO_EXTENSION); ?> <?php $fileExtArray = ['pdf', 'doc', 'docx']; if(!in_array($od_ext, $fileExtArray)){ ?> <a href="<?= $documentPhoto ?>" target="_blank"> <img src="<?= $otherDocument ?>" class="img-fluid img-thumbnail" width="120px"> </a> <?php }else{?> <a href="<?= $otherDocument ?>" target="_blank" class="btn btn-sm btn-outline-primary"> <i class="fa fa-eye" aria-hidden="true"></i> Click To View </a> <?php } ?> </div> </div> <hr> <div class="row justify-content-center"> <div class="col-sm-4 text-left my-auto"> <p class="mb-0">Resume</p> </div> <div class="col-sm-8 text-left"> <?php if(!empty($staff['resume'])){ ?> <a href="<?= $staffResume ?>" target="_blank" class="btn btn-sm btn-outline-primary"> <i class="fa fa-eye" aria-hidden="true"></i> Click To View </a> <?php }else{ ?> <i class="small font-italic">No attachment found</i> <?php } ?> </div> </div><hr> <div class="row justify-content-center"> <div class="col-sm-4 text-left my-auto"> <p class="mb-0">Joining Letter</p> </div> <div class="col-sm-8 text-left"> <?php if(!empty($staff['joining_letter'])){ ?> <a href="<?= $joiningLetter ?>" target="_blank" class="btn btn-sm btn-outline-primary"> <i class="fa fa-eye" aria-hidden="true"></i> Click To View </a> <?php }else{ ?> <i class="small font-italic">No attachment found</i> <?php } ?> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-sm btn-danger" data-dismiss="modal">Close</button> <!-- <input type="submit" name="updateDepartment" class="btn btn-sm btn-success" value="Update"> --> </div> </div> </div> </div> </td> </tr> <?php } ?> </tbody> </table> </div> </div> </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 type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/dataTables.buttons.min.js"></script> <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/pdfmake.min.js"></script> <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/vfs_fonts.js"></script> <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/buttons.html5.min.js"> </script> <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/jszip.min.js"> </script> <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/buttons.print.min.js"></script> <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/buttons.print.min.js"></script> <script> $(document).ready(function() { var jsTheExportHeader = '<?php echo $theExportHeader; ?>'; function readURL(input) { let fileSize = input.files[0].size; extension = $(input).val().split('.').pop().toLowerCase(); var fileExtension = ['jfif', 'jpeg', 'jpg', 'png', 'gif', 'jiff']; if ($.inArray($(input).val().split('.').pop().toLowerCase(), fileExtension) == -1) { alert("Only formats are allowed : " + fileExtension.join(', ')); input.value = ''; return; } } //table js $('#tbl').DataTable({ "lengthMenu": [ [25, -1], [25, "All"] ], "dom": 'lBfrtip', "buttons": [{ extend: 'pdfHtml5', title: jsTheExportHeader, orientation: 'landscape', exportOptions: { columns: "thead th:not(.noExport)", rows: function(indx, rowData, domElement) { return $(domElement).css("display") != "none"; } }, }, { extend: 'excelHtml5', header: true, footer: true, title: jsTheExportHeader, exportOptions: { columns: "thead th:not(.noExport)", rows: function(indx, rowData, domElement) { return $(domElement).css("display") != "none"; } }, customize: function(xlsx) { var sheet = xlsx.xl.worksheets['sheet1.xml']; $('row c[r^="C"]', sheet).attr('s', '2'); } }, { extend: 'print', title: jsTheExportHeader, exportOptions: { columns: "thead th:not(.noExport)", rows: function(indx, rowData, domElement) { return $(domElement).css("display") != "none"; } }, customize: function ( win ) { $(win.document.body) .css( 'font-size', '10pt' ) $(win.document.body).find( 'table' ) .addClass( 'compact' ) .css( 'font-size', 'inherit' ); } } ] }); //table js end }); $('#is_active').on('change', function() { console.log('yes'); $('#status_change').val('yes'); }); </script>