File: /home/imensosw/www/imenso.co/dev/prc/account-details.html
<!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>Patient Portal</title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<link rel='stylesheet' href='css/style-2.css' media='all' />
<link rel='stylesheet' href='css/responsive.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="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- <script src="js/popover.js"></script> -->
<script>
$(function(){
$("#includedContent").load("sidebar.html");
setTimeout(function(){
$('.sidebar_nav a').removeClass('active');
$('.sidebar_nav a').eq(2).addClass('active');
},100);
});
</script>
</head>
<body style="background: #F0F4F7;">
<!-- Payment Code pop up -->
<div class="modal fade" id="CustomDate" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Custom Date</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="">From</label>
<input type="text" class="form-control" id="" aria-describedby="emailHelp" placeholder="Start Date">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="">To</label>
<input type="text" class="form-control" id="" placeholder="End Date">
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-login">Submit</button>
</div>
</div>
</div>
</div> <!--/ Add new-->
<div class="container-fluid">
<div id="includedContent"></div>
<div class="right right_panel">
<div class="m-5">
<div class="container-fluid">
<div class="row my_account">
<div class="col-md-12 mb-3 header_area">
<div class="d-flex justify-content-between" style="display: none !important;">
<div class="page-header d-flex">
<i class="fa fa-dashboard"></i>
<h1> Dashboard <small>At a glance</small></h1>
</div>
<ul class="top-icon">
<li class="blue-bg"><a tooltip="Chat" href=""><img src="images/support.png"></a></li>
<li class="green-bg"><a tooltip="Commonly Asked Questions" href=""><img src="images/question.png"></a></li>
<li class="orange-bg"><a tooltip="E-mail Us" href=""><img src="images/envelope.png"></a></li>
</ul>
</div>
<div class="row">
<div class="col-md-12 mb-3">
<div class="d-flex justify-content-between align-items-center">
<h4 calss="mb-0">Account Details for Payment Code 145698752</h4>
<a class="btn btn btn-secondary fix_bottom" href="#"> Download</a>
</div>
<hr />
<a href="accounts.html" class="link bold sml-text"><i class="fa fa-long-arrow-left"></i> Back to Accounts</a>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="mb-5 d-flex align-items-center mobile_horizontal filter_area">
<small class="filter_hideshow"><strong>Filter By</strong><span class="d-md-none"></span></small>
<div class="dropdown ml-3">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Invoice No. </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">932182</a>
<a class="dropdown-item" href="#">932184</a>
<a class="dropdown-item" href="#">932185</a>
</div>
</div>
<div class="dropdown ml-1">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Patient Name </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">John Smith</a>
<a class="dropdown-item" href="#">Jane Doe</a>
</div>
</div>
<div class="dropdown ml-1">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Doctor Name </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Doctor A</a>
<a class="dropdown-item" href="#">Doctor B</a>
<a class="dropdown-item" href="#">Doctor C</a>
</div>
</div>
<div class="dropdown ml-1">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Date </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">This Month</a>
<a class="dropdown-item" href="#">Last Month</a>
<a class="dropdown-item" href="#">Last Quarter</a>
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#CustomDate" href="javascript:;">Custom Date</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="custom-search">
<input type="" class="form-control" placeholder="Search here.." name="">
</div>
</div>
<div class="col-md-12">
<div class="table-responsive sml-text">
<table class="table statement">
<thead>
<th>Date of Service</th>
<th>Invoice</th>
<th>Description</th>
<th>Patient Name</th>
<th>Service Location</th>
<th>Doctor Name</th>
<th>Charges</th>
<th>Credits</th>
<th>Balance</th>
</thead>
<tbody>
<tr>
<td>10/26/2016</td>
<td>932182</td>
<td>Office consult NP Or EST patient level 2</td>
<td>Jane Doe</td>
<td>The Pediatric Clinic</td>
<td>John Smith MD</td>
<td>$198.00</td>
<td>$0.00</td>
<td>$198.00</td>
</tr>
<tr>
<td>10/26/2016</td>
<td>932182</td>
<td>Office consult NP Or EST patient level 2</td>
<td>Jane Doe</td>
<td>The Pediatric Clinic</td>
<td>John Smith MD</td>
<td>$198.00</td>
<td>$0.00</td>
<td>$198.00</td>
</tr>
<tr>
<td>10/26/2016</td>
<td>932182</td>
<td>Office consult NP Or EST patient level 2</td>
<td>Jane Doe</td>
<td>The Pediatric Clinic</td>
<td>John Smith MD</td>
<td>$198.00</td>
<td>$0.00</td>
<td>$198.00</td>
</tr>
<tr>
<td>10/26/2016</td>
<td>932182</td>
<td>Office consult NP Or EST patient level 2</td>
<td>Jane Doe</td>
<td>The Pediatric Clinic</td>
<td>John Smith MD</td>
<td>$198.00</td>
<td>$0.00</td>
<td>$198.00</td>
</tr>
<tr>
<td>10/26/2016</td>
<td>932182</td>
<td>Office consult NP Or EST patient level 2</td>
<td>Jane Doe</td>
<td>The Pediatric Clinic</td>
<td>John Smith MD</td>
<td>$198.00</td>
<td>$0.00</td>
<td>$198.00</td>
</tr>
<tr>
<td>10/26/2016</td>
<td>932182</td>
<td>Office consult NP Or EST patient level 2</td>
<td>Jane Doe</td>
<td>The Pediatric Clinic</td>
<td>John Smith MD</td>
<td>$198.00</td>
<td>$0.00</td>
<td>$198.00</td>
</tr>
<tr>
<td>10/26/2016</td>
<td>932182</td>
<td>Office consult NP Or EST patient level 2</td>
<td>Jane Doe</td>
<td>The Pediatric Clinic</td>
<td>John Smith MD</td>
<td>$198.00</td>
<td>$0.00</td>
<td>$198.00</td>
</tr>
<tr>
<td>10/26/2016</td>
<td>932182</td>
<td>Office consult NP Or EST patient level 2</td>
<td>Jane Doe</td>
<td>The Pediatric Clinic</td>
<td>John Smith MD</td>
<td>$198.00</td>
<td>$0.00</td>
<td>$198.00</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div><!--/row-->
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".filter_hideshow").click(function(){
$(".filter_area .dropdown").toggleClass("show1");
});
});
</script>
</body>
</html>