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
- Yoga Anatomy (Leslie Kaminoff) (Z-Library)No ratings yetYoga Anatomy (Leslie Kaminoff) (Z-Library)43 pages
- Edukasyong Pantahanan at Pangkabuhayan and Technology and Livelihood Education Grades 4-6 December 2013 PDFNo ratings yetEdukasyong Pantahanan at Pangkabuhayan and Technology and Livelihood Education Grades 4-6 December 2013 PDF41 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
- PHP CRUD Application Using OOP and MYSQLNo ratings yetPHP CRUD Application Using OOP and MYSQL12 pages
- 'Phone' 'Dbconn - PHP' "Select From Inquery Where Phone '$phone1'"No ratings yet'Phone' 'Dbconn - PHP' "Select From Inquery Where Phone '$phone1'"4 pages
- Empowerment Series Understanding Human Behavior and The Social Environment 11th Edition Zastrow Test Bank Available InstantlyNo ratings yetEmpowerment Series Understanding Human Behavior and The Social Environment 11th Edition Zastrow Test Bank Available Instantly342 pages
- Part Test - Full Test - Previous Years Details - JEE Main 2024 Test SeriesNo ratings yetPart Test - Full Test - Previous Years Details - JEE Main 2024 Test Series1 page
- Lesson Plan Guide: Unit/Chapter Objective/Generalization/Big IdeaNo ratings yetLesson Plan Guide: Unit/Chapter Objective/Generalization/Big Idea6 pages
- Guidelines - Summer Internship and Project - B.Com-4th Sem-2021-24No ratings yetGuidelines - Summer Internship and Project - B.Com-4th Sem-2021-244 pages
- Testbank For Medical Language For Modern Health Care 5th Edition Basco Instant DownloadNo ratings yetTestbank For Medical Language For Modern Health Care 5th Edition Basco Instant Download18 pages
- Responsible Products, Product Use, and ProductionNo ratings yetResponsible Products, Product Use, and Production2 pages
- Benefits of Teaching Science With Manipulative ModelsNo ratings yetBenefits of Teaching Science With Manipulative Models5 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
