Emp - Profile - Edit Orig Code
Uploaded by
Janela Natal MurilloEmp - Profile - Edit Orig Code
Uploaded by
Janela Natal Murillo<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SDO - Human Resource Dashboard</title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
<!-- Ionicons -->
<link rel="stylesheet"
href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Tempusdominus Bootstrap 4 -->
<link rel="stylesheet"
href="../plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
<!-- iCheck -->
<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-
bootstrap.min.css">
<!-- JQVMap -->
<link rel="stylesheet" href="../plugins/jqvmap/jqvmap.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/adminlte.min.css">
<!-- overlayScrollbars -->
<link rel="stylesheet"
href="../plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
<!-- Daterange picker -->
<link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css">
<!-- summernote -->
<link rel="stylesheet" href="../plugins/summernote/summernote-bs4.min.css">
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<style>
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
}
input:checked + .slider {
background-color: #008000;
}
input:checked + .slider:before {
transform: translateX(26px);
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.profile-user-img {
width: 150px; /* Adjust the width to your desired size */
height: 150px; /* Adjust the height to your desired size */
object-fit: cover; /* Ensures the image fills the space while maintaining
its aspect ratio */
border-radius: 50%; /* Makes the image circular */
}
</style>
<div class="wrapper">
<!-- Navbar -->
<?php include('top_nav.php') ?>
<!-- /.navbar -->
<?php include('side_bar.php') ?>
<!-- Main Sidebar Container -->
<?php
$info_query = "select * from tbl_employee_info inner join tbl_employment_info
on tbl_employee_info.user_id=tbl_employment_info.user_id where
tbl_employee_info.user_id='".$_GET['id']."'";
$info_res = mysqli_query($con,$info_query);
$info_row = mysqli_fetch_array($info_res);
$eli_query = "select * from tbl_eligibility where user_id = '".$_GET['id']."'";
$eli_res = mysqli_query($con,$eli_query);
$eli_row = mysqli_fetch_array($eli_res);
$edu_query = "select * from tbl_educational_bg where user_id='".
$_GET['id']."'";
$edu_res = mysqli_query($con,$edu_query);
$edu_row = mysqli_fetch_array($edu_res);
?>
<!-- Content Wrapper. Contains page content -->
<form action = "../function/function.php?id=<?php echo $_GET['id'] ?>"
method="post" id="myForm" onsubmit="return confirmSubmission()">
<div class="content-wrapper" style="background-color: white;">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0"><strong>Dashboard</strong></h1>
<a href="index.php">Home</a> >
<a href="a_list_view_emp.php">Employee Profile</a> >
<a href="#">Edit Profile</a>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><button type="submit"
name="edit_employee" class="btn btn-success"><i class="fa fa-save"></i> Save
Changes</button></li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<div class="card card-success card-outline">
<div class="card-body box-profile">
<div class="text-center">
<?php if($info_row['photo_path']==""): ?>
<img class="profile-user-img img-fluid img-circle"
src="../images/149071.png"
alt="User profile picture">
<?php endif ?>
<?php if($info_row['photo_path']<>""): ?>
<img class="profile-user-img img-fluid img-circle"
src="../function/<?php echo $info_row['photo_path']; ?>"
alt="User profile picture">
<?php endif ?>
</div>
<h3 class="profile-username text-center"><?php echo
$info_row['first_name'] . ' ' . $info_row['last_name'] ?></h3>
<p class="text-muted text-center"><?php echo $info_row['position'] ?
></p>
<center>
<strong>Login Status</strong><br>
<label class="switch">
<?php
$aquery = "select * from userdata where userid = '".
$_GET['id']."'";
$ares = mysqli_query($con,$aquery);
$arow = mysqli_fetch_array($ares);
$status = '';
if($arow['user_stat']=='Enabled'){$status='Checked';}
elseif($arow['user_stat']=='Disabled'){$status='';}
?>
<input type="checkbox" name="login_stat" <?php echo $status; ?
>>
<span class="slider round"></span>
</label>
</center>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
<!-- About Me Box -->
<div class="card card-success">
<div class="card-header">
<h3 class="card-title">Contact Information</h3>
</div>
<!-- /.card-header -->
<div class="card-body">
<strong><i class="fas fa-book mr-1"></i> Email Address</strong>
<p class="text-muted">
<?php echo $info_row['gov_email'] ?>
</p>
<hr>
<strong><i class="fas fa-phone mr-1"></i> Phone Number</strong>
<p class="text-muted"><?php echo $info_row['contact_num'] ?></p>
<hr>
<hr>
<strong><i class="fas fa-map-marker-alt mr-1"></i> Address</strong>
<p class="text-muted"><?php echo $info_row['street_brgy'] . ', ' .
$info_row['municipality'] . ', ' . $info_row['region']?></p>
<hr>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<div class="col-md-9">
<div class="card">
<div class="card-header p-2">
<ul class="nav nav-pills">
<li class="nav-item"><a class="nav-link active" href="#personal"
data-toggle="tab">Personal</a></li>
<li class="nav-item"><a class="nav-link" href="#employment" data-
toggle="tab">Employment</a></li>
<li class="nav-item"><a class="nav-link" href="#eligibility"
data-toggle="tab">Eligibility</a></li>
<li class="nav-item"><a class="nav-link" href="#educbg" data-
toggle="tab">Educ Bacground</a></li>
</ul>
</div><!-- /.card-header -->
<div class="card-body">
<div class="tab-content">
<div class="active tab-pane" id="personal">
<div class="row">
<div class="col-12">
<h4>Personal Information</h4>
</div>
</div>
<!-- Name Fields -->
<div class="row">
<div class="col-md-3 col-6">
<label>Last Name <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="Last
Name" name="last_name" value="<?php echo $info_row['last_name'] ?>">
</div>
<div class="col-md-3 col-6">
<label>First Name <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="First
Name" name="first_name" value="<?php echo $info_row['first_name'] ?>">
</div>
<div class="col-md-3 col-6">
<label>Middle Name <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="Middle
Name" name="middle_name" value="<?php echo $info_row['middle_name'] ?>">
</div>
<div class="col-md-3 col-6">
<label>Extension Name</label>
<input type="text" class="form-control"
placeholder="Extension Name" name="ex_name" value="<?php echo
$info_row['ex_name'] ?>">
</div>
</div>
<div class="row mt-3">
<div class="col-md-2 col-6">
<label>Gender <i style="color:red">*</i></label>
<select class="form-control" name="gender">
<option><?php echo $info_row['gender'] ?></option>
<option>Male</option>
<option>Female</option>
</select>
</div>
<div class="col-md-4 col-6">
<label>Birthday <i style="color:red">*</i></label>
<input type="date" class="form-control" name="birthdate"
value="<?php echo $info_row['birthdate'] ?>">
</div>
<div class="col-md-6">
<label>Place of Birth <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="Place of
Birth" name="place_of_birth" value="<?php echo $info_row['place_of_birth'] ?>">
</div>
</div>
<!-- Contact Information -->
<div class="row mt-3">
<div class="col-md-3 col-6">
<label>Contact Number <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="Contact
Number" name="contact_num" value="<?php echo $info_row['contact_num'] ?>">
</div>
<div class="col-md-3 col-6">
<label>Email Address <i style="color:red">*</i></label>
<input type="email" class="form-control" placeholder="Email
Address" name="gov_email" value="<?php echo $info_row['gov_email'] ?>">
</div>
<div class="col-md-6">
<label>Employee No. <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="Employee
No." name="employee_no" value="<?php echo $info_row['employee_no'] ?>">
</div>
</div>
<!-- Government IDs -->
<div class="row mt-3">
<div class="col-md-3 col-6">
<label>PhilHealth <i style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="PhilHealth" name="philhealth" value="<?php echo
$info_row['philhealth'] ?>">
</div>
<div class="col-md-3 col-6">
<label>Pag-IBIG <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="Pag-
IBIG" name="pagibig" value="<?php echo $info_row['pagibig'] ?>">
</div>
<div class="col-md-3 col-6">
<label>TIN No. <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="TIN No."
name="TIN" value="<?php echo $info_row['TIN'] ?>">
</div>
<div class="col-md-3 col-6">
<label>BP No. <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="BP No."
name="bp_no" value="<?php echo $info_row['bp_no'] ?>">
</div>
</div>
<!-- Address -->
<div class="row mt-3">
<div class="col-md-3 col-12">
<label>Street(Subd.) <i style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="Street/Brgy" name="street" value="<?php echo $info_row['street'] ?>">
</div>
<div class="col-md-3 col-12">
<label>Barangay <i style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="Street/Brgy" name="street_brgy" value="<?php echo
$info_row['street_brgy'] ?>">
</div>
<div class="col-md-2 col-12">
<label>Municipality <i style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="Municipality" name="municipality" value="<?php echo
$info_row['municipality'] ?>">
</div>
<div class="col-md-2 col-12">
<label>Province <i style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="province" name="province" value="<?php echo
$info_row['municipality'] ?>">
</div>
<div class="col-md-2 col-12">
<label>Region <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="Region"
name="region" value="<?php echo $info_row['region'] ?>">
</div>
</div>
<!-- Disability -->
<div class="row mt-3">
<div class="col-12">
<label>Are you a person w/ disability? <i
style="color:red">*</i></label>
<select class="form-control" name="disability">
<option><?php echo $info_row['disability'] ?></option>
<option>None</option>
<option>Solo Parent</option>
<option>Member of Indigenous Group</option>
</select>
</div>
</div>
</div>
<div class="tab-pane" id="employment">
<div class="row">
<div class="col-12">
<h4>Employment Information</h4>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<label>Position <i style="color:red">*</i></label>
<select class="form-control" name="position">
<option><?php echo $info_row['position'] ?></option>
<?php
$query = "select * from tbl_role";
$res = mysqli_query($con, $query);
while($row = mysqli_fetch_array($res)):
?>
<option><?php echo $row['role_desc'] ?></option>
<?php endwhile ?>
</select>
</div>
<div class="col-12 col-md-6">
<label>Sub Position <i style="color:red">*</i></label>
<select class="form-control" name="subpos">
<option>None</option>
<option><?php echo $info_row['sub_position']
?></option>
<?php
$query = "select * from sub_position";
$res = mysqli_query($con, $query);
while($row = mysqli_fetch_array($res)):
?>
<option><?php echo $row['sub_position']
?></option>
<?php endwhile ?>
</select>
</div>
</div>
<div class="row mt-3">
<div class="col-12 col-md-6">
<label>Date of Original Appointment <i
style="color:red">*</i></label>
<input type="date" class="form-control"
name="date_orig_appoint" value="<?php echo $info_row['date_orig_appoint'] ?>">
</div>
<div class="col-6 col-md-3">
<label>Salary Grade<i style="color:red">*</i></label>
<select class="form-control" name="salary_grade">
<option></option>
<?php
$x = 1;
while ($x <= 33):
?>
<option>SG <?php echo $x ?></option>
<?php $x++; endwhile ?>
</select>
</div>
<div class="col-6 col-md-3">
<label>Salary Step<i style="color:red">*</i></label>
<select class="form-control" name="salary_step">
<option></option>
<option value="step_1">Step 1</option>
<option value="step_2">Step 2</option>
<option value="step_3">Step 3</option>
<option value="step_4">Step 4</option>
<option value="step_5">Step 5</option>
<option value="step_6">Step 6</option>
<option value="step_7">Step 7</option>
<option value="step_8">Step 8</option>
</select>
</div>
</div>
<div class="row mt-3">
<div class="col-12 col-md-3">
<label>Vice (Full Name) <i
style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="Vice
(Full Name)" name="vice" value="<?php echo $info_row['vice'] ?>">
</div>
<div class="col-12 col-md-3">
<label>Vice Reason <i style="color:red">*</i></label>
<input type="text" class="form-control" placeholder="Vice
Reason" name="vice_reason" value="<?php echo $info_row['vice'] ?>">
</div>
<div class="col-12 col-md-3">
<label>Nature of Appointment <i
style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="Nature of Appointment" name="nature_appoint" value="<?php echo
$info_row['nature_appoint'] ?>">
</div>
<div class="col-12 col-md-3">
<label>Status of Appointment <i
style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="Status of Appointment" name="status_appoint" value="<?php echo
$info_row['status_appoint'] ?>">
</div>
</div>
<div class="row mt-3">
<div class="col-12 col-md-6">
<label>Plantilla Item No. <i
style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="Plantilla Item No." name="plantilla_item_no" value="<?php echo
$info_row['plantilla_item_no'] ?>">
</div>
<div class="col-12 col-md-6">
<label>Plantilla Inclusion <i
style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="Plantilla Inclusion" name="plantilla_inclu" value="<?php echo
$info_row['plantilla_inclu'] ?>">
</div>
</div>
<div class="row mt-3">
<div class="col-12 col-md-6">
<label>School/Office Assignment <i
style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="School/Office Assignment" name="school_office_assign" value="<?php
echo $info_row['school_office_assign'] ?>">
</div>
<div class="col-12 col-md-6">
<label>School/Detailed Office Assignment <i
style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="School/Detailed Office Assignment"
name="school_detailed_office_assign" value="<?php echo
$info_row['school_detailed_office_assign'] ?>">
</div>
</div>
<div class="row mt-3">
<div class="col-12 col-md-6">
<label>Designation (From) <i
style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="Designation (From)" name="designated_from" value="<?php echo
$info_row['designated_from'] ?>">
</div>
<div class="col-12 col-md-6">
<label>Designation (To) <i
style="color:red">*</i></label>
<input type="text" class="form-control"
placeholder="Designation (To)" name="designated_to" value="<?php echo
$info_row['designated_to'] ?>">
</div>
</div>
</div>
<div class="tab-pane" id="eligibility">
<div class="row">
<div class="col-12"><h4>Eligibility</h4></div>
</div>
<div class="row">
<div class="col-4">
<label>Type of Eligibility <i style="color:red">*</i></label>
<select class="form-control" name="type_eligibility">
<option><?php echo $eli_row['type_eligibility'] ?></option>
<?php
$query10 = "select * from eligibility_list";
$res10 = mysqli_query($con,$query10);
while($row10 = mysqli_fetch_array($res10)):
?>
<option><?php echo $row10['description'] ?></option>
<?php endwhile ?>
</select>
</div>
<div class="col-4">
<label>Date Issued <i style="color:red">*</i></label>
<input type="date" class="form-control" name="date_issue"
value="<?php echo $eli_row['date_issue'] ?>">
</div>
<div class="col-4">
<label>Validity <i style="color:red">*</i></label>
<input type="date" class="form-control" name="validity"
value="<?php echo $eli_row['validity'] ?>">
</div>
</div>
</div>
<div class="tab-pane" id="educbg">
<div class="row">
<div class="col-12"><h4>Educational Background</h4></div>
</div>
<div class="row">
<!-- Elementary -->
<div class="col-md-6 col-12">
<label>Elementary <i style="color:red">*</i></label> |
Duration: <?php echo $edu_row['elem_duration'] ?>
<input type="text" class="form-control"
placeholder="Elementary" name="elementary" value="<?php echo $edu_row['elementary']
?>">
</div>
<div class="col-md-3 col-6">
<label>From <i style="color:red">*</i></label>
<select class="form-control" name="elem_from">
<option value="">Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<div class="col-md-3 col-6">
<label>To <i style="color:red">*</i></label>
<select class="form-control" name="elem_to">
<option value="">Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<!-- Secondary -->
<div class="col-md-6 col-12 mt-3">
<label>Secondary <i style="color:red">*</i></label> |
Duration: <?php echo $edu_row['second_duration'] ?>
<input type="text" class="form-control"
placeholder="Secondary" name="secondary" value="<?php echo $edu_row['secondary'] ?
>">
</div>
<div class="col-md-3 col-6 mt-3">
<label>From <i style="color:red">*</i></label>
<select class="form-control" name="secondary_from">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<div class="col-md-3 col-6 mt-3">
<label>To <i style="color:red">*</i></label>
<select class="form-control" name="secondary_to">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<!-- Vocatoional -->
<div class="col-md-12 col-12 mt-3">
<label>Vocational School Name</label>
<input type="text" class="form-control"
placeholder="Vocational School Name" name="voc_school" value="<?php echo
$edu_row['vocational'] ?>">
</div>
<div class="col-md-6 col-12 mt-3">
<label>Vocational <i style="color:red">*</i></label> |
Duration: <?php echo $edu_row['voca_duration'] ?>
<input type="text" class="form-control"
placeholder="Vocational Degree" name="vocational" value="<?php echo
$edu_row['vocational'] ?>">
</div>
<div class="col-md-3 col-6 mt-3">
<label>From <i style="color:red">*</i></label>
<select class="form-control" name="voca_from">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<div class="col-md-3 col-6 mt-3">
<label>To <i style="color:red">*</i></label>
<select class="form-control" name="voca_to">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<!-- Tertiary -->
<div class="col-md-12 col-12 mt-3">
<label>College School Name</label>
<input type="text" class="form-control" placeholder="College
School Name" name="college_school" value="<?php echo $edu_row['vocational'] ?>">
</div>
<div class="col-md-6 col-12 mt-3">
<label>College <i style="color:red">*</i></label> |
Duration: <?php echo $edu_row['college_duration'] ?>
<input type="text" class="form-control" placeholder="College
Degree" name="college" value="<?php echo $edu_row['college'] ?>">
</div>
<div class="col-md-3 col-6 mt-3">
<label>From <i style="color:red">*</i></label>
<select class="form-control" name="college_from">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<div class="col-md-3 col-6 mt-3">
<label>To <i style="color:red">*</i></label>
<select class="form-control" name="college_to">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<!-- Master Degree -->
<div class="col-md-6 col-12 mt-3">
<label>Master Degree <i style="color:red">*</i></label> |
Duration: <?php echo $edu_row['master_duration'] ?>
<input type="text" class="form-control" placeholder="Master
Degree" name="masters_degree" value="<?php echo $edu_row['masters_degree'] ?>">
</div>
<div class="col-md-2 col-6 mt-3">
<label>No. of Units <i style="color:red">*</i></label>
<input type="number" min="1" class="form-control"
name="master_units" value="<?php echo $edu_row['master_units'] ?>">
</div>
<div class="col-md-2 col-6 mt-3">
<label>From <i style="color:red">*</i></label>
<select class="form-control" name="masters_from">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<div class="col-md-2 col-6 mt-3">
<label>To <i style="color:red">*</i></label>
<select class="form-control" name="masters_to">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<!-- Doctorate -->
<div class="col-md-6 col-12 mt-3">
<label>Doctorate <i style="color:red">*</i></label> |
Duration: <?php echo $edu_row['doc_duration'] ?>
<input type="text" class="form-control"
placeholder="Doctorate" name="doc_degree" value="<?php echo
$edu_row['doc_degree'] ?>">
</div>
<div class="col-md-2 col-6 mt-3">
<label>No. of Units <i style="color:red">*</i></label>
<input type="number" min="1" class="form-control"
name="doc_units" value="<?php echo $edu_row['doc_units'] ?>">
</div>
<div class="col-md-2 col-6 mt-3">
<label>From <i style="color:red">*</i></label>
<select class="form-control" name="doc_from">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
<div class="col-md-2 col-6 mt-3">
<label>To <i style="color:red">*</i></label>
<select class="form-control" name="doc_to">
<option value="">Select Year</option>
<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
<option value="<?php echo $i; ?>"><?php echo $i;
?></option>
<?php endfor; ?>
</select>
</div>
</div>
</div>
<div class="tab-pane" id="separation">
<div class="row">
<div class="col-12"><h4>Separation</h4></div>
</div>
<div class="row">
<div class="col-6">
<label>Type of Separation <i style="color:red">*</i></label>
<select class="form-control" name="separation">
<option><?php echo $info_row['separation'] ?></option>
<option>Transferred Out</option>
<option>Retired</option>
<option>Deceased(Death)</option>
<option>Permanent Disability</option>
<option>Resigned</option>
<option>Suspended</option>
<option>Terminated</option>
</select>
</div>
<div class="col-6">
<label>Date <i style="color:red">*</i></label>
<input type="date" class="form-control"
name="separation_date" value="<?php echo $info_row['separation_date'] ?>">
</div>
</div>
</div>
<!-- /.tab-content -->
</div><!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
</div>
</section>
</div>
</form>
<?php include('fotter.php') ?>
<aside class="control-sidebar control-sidebar-dark">
</aside>
</div>
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="../plugins/sparklines/sparkline.js"></script>
<!-- JQVMap -->
<script src="../plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="../plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<script src="../plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-
4.min.js"></script>
<!-- Summernote -->
<script src="../plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></
script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="../dist/js/pages/dashboard.js"></script>
<script>
$(function () {
/* ChartJS
* -------
* Here we will create a few charts using ChartJS
*/
//--------------
//- AREA CHART -
//--------------
// Get context with jQuery - using jQuery's .get() method.
var areaChartCanvas = $('#areaChart').get(0).getContext('2d')
var areaChartData = {
labels : ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [
{
label : 'Digital Goods',
backgroundColor : 'rgba(60,141,188,0.9)',
borderColor : 'rgba(60,141,188,0.8)',
pointRadius : false,
pointColor : '#3b8bba',
pointStrokeColor : 'rgba(60,141,188,1)',
pointHighlightFill : '#fff',
pointHighlightStroke: 'rgba(60,141,188,1)',
data : [28, 48, 40, 19, 86, 27, 90]
},
{
label : 'Electronics',
backgroundColor : 'rgba(210, 214, 222, 1)',
borderColor : 'rgba(210, 214, 222, 1)',
pointRadius : false,
pointColor : 'rgba(210, 214, 222, 1)',
pointStrokeColor : '#c1c7d1',
pointHighlightFill : '#fff',
pointHighlightStroke: 'rgba(220,220,220,1)',
data : [65, 59, 80, 81, 56, 55, 40]
},
]
}
var areaChartOptions = {
maintainAspectRatio : false,
responsive : true,
legend: {
display: false
},
scales: {
xAxes: [{
gridLines : {
display : false,
}
}],
yAxes: [{
gridLines : {
display : false,
}
}]
}
}
// This will get the first returned node in the jQuery collection.
new Chart(areaChartCanvas, {
type: 'line',
data: areaChartData,
options: areaChartOptions
})
//-------------
//- LINE CHART -
//-----------
var lineChartCanvas = $('#lineChart').get(0).getContext('2d')
var lineChartOptions = $.extend(true, {}, areaChartOptions)
var lineChartData = $.extend(true, {}, areaChartData)
lineChartData.datasets[0].fill = false;
lineChartData.datasets[1].fill = false;
lineChartOptions.datasetFill = false
var lineChart = new Chart(lineChartCanvas, {
type: 'line',
data: lineChartData,
options: lineChartOptions
})
//-------------
//- DONUT CHART -
//-------------
// Get context with jQuery - using jQuery's .get() method.
var donutChartCanvas = $('#donutChart').get(0).getContext('2d')
var donutData = {
labels: [
'Chrome',
'IE',
'FireFox',
'Safari',
'Opera',
'Navigator',
],
datasets: [
{
data: [700,500,400,600,300,100],
backgroundColor : ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc',
'#d2d6de'],
}
]
}
var donutOptions = {
maintainAspectRatio : false,
responsive : true,
}
//Create pie or douhnut chart
// You can switch between pie and douhnut using the method below.
new Chart(donutChartCanvas, {
type: 'doughnut',
data: donutData,
options: donutOptions
})
//-------------
//- PIE CHART -
//-------------
// Get context with jQuery - using jQuery's .get() method.
var pieChartCanvas = $('#pieChart').get(0).getContext('2d')
var pieData = donutData;
var pieOptions = {
maintainAspectRatio : false,
responsive : true,
}
//Create pie or douhnut chart
// You can switch between pie and douhnut using the method below.
new Chart(pieChartCanvas, {
type: 'pie',
data: pieData,
options: pieOptions
})
//-------------
//- BAR CHART -
//-------------
var barChartCanvas = $('#barChart').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
maintainAspectRatio : false,
datasetFill : false
}
new Chart(barChartCanvas, {
type: 'bar',
data: barChartData,
options: barChartOptions
})
//---------------------
//- STACKED BAR CHART -
//---------------------
var stackedBarChartCanvas = $('#stackedBarChart').get(0).getContext('2d')
var stackedBarChartData = $.extend(true, {}, barChartData)
var stackedBarChartOptions = {
responsive : true,
maintainAspectRatio : false,
scales: {
xAxes: [{
stacked: true,
}],
yAxes: [{
stacked: true
}]
}
}
new Chart(stackedBarChartCanvas, {
type: 'bar',
data: stackedBarChartData,
options: stackedBarChartOptions
})
})
</script>
</body>
</html>
You might also like
- It3511 - Full Stack Web Development Lab Manual Final 14112023No ratings yetIt3511 - Full Stack Web Development Lab Manual Final 1411202381 pages
- PHP CRUD Application Using OOP and MYSQLNo ratings yetPHP CRUD Application Using OOP and MYSQL12 pages
- Folklore - An Encyclopedia of Beliefs, Customs, Tales, Music and Art (Gnv64)100% (1)Folklore - An Encyclopedia of Beliefs, Customs, Tales, Music and Art (Gnv64)930 pages
- Valmores v. Achacoso - G.R. 217453 - Case DigestNo ratings yetValmores v. Achacoso - G.R. 217453 - Case Digest3 pages
- Yoga Anatomy (Leslie Kaminoff) (Z-Library)No ratings yetYoga Anatomy (Leslie Kaminoff) (Z-Library)43 pages
- 18 1 Variation and Natural Selection Theory Questions and Answers100% (1)18 1 Variation and Natural Selection Theory Questions and Answers55 pages
- Index - PHP: Contrôle N°1 PHP Nom Et Prénom: MERYEM AYADNo ratings yetIndex - PHP: Contrôle N°1 PHP Nom Et Prénom: MERYEM AYAD17 pages
- 'Phone' 'Dbconn - PHP' "Select From Inquery Where Phone '$phone1'"No ratings yet'Phone' 'Dbconn - PHP' "Select From Inquery Where Phone '$phone1'"4 pages
- Treasury Management Assignment NMIMS June 2025No ratings yetTreasury Management Assignment NMIMS June 20253 pages
- Introduction To Medical Terminology Course SyllabusNo ratings yetIntroduction To Medical Terminology Course Syllabus3 pages
- Responsible Products, Product Use, and ProductionNo ratings yetResponsible Products, Product Use, and Production2 pages
- SCU School of Education Lesson Plan Template - Australian CurriculumNo ratings yetSCU School of Education Lesson Plan Template - Australian Curriculum5 pages
- Broker's Title, Inc. v. Ralph E. Main, JR., Robert H. Blodinger, Orbin F. Carter, 806 F.2d 257, 4th Cir. (1986)No ratings yetBroker's Title, Inc. v. Ralph E. Main, JR., Robert H. Blodinger, Orbin F. Carter, 806 F.2d 257, 4th Cir. (1986)2 pages
- Learning Objectives: The Global Trade and Investment EnvironmentNo ratings yetLearning Objectives: The Global Trade and Investment Environment9 pages
- Algorithms To Estimate Shapley Value Feature AttributionsNo ratings yetAlgorithms To Estimate Shapley Value Feature Attributions33 pages
- Chapter 7-Managing Quality: 07/20/2022 1 Arsi University Om Mba-2020No ratings yetChapter 7-Managing Quality: 07/20/2022 1 Arsi University Om Mba-202033 pages
- Construction of Plastic Waste Extruding Machine ToNo ratings yetConstruction of Plastic Waste Extruding Machine To21 pages
- Conduent Applicant Adaaa Referral Form PDFNo ratings yetConduent Applicant Adaaa Referral Form PDF1 page
- Saiva Siddhanta Church Act, No 22 of 1988No ratings yetSaiva Siddhanta Church Act, No 22 of 19882 pages
- Tourism Industries in Assam Agriculture Economy GeographyNo ratings yetTourism Industries in Assam Agriculture Economy Geography6 pages
- European Portfolio For Student Teachers of Languages (EPOSTL)No ratings yetEuropean Portfolio For Student Teachers of Languages (EPOSTL)4 pages
- What Obstacle Are You Trying To Overcome Right Now and How Do You Deal With ItNo ratings yetWhat Obstacle Are You Trying To Overcome Right Now and How Do You Deal With It2 pages
- What Steps Do You Need To Take in Order To Break Through The Barrier and Find A SolutionNo ratings yetWhat Steps Do You Need To Take in Order To Break Through The Barrier and Find A Solution1 page
- React Portfolio App Development: Increase your online presence and create your personal brandFrom EverandReact Portfolio App Development: Increase your online presence and create your personal brandNo ratings yet
- Masters Among Us: An Exploration of Supernal Encounters and Miraculous PhenomenaFrom EverandMasters Among Us: An Exploration of Supernal Encounters and Miraculous PhenomenaNo ratings yet
