| Server IP : 13.126.101.145 / Your IP : 216.73.217.37 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ip-11-115-0-196 6.8.0-1039-aws #41~22.04.1-Ubuntu SMP Thu Sep 11 10:54:48 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 8.3.17 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/rentals_updated/wp-content/plugins/custom-dashboard/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CEO Dashboard</title>
<!-- <link rel="stylesheet" href="dashboard.css"> -->
<!-- addition of external css 05/07-->
<!-- Custom CSS -->
<link href="<?php echo plugins_url('/template/dist/css/style.css', __FILE__); ?>" rel="stylesheet" type="text/css">
<link href="<?php echo plugins_url('/template/vendors/bower_components/morris.js/morris.css', __FILE__); ?>" rel="stylesheet" type="text/css"/>
<!-- Data table CSS -->
<link href="<?php echo plugins_url('/template/vendors/bower_components/datatables/media/css/jquery.dataTables.min.css', __FILE__); ?>" rel="stylesheet" type="text/css"/>
<!-- <link href="<?php echo plugins_url('/template/vendors/bower_components/jquery-toast-plugin/dist/jquery.toast.min.css', __FILE__); ?>" rel="stylesheet" type="text/css"> -->
<!-- Custom CSS -->
<link href="<?php echo plugins_url('/template/dist/css/style.css', __FILE__); ?>" rel="stylesheet" type="text/css">
<!-- end addition of external css -->
</head>
<body>
<div class="dashboard">
<div class="dashboard-header">
<h1>CEO Dashboard</h1>
<div class="filters">
<label for="date-range">Date Range:</label>
<select id="date-range">
<option>This Month</option>
<option>Last Month</option>
<option>This Quarter</option>
<option>Last Quarter</option>
<option>This Year</option>
<!-- Add more options as needed -->
</select>
<label for="service">Regions</label>
<select id="service">
<option>All</option>
<option>North</option>
<option>East</option>
<option>West</option>
<option>South</option>
<!-- Add more options as needed -->
</select>
</div>
</div>
<div class="stats">
<div class="stat">
<h2>Rental Revenue </h2>
<p class="value">10</p>
<p class="change positive">↑ 7.2%</p>
</div>
<div class="stat">
<h2>Asset Utilization</h2>
<p class="value">70%</p>
<p class="change positive">↑ 1.7%</p>
</div>
<div class="stat">
<h2>Fleet Utilization</h2>
<p class="value">60%</p>
<p class="change positive">↑ 3.7%</p>
</div>
<div class="stat">
<h2>Open RFQs</h2>
<p class="value">60</p>
<p class="change negative">↓ 15</p>
</div>
</div>
<div class="charts">
<div class="chart" style="background-color:#fff;border:1px solid #FFBD2B;">
<div class="fleet-title text-center" >
<h2 style="font-size:27px;font-weight:700;">Fleet Usages</h2>
</div>
<!-- <img src="Fleets-Usages.png" alt="Fleet Usages"> -->
<!-- add fleet usage graph 05/07 -->
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12" style="float:unset !important;width:100% !important;">
<div class="panel panel-default card-view">
<div class="panel-heading">
<!-- <div class="pull-left"> -->
<!-- </div> -->
<div class="pull-right">
<span class="no-margin-switcher">
<input type="checkbox" id="morris_switch" class="js-switch" data-color="#ff2a00" data-secondary-color="#2879ff" data-size="small"/>
</span>
</div>
<div class="clearfix"></div>
</div>
<div class="panel-wrapper collapse in">
<div class="panel-body">
<div id="morris_extra_line_chart" class="morris-chart" style="height:293px;"></div>
<!-- <ul class="flex-stat mt-40">
<li>
<span class="block">Weekly Customers</span>
<span class="block txt-dark weight-500 font-18"><span class="counter-anim">120</span></span>
</li>
<li>
<span class="block">Monthly Customers</span>
<span class="block txt-dark weight-500 font-18"><span class="counter-anim">150</span></span>
</li>
<li>
<span class="block">Trend</span>
<span class="block">
<i class="zmdi zmdi-trending-up txt-success font-24"></i>
</span>
</li>
</ul> -->
</div>
</div>
</div>
</div>
<!-- end added fleet usaage graph -->
</div>
<div class="chart" style="background-color:#fff; border:1px solid #FFBD2B;">
<div class="customer-title text-center">
<h2 style="font-size:27px;font-weight:700;">Top Five Customers</h2>
</div>
<!-- add table for customers 05/07 -->
<div class="panel-wrapper collapse in">
<div class="panel-body row pa-0">
<div class="table-wrap">
<div class="table-responsive">
<table class="table table-hover mb-0">
<thead >
<tr>
<th style="text-align:left;font-size:20px;">Customers</th>
<th style="text-align:left;font-size:20px;">Contracts</th>
<th style="text-align:left;font-size:20px;">YTD</th>
<th style="text-align:left;font-size:20px;">Last Year</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="txt-dark weight-500" style="font-size:20px;">Beavis</span></td>
<td class="text-center">10</td>
<td><span class="txt-success"><span>20,000,00</span></span></td>
<td>
<span class="txt-success"><span>20,000,00</span></span>
<td>
</tr>
<tr>
<td><span class="txt-dark weight-500" style="font-size:20px;">Ultra Tech</span></td>
<td class="text-center">8</td>
<td><span class="txt-success"><span>78,000,00</span></span></td>
<td>
<span class="txt-success"><span>16,000,00</span></span>
<td>
</tr>
<tr>
<td><span class="txt-dark weight-500" style="font-size:20px;">Zindal</span></td>
<td class="text-center">7</td>
<td><span class="txt-success"><span>35,000,00</span></span></td>
<td>
<span class="txt-success"><span>14,000,00</span></span>
<td>
</tr>
<tr>
<td><span class="txt-dark weight-500" style="font-size:20px;">Tata</span></td>
<td class="text-center">6</td>
<td><span class="txt-success"><span>57,000,00</span></span></td>
<td>
<span class="txt-success"><span>12,000,00</span></span>
<td>
</tr>
<tr>
<td><span class="txt-dark weight-500" style="font-size:20px;">Ambani</span></td>
<td class="text-center">5</td>
<td><span class="txt-success"><span>68,000,00</span></span></td>
<td>
<span class="txt-success"><span>10,000,00</span></span>
<td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- end added table for customers -->
</div>
</div>
</div>
<!-- addition of external script for graph -->
<script src="<?php echo plugins_url('template/vendors/bower_components/jquery/dist/jquery.min.js', __FILE__); ?>"></script>
<!-- Bootstrap Core JavaScript -->
<script src="<?php echo plugins_url('template/vendors/bower_components/bootstrap/dist/js/bootstrap.min.js', __FILE__); ?>"></script>
<!-- Data table JavaScript -->
<script src="<?php echo plugins_url('template/vendors/bower_components/datatables/media/js/jquery.dataTables.min.js', __FILE__); ?>"></script>
<!-- Slimscroll JavaScript -->
<script src="<?php echo plugins_url('template/dist/js/jquery.slimscroll.js', __FILE__); ?>"></script>
<!-- simpleWeather JavaScript -->
<script src="<?php echo plugins_url('template/vendors/bower_components/moment/min/moment.min.js', __FILE__); ?>"></script>
<script src="<?php echo plugins_url('template/vendors/bower_components/simpleWeather/jquery.simpleWeather.min.js', __FILE__); ?>"></script>
<script src="<?php echo plugins_url('template/dist/js/simpleweather-data.js', __FILE__); ?>"></script>
<!-- Progressbar Animation JavaScript -->
<script src="<?php echo plugins_url('template/vendors/bower_components/waypoints/lib/jquery.waypoints.min.js', __FILE__); ?>"></script>
<script src="<?php echo plugins_url('template/vendors/bower_components/jquery.counterup/jquery.counterup.min.js', __FILE__); ?>"></script>
<!-- Fancy Dropdown JS -->
<script src="<?php echo plugins_url('template/dist/js/dropdown-bootstrap-extended.js', __FILE__); ?>"></script>
<!-- Sparkline JavaScript -->
<script src="<?php echo plugins_url('template/vendors/jquery.sparkline/dist/jquery.sparkline.min.js', __FILE__); ?>"></script>
<!-- Owl JavaScript -->
<script src="<?php echo plugins_url('template/vendors/bower_components/owl.carousel/dist/owl.carousel.min.js', __FILE__); ?>"></script>
<!-- ChartJS JavaScript -->
<script src="<?php echo plugins_url('template/vendors/chart.js/Chart.min.js', __FILE__); ?>"></script>
<!-- Morris Charts JavaScript -->
<script src="<?php echo plugins_url('template/vendors/bower_components/raphael/raphael.min.js', __FILE__); ?>"></script>
<script src="<?php echo plugins_url('template/vendors/bower_components/morris.js/morris.min.js', __FILE__); ?>"></script>
<!-- <script src="<?php echo plugins_url('template/vendors/bower_components/jquery-toast-plugin/dist/jquery.toast.min.js', __FILE__); ?>"></script> -->
<!-- Switchery JavaScript -->
<script src="<?php echo plugins_url('template/vendors/bower_components/switchery/dist/switchery.min.js', __FILE__); ?>"></script>
<!-- Init JavaScript -->
<script src="<?php echo plugins_url('template/dist/js/init.js', __FILE__); ?>"></script>
<script src="<?php echo plugins_url('template/dist/js/dashboard-data.js', __FILE__); ?>"></script>
<!-- end addition of external script for graph -->
</body>
</html>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
}
.dashboard {
max-width: 1200px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.dashboard-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.dashboard-header h1 {
font-size: 24px;
margin: 0;
}
.filters {
display: flex;
align-items: center;
}
.filters label {
margin-right: 10px;
font-weight: bold;
}
.filters select {
margin-right: 20px;
/* padding: 5px; */
}
.stats {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.stat {
flex: 1;
background-color: #e9ecef;
padding: 20px;
border-radius: 10px;
text-align: center;
margin: 0 10px;
}
.stat h2 {
font-size: 18px;
margin-bottom: 10px;
}
.stat .value {
font-size: 36px;
font-weight: bold;
margin: 0;
}
.stat .change {
font-size: 16px;
margin-top: 10px;
}
.positive {
color: green;
}
.negative {
color: red;
}
.charts {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.chart {
flex: 1;
padding: 20px;
background-color: #e9ecef;
border-radius: 10px;
margin: 0 10px;
}
.chart h2 {
font-size: 18px;
margin-bottom: 10px;
}
</style>