File: /home/imensosw/www/imenso.co/demo/mps-bi-2/index.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Client Analytics | Millennia</title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
window.onload = function() {
let frameElement = document.getElementById("myiFrame");
let doc = frameElement.contentDocument;
doc.body.innerHTML = doc.body.innerHTML + '<style>body {width:45%;}</style>';
}
</script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<a class="navbar-brand" href="#"><img src="images/mps-logo.png" class="img-fluid"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Engagement</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Accounts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Payments</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Recovery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Patient Satisfaction</a>
</li>
</ul>
<div class="my-2 my-lg-0">
<div class="user-area dropdown">
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/avatar.png" width="40" class="img-thumbnail">
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<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>
</div>
</div>
</nav>
<aside class="ps-sidebar sticky">
<div class="ps-sidebar-up">
<ul>
<li>
<a href="#engagement" class="anchored ps-active">Statements </a>
</li>
<li>
<a href="#phonecalls" class="anchored">Phone Calls</a>
</li>
<li>
<a href="#portals" class="anchored">Patient Billing Portal</a>
</li>
<li>
<a href="#mobilepay" class="anchored">Mobile Pay</a>
</li>
</ul>
</div>
</aside>
<main class="offset">
<div class="container mt-5">
<div class="masthead">
<div class="def-title"><h1>Engagement</h1></div>
<div class="def-des">
<p>Engagement metrics measure how effective you are at getting patients to engage. These metrics measure all engagements (click on a link to view a bill, viewing checkouts etc) up to 120 days after issue of any invoices between the selected dates. All metrics are reported as number of patients performing an action.</p>
</div>
</div>
</div>
<section class="burger" id="engagement">
<div class="container c-marg">
<div class="subheading">
<h2 class="">Statements</h2>
</div>
<div class="row mt-5">
<div class="col-md-3">
<div class="stats">
<span>Total Mailed</span>
<h3 class="">5,212 </h3>
<small class="text-up">+ 7.20%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>Total Mailed Amount</span>
<h3>$126M </h3>
<small class="text-down"><i class="fa fa-long-arrow-down"></i> 2%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>Payment Plan Statement </span>
<h3>392</h3>
<small class="text-up"><i class="fa fa-long-arrow-up"></i> 5%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>eStatements</span>
<h3>712 </h3>
<small class="text-down"><i class="fa fa-long-arrow-down"></i> 10%</small>
</div>
</div>
</div><!--/row-->
<div class="cheese my-5">
<img src="images/img1.png" class="img-fluid">
</div>
<div class="my-5">
<table class="table table-bordered table-bill">
<thead>
<tr>
<th>Measure</th>
<th>Current Period</th>
<th>Prior Period</th>
<th>Growth %</th>
</tr>
</thead>
<tbody>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="burger" id="phonecalls">
<div class="container c-marg">
<div class="subheading">
<h2 class="">Phone Calls</h2>
</div>
<div class="row mt-5">
<div class="col-md-3">
<div class="stats">
<span>Total Mailed</span>
<h3 class="">5,212 </h3>
<small class="text-up">+ 7.20%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>Total Mailed Amount</span>
<h3>$126M </h3>
<small class="text-down"><i class="fa fa-long-arrow-down"></i> 2%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>Payment Plan Statement </span>
<h3>392</h3>
<small class="text-up"><i class="fa fa-long-arrow-up"></i> 5%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>eStatements</span>
<h3>712 </h3>
<small class="text-down"><i class="fa fa-long-arrow-down"></i> 10%</small>
</div>
</div>
</div><!--/row-->
<div class="cheese my-5">
<img src="images/img1.png" class="img-fluid">
</div>
<div class="my-5">
<table class="table table-bordered table-bill">
<thead>
<tr>
<th>Measure</th>
<th>Current Period</th>
<th>Prior Period</th>
<th>Growth %</th>
</tr>
</thead>
<tbody>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="burger" id="portals">
<div class="container c-marg">
<div class="subheading">
<h2 class="">Patient Billing Portals</h2>
</div>
<div class="row mt-5">
<div class="col-md-3">
<div class="stats">
<span>Total Mailed</span>
<h3 class="">5,212 </h3>
<small class="text-up">+ 7.20%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>Total Mailed Amount</span>
<h3>$126M </h3>
<small class="text-down"><i class="fa fa-long-arrow-down"></i> 2%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>Payment Plan Statement </span>
<h3>392</h3>
<small class="text-up"><i class="fa fa-long-arrow-up"></i> 5%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>eStatements</span>
<h3>712 </h3>
<small class="text-down"><i class="fa fa-long-arrow-down"></i> 10%</small>
</div>
</div>
</div><!--/row-->
<div class="cheese my-5">
<img src="images/img1.png" class="img-fluid">
</div>
<div class="my-5">
<table class="table table-bordered table-bill">
<thead>
<tr>
<th>Measure</th>
<th>Current Period</th>
<th>Prior Period</th>
<th>Growth %</th>
</tr>
</thead>
<tbody>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="burger" id="mobilepay">
<div class="container c-marg">
<div class="subheading">
<h2 class="">Mobile Pay</h2>
</div>
<div class="row mt-5">
<div class="col-md-3">
<div class="stats">
<span>Total Mailed</span>
<h3 class="">5,212 </h3>
<small class="text-up">+ 7.20%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>Total Mailed Amount</span>
<h3>$126M </h3>
<small class="text-down"><i class="fa fa-long-arrow-down"></i> 2%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>Payment Plan Statement </span>
<h3>392</h3>
<small class="text-up"><i class="fa fa-long-arrow-up"></i> 5%</small>
</div>
</div>
<div class="col-md-3">
<div class="stats">
<span>eStatements</span>
<h3>712 </h3>
<small class="text-down"><i class="fa fa-long-arrow-down"></i> 10%</small>
</div>
</div>
</div><!--/row-->
<div class="cheese my-5">
<img src="images/img1.png" class="img-fluid">
</div>
<div class="my-5">
<table class="table table-bordered table-bill">
<thead>
<tr>
<th>Measure</th>
<th>Current Period</th>
<th>Prior Period</th>
<th>Growth %</th>
</tr>
</thead>
<tbody>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
<tr class="">
<td># of Mailed Statements</td>
<td>1,045,799</td>
<td>954,385</td>
<td>954,385</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
<div class="filters">Filters</div>
<script type="text/javascript">
$(document).ready(function() {
$(".ps-sidebar-up li a").click(function () {
//alert('sdfs');
$(".ps-sidebar-up li a").removeClass("ps-active");
// $(".tab").addClass("active"); // instead of this do the below
$(this).addClass("ps-active");
});
});
</script>
</body>
</html>