<div class="popoverMedsReviewExample">
<!-- <a class="btn btn-detailsview showMedsReview" data-content-element-id="popoverMedsReviewHiddenContent" data-title="Atorvastatin" id="popoverMedsReview"><i class="fa fa-file-text-o"></i></a> -->
<!-- Popover 2 hidden content -->
<div id="popoverMedsReviewHiddenContent">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-body all-padding-no">
<div class="tabbable tabs-left">
<div class="nav nav-tabs nav-left">
<h4>Order History</h4>
<ul>
<li class="active"><a href="#tabOne" data-toggle="tab">2/28/2014 - 2/28/2015</a></li>
<li><a href="#tabTwo" data-toggle="tab">2/28/2014 - 2/28/2013</a></li>
<li><a href="#tabThree" data-toggle="tab">11/28/2011 - 2/28/2012</a></li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="http://clinicalpharmacology-ip.com/" title="This links will take you to Clinical Pharmacology">Clinical Pharmacology</a></li>
<li><a href="http://clinicalpharmacology-ip.com/" title="This links will take you to MDConsult">MDConsult</a></li>
<li><a href="http://clinicalpharmacology-ip.com/" title="This links will take you to UpToDate">UpToDate</a></li>
<li><a href="http://clinicalpharmacology-ip.com/" title="This links will take you to VisualDX">VisualDX</a></li>
</ul>
<h4>Patient Education</h4>
<ul>
<li><a href="http://clinicalpharmacology-ip.com/" title="This links will take you to Krames StayWell">Krames StayWell</a></li>
<li><a href="http://clinicalpharmacology-ip.com/" title="This links will take you to UpToDate">UpToDate</a></li>
<li><a href="http://clinicalpharmacology-ip.com/" title="This links will take you to VisualDX">VisualDX</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="tabOne">
<div class="row">
<div class="col-sm-11">
<h4>Atorvastatin Tab 40 mg</h4>
</div>
<div class="col-sm-1">
<h5 class="label label-default pull-right label-status">Active</h5>
</div>
<div class="col-sm-12">
<span class="description">Take one tablet by mouth twice a day</span>
</div>
</div>
<br />
<div class="row">
<div class="col-sm-12">
<h5>Details</h5>
<hr>
</div>
<div class="col-sm-3">
<h6>Prescription Number</h6>
<p>00012345</p>
</div>
<div class="col-sm-6">
<h6>Supply</h6>
<p>60 for 30 days ( of 0 remaining)</p>
</div>
<div class="col-sm-3">
<h6>Dose/Schedule</h6>
<p>40 mg PO QDAY</p>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Provider</h6>
<p>Provider, Fifteen</p>
</div>
<div class="col-sm-3">
<h6>Pharmacist</h6>
<p>Provider, Fifteen</p>
</div>
<div class="col-sm-3">
<h6>Location</h6>
<p>Primary Care</p>
</div>
<div class="col-sm-3">
<h6>Facility</h6>
<p>Abilene (CAA)</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h5>Fill History</h5>
<hr>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Supply</th>
<th scope="col">Delivery Method</th>
</tr>
</thead>
<tbody>
<tr>
<td>09/28/2014</td>
<td>180 for 90 days</td>
<td>Window</td>
</tr>
<tr>
<td>03/28/2014</td>
<td>180 for 90 days</td>
<td>Window</td>
</tr>
<tr>
<td>03/28/2013</td>
<td>180 for 90 days</td>
<td>Window</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- contents tabOne end -->
<div class="tab-pane" id="tabTwo">
<div class="row">
<div class="col-sm-11">
<h4>Atorvastatin Tab 120 mg</h4>
</div>
<div class="col-sm-1">
<h5 class="label label-default pull-right label-status">Active</h5>
</div>
<div class="col-sm-12">
<span class="description">Take one tablet by mouth twice a day</span>
</div>
</div>
<br />
<div class="row">
<div class="col-sm-12">
<h5>Details</h5>
<hr>
</div>
<div class="col-sm-3">
<h6>Prescription Number</h6>
<p>00012345</p>
</div>
<div class="col-sm-6">
<h6>Supply</h6>
<p>60 for 30 days ( of 0 remaining)</p>
</div>
<div class="col-sm-3">
<h6>Dose/Schedule</h6>
<p>40 mg PO QDAY</p>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Provider</h6>
<p>Provider, Fifteen</p>
</div>
<div class="col-sm-3">
<h6>Pharmacist</h6>
<p>Provider, Fifteen</p>
</div>
<div class="col-sm-3">
<h6>Location</h6>
<p>Primary Care</p>
</div>
<div class="col-sm-3">
<h6>Facility</h6>
<p>Abilene (CAA)</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h5>Fill History</h5>
<hr>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Supply</th>
<th scope="col">Delivery Method</th>
</tr>
</thead>
<tbody>
<tr>
<td>09/28/2014</td>
<td>180 for 90 days</td>
<td>Window</td>
</tr>
<tr>
<td>03/28/2014</td>
<td>180 for 90 days</td>
<td>Window</td>
</tr>
<tr>
<td>03/28/2013</td>
<td>180 for 90 days</td>
<td>Window</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- contents tabTwo end -->
<div class="tab-pane" id="tabThree">
<div class="row">
<div class="col-sm-11">
<h4>Atorvastatin Tab 80 mg</h4>
</div>
<div class="col-sm-1">
<h5 class="label label-default pull-right label-status">Active</h5>
</div>
<div class="col-sm-12">
<span class="description">Take one tablet by mouth twice a day</span>
</div>
</div>
<br />
<div class="row">
<div class="col-sm-12">
<h5>Details</h5>
<hr>
</div>
<div class="col-sm-3">
<h6>Prescription Number</h6>
<p>00012345</p>
</div>
<div class="col-sm-6">
<h6>Supply</h6>
<p>60 for 30 days ( of 0 remaining)</p>
</div>
<div class="col-sm-3">
<h6>Dose/Schedule</h6>
<p>40 mg PO QDAY</p>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Provider</h6>
<p>Provider, Fifteen</p>
</div>
<div class="col-sm-3">
<h6>Pharmacist</h6>
<p>Provider, Fifteen</p>
</div>
<div class="col-sm-3">
<h6>Location</h6>
<p>Primary Care</p>
</div>
<div class="col-sm-3">
<h6>Facility</h6>
<p>Abilene (CAA)</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h5>Fill History</h5>
<hr>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Supply</th>
<th scope="col">Delivery Method</th>
</tr>
</thead>
<tbody>
<tr>
<td>09/28/2014</td>
<td>180 for 90 days</td>
<td>Window</td>
</tr>
<tr>
<td>03/28/2014</td>
<td>180 for 90 days</td>
<td>Window</td>
</tr>
<tr>
<td>03/28/2013</td>
<td>180 for 90 days</td>
<td>Window</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- contents tabThree end -->
</div>
</div>
</div>
<!-- /panel-body -->
<div class="panel-footer text-right clearfix">
<button type="button" class="btn btn-default btn-sm" data-dismiss="print" onClick="window.print()" value="Print"><span class="fa fa-print" aria-hidden="true"></span> Print</button>
<button type="button" class="btn btn-default btn-sm close-popover-self" data-toggle="clickover">Close</button>
</div>
<!-- /footer ends -->
</div>
</div>
<!-- Meds Reivew ends -->
</div>
</div>
<!-- Popover 2 hidden title -->
<div id="popoverMedsReviewHiddenTitle" class="hidden">
Atorvastatin
</div>
</div>
<div class="popoverLabwTableExample">
<!-- <a class="btn btn-detailsview showMedsReview" data-content-element-id="popoverLabswTableHiddenContent" data-title="Lab Results" id="popoverLabswTable"><i class="fa fa-file-text-o"></i></a> -->
<!-- Popover 2 hidden content -->
<div id="popoverLabwTableHiddenContent">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-body all-padding-no">
<div class="tabbable tabs-left">
<div class="nav nav-tabs nav-left">
<h4>Date</h4>
<ul>
<li><a href="#labSodiumTable" data-toggle="tab">Sodium2</a></li>
<li><a href="#labChlorideTable" data-toggle="tab">Chloride2</a></li>
<li><a href="#labPotassiumTable" data-toggle="tab">Potassium2</a></li>
<li class="active"><a href="#labGlucoseTable" data-toggle="tab">Glucose2</a></li>
<li><a href="#labCholestrolTable" data-toggle="tab">Cholestrol2</a></li>
<li><a href="#labCalciumTable" data-toggle="tab">Calcium2</a></li>
<li><a href="#labCarbondioxideTable" data-toggle="tab">Carbon Dioxide2</a></li>
<li><a href="#labAniongapTable" data-toggle="tab">Anion Gap2</a></li>
<li><a href="#labLeukocytesTable" data-toggle="tab">Leukocytes2</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane" id="labSodiumTable">
<div class="row">
<div class="col-sm-12">
<h4>Sodium</h4>
<h5>Details</h5>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Date & Time</h6>
<p>05/04/2013 - 08:25</p>
</div>
<div class="col-sm-4">
<h6>Lab Test</h6>
<p>Glucose, Serum or Plasma Quantitative</p>
</div>
<div class="col-sm-1">
<h6>Flag</h6>
<p><span class="label label-abnormal applet-badges" aria-label="H - Abnormal High">H</span></p>
</div>
<div class="col-sm-2">
<h6>Result</h6>
<p>100 mg/dL</p>
</div>
<div class="col-sm-2">
<h6>Ref Range</h6>
<p>70-99</p>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Entered by</h6>
<p>Provider, Fifteen</p>
</div>
<div class="col-sm-9">
<h6>Facility</h6>
<p>Abilene (CAA)</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h5>Total Tests: 8</h5>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Flag</th>
<th scope="col">Result</th>
<th scope="col">Ref Range</th>
<th scope="col">Facility</th>
</tr>
</thead>
<tbody>
<tr>
<td>05/04/2013 - 08:25</td>
<td><span class="label label-abnormal applet-badges" aria-label="H - Abnormal High">H</span></td>
<td>100 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>04/09/2013 - 10:13</td>
<td></td>
<td>72 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>03/09/2013 - 09:23</td>
<td><span class="label label-critical applet-badges" aria-label="L* - Critical Low">L*</span></td>
<td>60 mg/dL</td>
<td>70-99</td>
<td>DOD</td>
</tr>
<tr>
<td>02/03/2013 - 16:16</td>
<td></td>
<td>85 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>01/02/2013 - 11:51</td>
<td><span class="label label-critical applet-badges" aria-label="L* - Critical Low">L*</span></td>
<td>52 mg/dL</td>
<td>70-99</td>
<td>DOD</td>
</tr>
<tr>
<td>12/02/2012 - 09:23</td>
<td></td>
<td>78 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>11/02/2012 - 08:22</td>
<td><span class="label label-abnormal applet-badges" aria-label="H - Abnormal High">H</span></td>
<td>100 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>10/02/2012 - 08:22</td>
<td></td>
<td>76 mg/dL</td>
<td>70-99</td>
<td>DOD</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- content labSodium ends -->
<div class="tab-pane" id="labChlorideTable">
<div class="row">
<div class="col-sm-12">
<h4>Chloride</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="labPotassiumTable">
<div class="row">
<div class="col-sm-12">
<h4>Potassium</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane active" id="labGlucoseTable">
<div class="row">
<div class="col-sm-12">
<h4>Glucose, Serum or Plasma Quantitative 100 mg/dL</h4>
<h5>Details</h5>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Date & Time</h6>
<p>05/04/2013 - 08:25</p>
</div>
<div class="col-sm-4">
<h6>Lab Test</h6>
<p>Glucose, Serum or Plasma Quantitative</p>
</div>
<div class="col-sm-1">
<h6>Flag</h6>
<p><span class="label label-abnormal applet-badges" aria-label="H - Abnormal High">H</span></p>
</div>
<div class="col-sm-2">
<h6>Result</h6>
<p>100 mg/dL</p>
</div>
<div class="col-sm-2">
<h6>Ref Range</h6>
<p>70-99</p>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Entered by</h6>
<p>Provider, Fifteen</p>
</div>
<div class="col-sm-9">
<h6>Facility</h6>
<p>Abilene (CAA)</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h5>Total Tests: 8</h5>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Flag</th>
<th scope="col">Result</th>
<th scope="col">Ref Range</th>
<th scope="col">Facility</th>
</tr>
</thead>
<tbody>
<tr>
<td>05/04/2013 - 08:25</td>
<td><span class="label label-abnormal applet-badges" aria-label="H - Abnormal High">H</span></td>
<td>100 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>04/09/2013 - 10:13</td>
<td></td>
<td>72 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>03/09/2013 - 09:23</td>
<td><span class="label label-critical applet-badges" aria-label="L* - Critical Low">L*</span></td>
<td>60 mg/dL</td>
<td>70-99</td>
<td>DOD</td>
</tr>
<tr>
<td>02/03/2013 - 16:16</td>
<td></td>
<td>85 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>01/02/2013 - 11:51</td>
<td><span class="label label-critical applet-badges" aria-label="L* - Critical Low">L*</span></td>
<td>52 mg/dL</td>
<td>70-99</td>
<td>DOD</td>
</tr>
<tr>
<td>12/02/2012 - 09:23</td>
<td></td>
<td>78 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>11/02/2012 - 08:22</td>
<td><span class="label label-abnormal applet-badges" aria-label="H - Abnormal High">H</span></td>
<td>100 mg/dL</td>
<td>70-99</td>
<td>Abilene (CAA)</td>
</tr>
<tr>
<td>10/02/2012 - 08:22</td>
<td></td>
<td>76 mg/dL</td>
<td>70-99</td>
<td>DOD</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="tab-pane" id="labCholestrolTable">
<div class="row">
<div class="col-sm-12">
<h4>Cholestrol</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="labCalciumTable">
<div class="row">
<div class="col-sm-12">
<h4>Calcium</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="labCarbondioxideTable">
<div class="row">
<div class="col-sm-12">
<h4>Carbondioxide</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="labAniongapTable">
<div class="row">
<div class="col-sm-12">
<h4>Aniongap</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="labLeukocytesTable">
<div class="row">
<div class="col-sm-12">
<h4>Leukocytes</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
</div>
<!--Tab Content ends -->
</div>
<!-- /tabbable ends -->
</div>
<!-- /panel-body ends-->
<div class="panel-footer text-right clearfix">
<button type="button" class="btn btn-default btn-sm" data-dismiss="print" onClick="window.print()" value="Print"><span class="fa fa-print" aria-hidden="true"></span> Print</button>
<button type="button" class="btn btn-default btn-sm close-popover-self" data-toggle="clickover">Close</button>
</div>
<!-- /footer ends -->
</div>
</div>
<!-- Meds Reivew ends -->
</div>
</div>
<!-- Popover 2 hidden title -->
<div id="popoverLabwTableHiddenTitle" class="hidden">
Lab Results
</div>
</div>
<div class="popoverImmunizationExample">
<!-- <a class="btn btn-detailsview showMedsReview" data-content-element-id="popoverImmunizationHiddenContent" data-title="Immunizations" id="popoverImmunizations"><i class="fa fa-file-text-o"></i></a> -->
<!-- Popover 2 hidden content -->
<div id="popoverImmunizationHiddenContent">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-body all-padding-no">
<div class="tabbable tabs-left">
<div class="nav nav-tabs nav-left">
<h4>Immunizations</h4>
<ul>
<li class="active"><a href="#hepB" data-toggle="tab">Hep B - Adult</a></li>
<li><a href="#tdap" data-toggle="tab">Tdap</a></li>
<li><a href="#anthrax" data-toggle="tab">Anthrax</a></li>
<li><a href="#dengueFever" data-toggle="tab">Dengue Fever</a></li>
<li><a href="#dtap" data-toggle="tab">DTaP</a></li>
<li><a href="#td" data-toggle="tab">Td</a></li>
<li><a href="#influenza" data-toggle="tab">Influenza</a></li>
<li><a href="#mmr" data-toggle="tab">MMR</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="hepB">
<div class="row">
<div class="col-sm-12">
<h4>Vaccine - Hep B - Adult</h4>
<h5>Details</h5>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Date</h6>
<p>01/09/2014</p>
</div>
<div class="col-sm-2">
<h6>Summary</h6>
<p>Hep B - Adult</p>
</div>
<div class="col-sm-2">
<h6>Reaction</h6>
<p></p>
</div>
<div class="col-sm-1">
<h6>Series</h6>
<p>3</p>
</div>
<div class="col-sm-4">
<h6>Repeat Contraindicated</h6>
<p>No</p>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Entered by</h6>
<p>Provider, Fifteen</p>
</div>
<div class="col-sm-9">
<h6>Facility</h6>
<p>Abilene (CAA)</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h5>Immunizations: 5</h5>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Summary</th>
<th scope="col">Reaction</th>
<th scope="col">Series</th>
<th scope="col">Repeat Contraindicated</th>
<th scope="col">Facility</th>
</tr>
</thead>
<tbody>
<tr>
<td>01/09/2014</td>
<td>Hep B - Adult</td>
<td>Window</td>
<td>3</td>
<td>No</td>
<td>DOD</td>
</tr>
<tr>
<td>12/03/2013</td>
<td>Hep B - Adult</td>
<td>Window</td>
<td>3</td>
<td>No</td>
<td>DOD</td>
</tr>
<tr>
<td>12/02/2013</td>
<td>Hep B - Adult</td>
<td>Window</td>
<td>3</td>
<td>No</td>
<td>DOD</td>
</tr>
<tr>
<td>11/18/2013</td>
<td>Hep B - Adult</td>
<td></td>
<td>3</td>
<td>No</td>
<td>DOD</td>
</tr>
<tr>
<td>11/15/2013</td>
<td>Hep B - Adult</td>
<td></td>
<td>3</td>
<td>No</td>
<td>DOD</td>
</tr>
</tbody>
</table>
<br />
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h5>Comments</h5>
<hr>
</div>
</div>
</div>
<!-- content hepB ends -->
<div class="tab-pane" id="tdap">
<div class="row">
<div class="col-sm-12">
<h4>Tdap</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="anthrax">
<div class="row">
<div class="col-sm-12">
<h4>Anthrax</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="dengueFever">
<div class="row">
<div class="col-sm-12">
<h4>Dengue Fever</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="dtap">
<div class="row">
<div class="col-sm-12">
<h4>DTaP</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="td">
<div class="row">
<div class="col-sm-12">
<h4>Td</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="influenza">
<div class="row">
<div class="col-sm-12">
<h4>Influenza</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<div class="tab-pane" id="mmr">
<div class="row">
<div class="col-sm-12">
<h4>MMR</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
</div>
<!--Tab Content ends -->
</div>
</div>
<!-- /panel-body -->
<div class="panel-footer text-right clearfix">
<button type="button" class="btn btn-default btn-sm" data-dismiss="print" onClick="window.print()" value="Print"><span class="fa fa-print" aria-hidden="true"></span> Print</button>
<button type="button" class="btn btn-default btn-sm close-popover-self" data-toggle="clickover">Close</button>
</div>
<!-- /footer ends -->
</div>
</div>
<!-- Meds Reivew ends -->
</div>
</div>
<!-- Popover 2 hidden title -->
<div id="popoverImmunizationHiddenTitle" class="hidden">
Immunizations
</div>
</div>
<div class="popoverReportsExample">
<!-- <a class="btn btn-detailsview showMedsReview" data-content-element-id="popoverReportsHiddenContent" data-title="Reports" id="popoverReports"><i class="fa fa-file-text-o"></i></a> -->
<!-- Popover 2 hidden content -->
<div id="popoverReportsHiddenContent">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-body all-padding-no">
<div class="tabbable tabs-left">
<div class="nav nav-tabs nav-left">
<h4>Date</h4>
<ul>
<li class="active"><a href="#outpatientOne" data-toggle="tab">04/01/2014</a></li>
<li><a href="#outpatientTwo" data-toggle="tab">05/21/2014</a></li>
<li><a href="#outpatientThree" data-toggle="tab">11/19/1998</a></li>
<li><a href="#outpatientFour" data-toggle="tab">02/26/1997</a></li>
</ul>
</div>
<div class="tab-content scroll">
<div class="tab-pane active" id="outpatientOne">
<div class="row">
<div class="col-sm-11">
<h4>Audiology Outpatient Cons</h4>
</div>
<div class="col-sm-1">
<h5 class="label label-default pull-right label-status">Complete</h5>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<h6>Date & Time</h6>
<p>04/01/2004 - 22:57</p>
</div>
<div class="col-sm-3">
<h6>Type</h6>
<p>Consult</p>
</div>
<div class="col-sm-3">
<h6>Status</h6>
<p>Complete</p>
</div>
<div class="col-sm-3">
<h6>Facility</h6>
<p>Abilene (CAA)</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h5>Order Information</h5>
<hr>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<tbody>
<tr>
<th scope="row">To Service</th>
<td>AUDIOLOGY OUTPATIENT</td>
</tr>
<tr>
<th scope="row">From Service</th>
<td>GENERAL MEDICINE</td>
</tr>
<tr>
<th scope="row">Requesting Provider</th>
<td>PATHOLOGY, ONE</td>
</tr>
<tr>
<th scope="row">Place</th>
<td>Consultant's choice</td>
</tr>
<tr>
<th scope="row">Urgency</th>
<td>Routine</td>
</tr>
<tr>
<th scope="row">Orderable Item</th>
<td>AUDIOLOGY OUTPATIENT</td>
</tr>
<tr>
<th scope="row">Procedure</th>
<td>Consult</td>
</tr>
<tr>
<th scope="row">Reason</th>
<td>86 year old MALE referred for suspected hearing loss.</td>
</tr>
<tr>
<th scope="row">Local Title</th>
<td>AUDIOLOGY - HEARING LOSS CONSULT</td>
</tr>
</tbody>
</table>
<br />
<h5>Results</h5>
<hr>
<h6>AUDIOLOGY - HEARING LOSS CONSULT</h6>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<thead>
<tr>
<th scope="col">Heading 1</th>
<th scope="col">Heading 2</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Local Title</th>
<td>AAUDIOLOGY - HEARING LOSS CONSULTe</td>
</tr>
<tr>
<th scope="row">Date of Note</th>
<td>04/01/2004 - 22:57</td>
</tr>
<tr>
<th scope="row">Author</th>
<td>Pathology, One</td>
</tr>
<tr>
<th scope="row">Status</th>
<td>Completed</td>
</tr>
</tbody>
</table>
<br/>
<p>HX: Patient was seen for hearing aid fitting and orientation. The batteries supplied for this hearing aid were: za312.</p>
<p>IMP: The veteran was seen for hearing aid fitting and orientation. A complete orientation was performed, and the patient can insert the aids(s), change the batteries, and adjust the volume. Response curves were obtained using a real-ear probe microphone in-situ Measurement System and indicated appropriate gain for the demonstrated hearing loss. Care of the aid(s), warranty information and dangers of battery ingestion were discussed with the veteran.</p>
<p>REC: Continued use of present amplification is recommended</p>
<h5>Activity</h5>
<hr>
<h6>CPRS RELEASED ORDER</h6>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<tbody>
<tr>
<th scope="row">Date/Time</th>
<td>04/01/2004 - 22:57</td>
</tr>
<tr>
<th scope="row">Responsible</th>
<td>PATHOLOGY, ONE</td>
</tr>
</tbody>
</table>
<br />
<h6>COMPLETE/UPDATE</h6>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<tbody>
<tr>
<th scope="row">Date/Time</th>
<td>04/01/2004 - 22:58</td>
</tr>
<tr>
<th scope="row">Responsible</th>
<td>PATHOLOGY, ONE</td>
</tr>
</tbody>
</table>
<br />
</div>
</div>
</div>
<!-- contents e end -->
<div class="tab-pane" id="outpatientTwo">
<div class="row">
<div class="col-sm-12">
<h4>05/21/2014</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<!-- contents f end -->
<div class="tab-pane" id="outpatientThree">
<div class="row">
<div class="col-sm-12">
<h4>11/19/1998</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<!-- contents g end -->
<div class="tab-pane" id="outpatientFour">
<div class="row">
<div class="col-sm-12">
<h4>02/26/1997</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<!-- contents h end -->
</div>
<!--Tab Content ends -->
</div>
</div>
<!-- /panel-body -->
<div class="panel-footer text-right clearfix">
<button type="button" class="btn btn-default btn-sm" data-dismiss="print" onClick="window.print()" value="Print"><span class="fa fa-print" aria-hidden="true"></span> Print</button>
<button type="button" class="btn btn-default btn-sm close-popover-self" data-toggle="clickover">Close</button>
</div>
<!-- /footer ends -->
</div>
</div>
<!-- Meds Reivew ends -->
</div>
</div>
<!-- Popover 2 hidden title -->
<div id="popoverReportsHiddenTitle" class="hidden">
Reports
</div>
</div>
<div class="popoverAllergiesExample">
<!-- <a class="btn btn-detailsview showMedsReview" data-content-element-id="popoverAllergiesHiddenContent" data-title="Allergies" id="popoverAllergies"><i class="fa fa-file-text-o"></i></a> -->
<!-- Popover 2 hidden content -->
<div id="popoverAllergiesHiddenContent">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-body all-padding-no">
<div class="tabbable tabs-left">
<div class="nav nav-tabs nav-left">
<h4>Allergen</h4>
<ul>
<li class="active"><a href="#penicillin" data-toggle="tab">PENICILLIN</a></li>
<li><a href="#chocolate" data-toggle="tab">CHOCOLATE</a></li>
<li><a href="#milk" data-toggle="tab">MILK</a></li>
<li><a href="#tetracyclines" data-toggle="tab">Tetracyclines</a></li>
<li><a href="#idoine" data-toggle="tab">Iodine Containing Agents</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="penicillin">
<div class="row">
<div class="col-sm-12">
<h4>PENICILLIN</h4>
<span class="description">Symptoms: ITCHING,WATERING EYES</span>
</div>
</div>
<br />
<div class="row">
<div class="col-sm-12">
<h5>Details</h5>
<hr>
<table class="table table-striped table-bordered">
<caption class="sr-only">This table represents data for …</caption>
<tbody>
<tr>
<th scope="row">Drug Classes</th>
<td>PENICILLINS AND BETA-LACTAM ANTIMICROBIALS</td>
</tr>
<tr>
<th scope="row">Nature of Reaction</th>
<td>Adverse Reaction</td>
</tr>
<tr>
<th scope="row">Severity</th>
<td></td>
</tr>
<tr>
<th scope="row">Entered By</th>
<td>VEHU,EIGHT</td>
</tr>
<tr>
<th scope="row">Originated</th>
<td>03/17/2005 - 20:09</td>
</tr>
<tr>
<th scope="row">Verified</th>
<td>03/17/2005 - 20:09</td>
</tr>
<tr>
<th scope="row">Observed/Historical</th>
<td>Consult</td>
</tr>
<tr>
<th scope="row">Observed Date</th>
<td>Historical</td>
</tr>
<tr>
<th scope="row">Site</th>
<td>CAMP MASTER</td>
</tr>
</tbody>
</table>
<br />
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h5>Comments</h5>
<hr>
</div>
</div>
</div>
<!-- contents PENICILLIN end -->
<div class="tab-pane" id="chocolate">
<div class="row">
<div class="col-sm-12">
<h4>CHOCOLATE</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<!-- contents CHOCOLATE end -->
<div class="tab-pane" id="milk">
<div class="row">
<div class="col-sm-12">
<h4>MILK</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<!-- contents MILK end -->
<div class="tab-pane" id="tetracyclines">
<div class="row">
<div class="col-sm-12">
<h4>Tetracyclines</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<!-- contents Tetracyclines end -->
<div class="tab-pane" id="idoine">
<div class="row">
<div class="col-sm-12">
<h4>Iodine Containing Agents</h4>
<h5>Details</h5>
<hr>
</div>
</div>
</div>
<!-- contents Iodine Containing Agents end -->
</div>
<!--Tab Content ends -->
</div>
</div>
<!-- /panel-body -->
<div class="panel-footer text-right clearfix">
<button type="button" class="btn btn-default btn-sm" data-dismiss="print" onClick="window.print()" value="Print"><span class="fa fa-print" aria-hidden="true"></span> Print</button>
<button type="button" class="btn btn-default btn-sm close-popover-self" data-toggle="clickover">Close</button>
</div>
<!-- /footer ends -->
</div>
</div>
<!-- Meds Reivew ends -->
</div>
</div>
<!-- Popover 2 hidden title -->
<div id="popoverAllergiesHiddenTitle" class="hidden">
Allergies
</div>
</div>
<script>
$(function() {
$('.showMedsReview').each(function(){
var t = $(this);
t.popover({
html:true,
content:$('#'+t.data('content-element-id')).html(),
title:t.data('title')
});
});
// Enabling Popover Example 1 - HTML (content and title from html tags of element)
//$("[data-toggle=popover]").popover();
// Enabling Popover Example 2 - JS (hidden content and title capturing)
/*
$("#popoverLab").popover({
html: true,
content: function() {
return $('#popoverLabHiddenContent').html();
},
title: function() {
return $('#popoverLabHiddenTitle').html();
}
});
*/
$('body').on('click', '.close-popover-self', function() {
var popButtonElementDesc = $(this).closest('.popover').attr('id');
$('[aria-describedby=' + popButtonElementDesc + ']').popover('hide');
//$('#popoverLab').popover('hide');
});
});
</script>
