File: /home/imensosw/www/imenso.co/demo/mps-com/new/queue.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' 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>
<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="">
<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="active">
<a class="" href="queue.php">
<div class="menu-icon"><img src="images/on-demand.png" class="img-fluid"></div>
<span>My Queue</span>
<span class="que-alert">4</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/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>
<main class="ground queue">
<section class="sidebar">
<div class="sidebar-header">
<div class="page-title">
<h1>My Queue</h1>
</div>
<input id="datepicker" placeholder="This Month" />
</div>
<div class="sidebar-search">
<input class="search" placeholder="Search here.." />
<div class="dropdown show">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-bars"></i>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<h6 class="dropdown-header">Appt Date</h6>
<a class="dropdown-item" href="#">Newest</a>
<a class="dropdown-item" href="#">Oldest</a>
<a class="dropdown-item" href="#"></a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header">Response</h6>
<a class="dropdown-item" href="#">Latest</a>
<a class="dropdown-item" href="#">Oldest</a>
</div>
</div>
</div>
<div class="sidebar-filters">
<div class="dropdown show">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<strong class="act-need">Actions Needed <span class="que-alert">4</span></strong>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<li class="list-group-item d-flex justify-content-between align-items-center">
Rescheduling
<small><strong>1</strong></small>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Text Response
<small><strong>2</strong></small>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Insurance
<small><strong>1</strong></small>
</li>
</div>
</div>
</div>
<div class="sidebar-list mt-3">
<div class="container-fluid">
<div class="row list-row appt" data-page="appt0.php">
<div class="col-2">
<div class="sch-date pending" data-toggle="tooltip" data-placement="top" title="Pending">
<span class="big">18</span>
<span class="sml">Aug</span>
</div>
</div>
<div class="col-7">
<span class="sch-name">
Emily White
</span>
<span class="sch-type">
<i class="fa fa-comment-o"></i> No. I need to provide updated insurance.
</span>
</div>
<div class="col-3 text-right">
<span class="when">10:00 PM</span>
</div>
</div>
<div class="row list-row appt" data-page="appt1.php">
<div class="col-2">
<div class="sch-date pending" data-toggle="tooltip" data-placement="top" title="Pending">
<span class="big">14</span>
<span class="sml">Aug</span>
</div>
</div>
<div class="col-7">
<span class="sch-name">
Will Smith
</span>
<span class="sch-type">
<i class="fa fa-comment-o"></i> Do you have my insurance information on file?
</span>
</div>
<div class="col-3 text-right">
<span class="when">6 days ago</span>
</div>
</div>
<div class="row list-row appt" data-page="appt2.php">
<div class="col-2">
<div class="sch-date confirmed" data-toggle="tooltip" data-placement="top" title="Confirmed">
<span class="big">03</span>
<span class="sml">Aug</span>
</div>
</div>
<div class="col-7">
<span class="sch-name">
Jane Doe
</span>
<span class="sch-type">
<i class="fa fa-comment-o"></i> Verify insurance card
</span>
</div>
<div class="col-3 text-right">
<span class="when">03 Aug</span>
</div>
</div>
<div class="row list-row appt" data-page="appt3.php">
<div class="col-2">
<div class="sch-date canceled" data-toggle="tooltip" data-placement="top" title="Cancelled">
<span class="big">23</span>
<span class="sml">Jul</span>
</div>
</div>
<div class="col-7">
<span class="sch-name">
Monica Johnson
</span>
<span class="sch-type">
<i class="fa fa-envelope-o"></i> Appointment Cancelled
</span>
</div>
<div class="col-3 text-right">
<span class="when">17 Jul</span>
</div>
</div>
</div>
</div>
</section>
<section class="focal">
<div class="nr-img">
<img src="images/med2.png" width="200"><br><br><br><p> Select an item from your queue</p>
</div>
</section>
</main>
<!-- Modal -->
<div class="modal fade" id="newTemplate" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Create New Template</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="template-wrapper">
<div class="modal-form">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Template Name</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Message</label>
<textarea class="form-control" rows="8">Hello {Guarantor_First_Name}, </textarea>
</div>
<div class="form-group">
<label>Insert Placeholders</label><br>
<span class="capsule">{Guarantor_First_Name}</span>
<span class="capsule"> {Guarantor_DOB}</span>
<span class="capsule"> {Guarantor_Last_Name}</span>
<span class="capsule"> {Guarantor_Instruction_Link}</span>
</div>
</form>
</div>
<div class="modal-preview">Hello Jane, </div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div> <!-- / Template ends -->
<div class="modal fade" id="accountDetails" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Account Details</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<table class="table table-bordered table-bill">
<thead>
<tr>
<th width="130">Service Date</th>
<th width="110">Invoice #</th>
<th width="250">Charge Description</th>
<th>Provider</th>
<th>Location</th>
<th width="150">Amount</th>
</tr>
</thead>
<tbody>
<tr class="highlighted">
<td>6/18/2010</td>
<td>3492719</td>
<td>Outpatient/Office consult</td>
<td>Dr. John Smith</td>
<td>Onsite Imaging Ctr</td>
<td>$290.00</td>
</tr>
<tr class="highlighted">
<td></td>
<td>3492719</td>
<td>Exam – 30 minute</td>
<td>Dr. Jim Bezamat</td>
<td>Medical Ctr East</td>
<td>$59.00</td>
</tr>
<tr class="highlighted">
<td></td>
<td>3492719</td>
<td>Xray Shoulder 2+ Views</td>
<td>Dr. John Smith</td>
<td>Onsite Imaging Ctr</td>
<td>$290.00</td>
</tr>
<tr class="highlighted">
<td></td>
<td>3492719</td>
<td>Exam – 30 minute</td>
<td>Dr. Jim Bezamat</td>
<td>Medical Ctr East</td>
<td>$59.00</td>
</tr>
<tr class="">
<td>1/4/2020</td>
<td>3497238</td>
<td>Xray Shoulder 2+ Views</td>
<td>Dr. John Smith</td>
<td>Onsite Imaging Ctr</td>
<td>$290.00</td>
</tr>
<tr class="">
<td></td>
<td>3497238</td>
<td>Exam – 30 minute</td>
<td>Dr. Jim Bezamat</td>
<td>Medical Ctr East</td>
<td>$59.00</td>
</tr>
</tbody>
</table>
<table class="table table-summary">
<tbody>
<tr>
<td width="100"></td>
<td colspan="3">Charges/Credits/Payments</td>
<td width="150"><strong>$349.00</strong></td>
</tr>
<tr>
<td></td>
<td colspan="3">Account Credit Balance <i class="fa fa-question info" data-toggle="tooltip" data-placement="top" title="" data-original-title="A pending credit on the account. Please note that credits may be intended for specific charges that have not been transferred to patient responsibility yet."></i></td>
<td><strong> ($223.04)</strong></td>
</tr>
<tr>
<td></td>
<td colspan="3">Total Amount Due</td>
<td><strong>$125.96</strong></td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div> <!-- / Account Summary -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></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">
$(document).on('click','.appt',function(){
$('.appt').removeClass('active');
$(this).addClass('active');
var page=$(this).attr('data-page');
id=1;
$('.loader_main').addClass('loader');
$.ajax({
url:page,
method: "POST",
data:{id:id},
success:function(data){
$('.loader_main').removeClass('loader');
$('.focal').html(data);
},
error:function(data){
$('.loader_main').removeClass('loader');
},
dataType:'html'
});
});
$(document).on('click','.markdone',function(){
$('.sidebar-list .active').hide(500);
// $('.sidebar-list .active').remove();
var data = '<div class="nr-img"><img src="images/med2.png" width="200"><br><br><br><p> Select an item from your queue</p></div>';
$('.focal').html(data);
});
</script>
<!-- <script type="text/javascript">
$(document).on('click','.appt2',function(){
$(this).addClass('active');
$('.appt1').removeClass('active');
$('.appt3').removeClass('active');
id=1;
$('.loader_main').addClass('loader');
$.ajax({
url:'appt2.php',
method: "POST",
data:{id:id},
success:function(data){
$('.loader_main').removeClass('loader');
$('.focal').html(data);
},
error:function(data){
$('.loader_main').removeClass('loader');
},
dataType:'html'
});
});
</script>
<script type="text/javascript">
$(document).on('click','.appt3',function(){
$(this).addClass('active');
$('.appt1').removeClass('active');
$('.appt2').removeClass('active');
id=1;
$('.loader_main').addClass('loader');
$.ajax({
url:'appt3.php',
method: "POST",
data:{id:id},
success:function(data){
$('.loader_main').removeClass('loader');
$('.focal').html(data);
},
error:function(data){
$('.loader_main').removeClass('loader');
},
dataType:'html'
});
});
</script> -->
</body>
</html>