File: /home/imensosw/www/imenso.co/demo/mps-com/dashboard.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Millennial Platform</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/datepicker.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css">
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
</head>
<body style="background-color: #f0f4f7;">
<aside class="menubar">
<ul class="menubar-list">
<li class="brand">
<a class="" href="#"><img src="images/logo-sm.png" width="50"></a>
</li>
<li class="active">
<a class="" href="dashboard.php">
<div class="menu-icon">
<img src="images/dashboard.png" class="img-fluid">
</div>
<span>Dashboard</span>
</a>
</li>
<li class="">
<a class="" href="scheduled.php">
<div class="menu-icon">
<img src="images/scheduled.png" class="img-fluid">
</div>
<span>Scheduled</span>
</a>
</li>
<li class="">
<a class="" href="#">
<div class="menu-icon"><img src="images/on-demand.png" class="img-fluid"></div>
<span>On-Demand</span>
</a>
</li>
<li class="">
<a class="" href="#">
<div class="menu-icon"><img src="images/logs.png" class="img-fluid"></div>
<span>Logs</span>
</a>
</li>
<li class="">
<a class="" href="#">
<div class="menu-icon"><img src="images/patients.png" class="img-fluid"></div>
<span>Patients</span>
</a>
</li>
<li class="userlog dropdown">
<div class="dropdown show">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/patient.png" class="img-fluid circled">
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">Profile</a>
<a class="dropdown-item" href="#">Setting</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Logout</a>
</div>
</div>
</li>
</ul>
</aside>
<section class="dashboard">
<div class="dash-wrapper">
<div class="container-fluid">
<div class="row dash-cards">
<h5 class="my-5 col-md-12"><strong>Hello Samantha,</strong></h5>
<div class="col">
<div class="dash-card">
<big>200</big>
<small>Total Messages Sent</small>
<a href="scheduled.php">View</a>
</div>
</div>
<div class="col">
<div class="dash-card">
<big>180</big>
<small>Confirmed Appointments</small>
<a href="scheduled.php">View</a>
</div>
</div>
<div class="col">
<div class="dash-card">
<big>15</big>
<small>Rescheduled</small>
<a href="scheduled.php">View</a>
</div>
</div>
<div class="col">
<div class="dash-card">
<big>5</big>
<small>Cancelled</small>
<a href="scheduled.php">View</a>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-md-12">
<div class="card">
<div class="card-body">
<strong> Actions Needed (05) </strong>
<table class="table bordered mt-4">
<thead>
<tr>
<th>Patient Name</th>
<th>Appt Date</th>
<th>Message</th>
<th>Response</th>
<th>Status</th>
<th class="text-right">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Scully</td>
<td>08.20.20, 10:00 AM</td>
<td>Appontment Schedule</td>
<td><span class="capsule">No</span></td>
<td>Cancelled</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">Reschedule</a></td>
</tr>
<tr>
<td>Alex Tailor</td>
<td>08.20.20, 10:00 AM</td>
<td>Appontment Schedule</td>
<td><span class="capsule">No</span></td>
<td>Cancelled</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">Reschedule</a></td>
</tr>
<tr>
<td>Roger Federar</td>
<td>08.20.20, 10:00 AM</td>
<td>Appontment Schedule</td>
<td><span class="capsule">No</span></td>
<td>Cancelled</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">Reschedule</a></td>
</tr>
<tr>
<td>Smith Will</td>
<td>08.20.20, 10:00 AM</td>
<td>Appontment Schedule</td>
<td><span class="capsule">No</span></td>
<td>Cancelled</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">Reschedule</a></td>
</tr>
<tr>
<td>Jammy Fox</td>
<td>08.20.20, 10:00 AM</td>
<td>Appontment Schedule</td>
<td><span class="capsule">No</span></td>
<td>Cancelled</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">Reschedule</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="js/datepicker.min.js"></script>
<script>$('#datepicker').datepicker({uiLibrary: 'bootstrap4'});</script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/fixedheader/3.1.7/js/dataTables.fixedHeader.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.1.7/css/fixedHeader.bootstrap4.min.css">
<script type="text/javascript">
$(document).ready(function() {
$('#scheduled').DataTable( {
"paging": false,
"info": false,
"fixedHeader": true
} );
} );
</script>
</body>
</html>