|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/destinytrafficsolutions/vendor/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<?php require "inc/head.php"; ?>
<body>
<!-- header-->
<?php require "inc/header.php"; ?>
<!-- End Main-content Top bar-->
<!-- main-content-->
<div class="wrapper">
<?php require "inc/sidebar.php"; ?>
<div id="content">
<div class="row mb-4">
<div class="col-12 col-sm-12">
<div class="row">
<div class="col-12 col-md-12 mb-4">
<div class="card redial-border-light redial-shadow">
<div class="card-body" style="overflow: visible;">
<h6 class="header-title pl-3 redial-relative">Employee</h6>
<form action="add_emp.php" method="post" enctype="multipart/form-data">
<div class="row">
<div class="col-12 col-sm-2 text-sm-right align-self-center">
<label class="redial-font-weight-600 mb-3">Employee Name</label>
</div>
<div class="col-12 col-sm-10">
<div class="row">
<div class="col-12 col-sm-4">
<input type="text" name="femp_name" class="form-control" placeholder="First Name">
</div>
<div class="col-12 col-sm-8">
<div class="form-group">
<input type="text" name="lemp_name" class="form-control" placeholder="Last Name">
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-2 text-sm-right align-self-center">
<label class="redial-font-weight-600 mb-3">Employee Phone No. </label>
</div>
<div class="col-12 col-sm-10">
<div class="row">
<div class="col-12 col-sm-4">
<input type="text" name="phone" class="form-control" placeholder="Phone">
</div>
<div class="col-12 col-sm-8">
<div class="form-group">
<input type="email" name="email" class="form-control" placeholder="Email">
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-2 text-sm-right align-self-center">
<!-- Employee Hour Rate -->
<label class="redial-font-weight-600 mb-3">On Site Hour Rate</label>
</div>
<div class="col-12 col-sm-10">
<div class="row">
<div class="col-12 col-sm-4">
<input type="text" name="erh" class="form-control" placeholder="Employee Hour Rate">
</div>
<div class="col-12 col-sm-8">
<div class="form-group">
<input type="file" name="photo" class="form-control">
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-2 text-sm-right align-self-center mb-3">
<label class="redial-font-weight-600 mb-3">Travel Time Rate</label>
</div>
<div class="col-12 col-sm-10">
<div class="row">
<div class="col-12 col-sm-4">
<input type="number" id="trvl_rate" name="trvl_rate" class="form-control" placeholder="Travel Time">
</div>
<div class="col-12 col-sm-8">
<input type="text" id="mileage" name="mileage" class="form-control" placeholder="Mileage Rate">
</div>
<!-- <div class="col-12 col-sm-4">
<input type="number" id="travel_amount" name="travel_amount" class="form-control" placeholder="Total Travel Amount" readonly>
</div> -->
</div>
</div>
<div class="btn-group mb-2" style="margin-left: 39%;">
<button type="submit" name="add_emp" class="btn btn-outline-success">Add Employee</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End main-content-->
<!-- Top To Bottom-->
<a href="#" class="scrollup text-center redial-bg-primary redial-rounded-circle-50">
<h4 class="text-white mb-0"><i class="icofont icofont-long-arrow-up"></i></h4>
</a>
<!-- End Top To Bottom-->
<!-- jQuery -->
<script>
// Select the input elements
const travelRateInput = document.getElementById("trvl_rate");
const mileageInput = document.getElementById("mileage");
const travelAmountInput = document.getElementById("travel_amount");
// Function to calculate total travel amount
function calculateTravelAmount() {
const travelRate = parseFloat(travelRateInput.value) || 0;
const mileageRate = parseFloat(mileageInput.value) || 0;
const totalAmount = travelRate * mileageRate;
travelAmountInput.value = totalAmount.toFixed(2); // Display with two decimal places
}
// Add event listeners
travelRateInput.addEventListener("input", calculateTravelAmount);
mileageInput.addEventListener("input", calculateTravelAmount);
</script>
<script src="dist/js/plugins.min.js"></script>
<script src="dist/js/common.js"></script>
</body>
</html>