<?php 
print_r($formData);
?>

<main id="js-page-content" role="main" class="page-content">


	<ol class="breadcrumb page-breadcrumb">
		<li class="breadcrumb-item"><a href="javascript:void(0);">IC Portal</a></li>
		<li class="breadcrumb-item">View Patient History</li>
		<li class="breadcrumb-item">View Detail</li>

		<li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
	</ol>
	<div id="content">
		<div class="row">
			<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
				<h1> <span class="page-title txt-color-blueDark">View Patient Detail</span></h1>
			</div>
			<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
				<a href="/viewdata" class="btn btn-primary float-right bg-brand-gradient" type="button"><i class="fas fa-long-arrow-left" style="margin-right: 4px"></i>Back</a>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12">
				<div class=" col-xl-19 order-lg-1 order-xl-1">
					<div class="card mb-g rounded-top">
						<div class="card-header bg-white">
							<div class="row no-gutters align-items-center">
								<div class="col">
									<span class="h6 font-weight-bold text-uppercase">Primary Patient Info</span>
								</div>
							</div>
						</div>
						<div class="row no-gutters row-grid">
							<div class="col-12">
								<div class="py-3">
									<table class="block-section table table-striped table-vcenter">
										<tbody>
											<tr>
												<td class="text-left" style="width: 50%;"><strong>M.R.#</strong></td>
												<td>
													<?=$formData[0]['mr_no'];?>
												</td>
												<td class="text-left"><strong>Name</strong></td>
												<td><?=$formData[0]['pateint_name'];?></td>
											</tr>
											<tr>
												<td class="text-left"><strong>Ward</strong></td>

												<td><?=$formData[0]['ward_no'];?></td>
												<td class="text-left"><strong>Bed</strong></td>
												<td><?=$formData[0]['ward_no'];?></td>
											</tr>	
											
											<tr>
												<td class="text-left"><strong>Primary Diagnosis</strong></td>
												<td></td>
												<td class="text-left"><strong>Final Diagnosis</strong></td>
												<td></td>
											</tr>
										
											<tr>
												<td class="text-left"><strong>Date Of Admission </strong></td>
												<td></td>
												<td class="text-left"><strong>Condition On Discharge</strong></td>
												<td></td>
											</tr>	
											<tr>
												<td class="text-left"><strong>Date Of Discharge</strong></td>
												<td></td>
											</tr>

										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-12">
				<div class=" col-xl-19 order-lg-1 order-xl-1">
					<div class="card mb-g rounded-top">
						<div class="card-header bg-white">
							<div class="row no-gutters align-items-center">
								<div class="col">
									<span class="h6 font-weight-bold text-uppercase">Daily Clinical Data</span>
								</div>
							</div>
						</div>
						<div class="row no-gutters row-grid">
							<div class="col-12">
								<div class="py-3">
									<table class="block-section table table-striped table-vcenter">
										<tbody>
										
										
											<tr>
												<td class="text-left"><strong>Temperature</strong></td>
												<td></td>
												<td class="text-left"><strong>Fever</strong></td>
												<td></td>
											</tr>
											
											<tr>
												<td class="text-left"><strong>Pulse </strong></td>
												<td></td>
												<td class="text-left"><strong>Tachycardia </strong></td>
												<td></td>
											</tr>
										
											<tr>
												<td class="text-left"><strong>BP </strong></td>
												<td></td>
												<td class="text-left"><strong>Hypotension </strong></td>
												<td></td>
											</tr>
											
											<tr>
												<td class="text-left"><strong>Chills </strong></td>
												<td></td>
												<td class="text-left"><strong>WBC </strong></td>
												<td></td>
											</tr>
											
											<tr>
												<td class="text-left"><strong>Neutrophils </strong></td>
												<td></td>
											</tr>
										
										

										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-12">
				<div id="panel-1" class="panel">
					<div class="panel-hdr">
						<h2 class="h6 font-weight-bold text-uppercase">Culture Report</h2>
					</div>
					<div class="panel-container show">
						<div class="panel-content">
							<table id="datatable_tabletools" class="datatable_tabletools table table-bordered table-hover table-striped w-100 dataTable dtr-inline">
								<thead class="bg-primary-600">
									<tr>


										<th nowrap>
											<center>Date</center>
										</th>
										<th nowrap>
											<center>Source</center>
										</th>
										<th nowrap>
											<center>Result</center>
										</th>
										<th nowrap>
											<center>Organism</center>
										</th>
										<th nowrap>
											<center>Resistance Antibiotic</center>
										</th>
										<th nowrap>
											<center>MDRO</center>
										</th>	

									</tr>
								</thead>
								<tbody>

									<tr style="cursor:pointer" onClick="">
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>

									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div id="panel-1" class="panel">
					<div class="panel-hdr">
						<h2 class="h6 font-weight-bold text-uppercase">Phlebitis</h2>
					</div>
					<div class="panel-container show">
							<table class="block-section table table-striped table-vcenter">
										<tbody>
											<tr>
												<td class="text-left"><strong>Cannula present or not?</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Date Of Insertion</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Site</strong></td>
												<td>
														sad
												</td>

											</tr>
											<tr>
												<td class="text-left"><strong>Phlebitis</strong></td>
												<td>
														sad
												</td>
											
												<td class="text-left"><strong>Culture Report</strong></td>
												<td>
														sad
												</td>
											</tr>
											
										</tbody>
									</table>
						<div class="panel-content">
							<table id="datatable_tabletoolsaaa" class="datatable_tabletools table table-bordered table-hover table-striped w-100 dataTable dtr-inline">
								<thead class="bg-primary-600">
									<tr>


										<th nowrap>
											<center>Date</center>
										</th>
										<th nowrap>
											<center>Source</center>
										</th>
										<th nowrap>
											<center>Result</center>
										</th>
										<th nowrap>
											<center>Organism</center>
										</th>
										<th nowrap>
											<center>Resistance Antibiotic</center>
										</th>
										<th nowrap>
											<center>MDRO</center>
										</th>	

									</tr>
								</thead>
								<tbody>

									<tr style="cursor:pointer" onClick="">
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>

									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div id="panel-1" class="panel">
					<div class="panel-hdr">
						<h2 class="h6 font-weight-bold text-uppercase">Catheter Associated Urinary Tract Infection</h2>
					</div>
					<div class="panel-container show">
							<table class="block-section table table-striped table-vcenter">
										<tbody>
											<tr>
												<td class="text-left"><strong>Catheter present or not?</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Date Of Insertion</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Type Of Catheter</strong></td>
												<td>
														sad
												</td>

											</tr>
											<tr>
												<td class="text-left"><strong>CAUTI </strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Culture Report</strong></td>
												<td>
														sad
												</td>
											</tr>
											
										</tbody>
									</table>
						<div class="panel-content">
							<table id="datatable_tabletoolsaaa" class="datatable_tabletools table table-bordered table-hover table-striped w-100 dataTable dtr-inline">
								<thead class="bg-primary-600">
									<tr>


										<th nowrap>
											<center>Date</center>
										</th>
										<th nowrap>
											<center>Source</center>
										</th>
										<th nowrap>
											<center>Result</center>
										</th>
										<th nowrap>
											<center>Organism</center>
										</th>
										<th nowrap>
											<center>Resistance Antibiotic</center>
										</th>
										<th nowrap>
											<center>MDRO</center>
										</th>	

									</tr>
								</thead>
								<tbody>

									<tr style="cursor:pointer" onClick="">
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>

									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-md-12">
				<div id="panel-1" class="panel">
					<div class="panel-hdr">
						<h2 class="h6 font-weight-bold text-uppercase">Central Line Associated Bloodstream</h2>
					</div>
					<div class="panel-container show">
							<table class="block-section table table-striped table-vcenter">
										<tbody>
											<tr>
												<td class="text-left"><strong>Central line present or not?</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Date Of Insertion</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Type</strong></td>
												<td>
														sad
												</td>

											</tr>
											<tr>
												<td class="text-left"><strong>CLABSI </strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Culture Report</strong></td>
												<td>
														sad
												</td>
											</tr>
											
										</tbody>
									</table>
						<div class="panel-content">
							<table id="datatable_tabletoolsaaa" class="datatable_tabletools table table-bordered table-hover table-striped w-100 dataTable dtr-inline">
								<thead class="bg-primary-600">
									<tr>


										<th nowrap>
											<center>Date</center>
										</th>
										<th nowrap>
											<center>Source</center>
										</th>
										<th nowrap>
											<center>Result</center>
										</th>
										<th nowrap>
											<center>Organism</center>
										</th>
										<th nowrap>
											<center>Resistance Antibiotic</center>
										</th>
										<th nowrap>
											<center>MDRO</center>
										</th>	

									</tr>
								</thead>
								<tbody>

									<tr style="cursor:pointer" onClick="">
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>

									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		
			<div class="col-md-12">
				<div id="panel-1" class="panel">
					<div class="panel-hdr">
						<h2 class="h6 font-weight-bold text-uppercase">Hospital Acquired Pneumonia</h2>
					</div>
					<div class="panel-container show">
							<table class="block-section table table-striped table-vcenter">
										<tbody>
											<tr>
												<td class="text-left"><strong>Pneumonia present or not?</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Date Of First Event</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Worsening CXR</strong></td>
												<td>
														sad
												</td>

											</tr>
											<tr>
												<td class="text-left"><strong>Worsening Tracheal Secretions </strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>HAP</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Culture Report</strong></td>
												<td>
														sad
												</td>
											</tr>
											
										</tbody>
									</table>
						<div class="panel-content">
							<table id="datatable_tabletoolsaaa" class="datatable_tabletools table table-bordered table-hover table-striped w-100 dataTable dtr-inline">
								<thead class="bg-primary-600">
									<tr>


										<th nowrap>
											<center>Date</center>
										</th>
										<th nowrap>
											<center>Source</center>
										</th>
										<th nowrap>
											<center>Result</center>
										</th>
										<th nowrap>
											<center>Organism</center>
										</th>
										<th nowrap>
											<center>Resistance Antibiotic</center>
										</th>
										<th nowrap>
											<center>MDRO</center>
										</th>	

									</tr>
								</thead>
								<tbody>

									<tr style="cursor:pointer" onClick="">
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>

									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-md-12">
				<div id="panel-1" class="panel">
					<div class="panel-hdr">
						<h2 class="h6 font-weight-bold text-uppercase">Ventilator Associated Pneumonia</h2>
					</div>
					<div class="panel-container show">
							<table class="block-section table table-striped table-vcenter">
										<tbody>
											<tr>
												<td class="text-left"><strong>Ventilator present or not?</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Date Of Intubation</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Date Of Extubation</strong></td>
												<td>
														sad
												</td>

											</tr>
											<tr>
												<td class="text-left"><strong>VAP </strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Worsening CXR</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Worsening Tracheal Secretions</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Culture Report</strong></td>
												<td>
														sad
												</td>
											</tr>
											
										</tbody>
									</table>
						<div class="panel-content">
							<table id="datatable_tabletoolsaaa" class="datatable_tabletools table table-bordered table-hover table-striped w-100 dataTable dtr-inline">
								<thead class="bg-primary-600">
									<tr>


										<th nowrap>
											<center>Date</center>
										</th>
										<th nowrap>
											<center>Source</center>
										</th>
										<th nowrap>
											<center>Result</center>
										</th>
										<th nowrap>
											<center>Organism</center>
										</th>
										<th nowrap>
											<center>Resistance Antibiotic</center>
										</th>
										<th nowrap>
											<center>MDRO</center>
										</th>	

									</tr>
								</thead>
								<tbody>

									<tr style="cursor:pointer" onClick="">
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>

									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-md-12">
				<div id="panel-1" class="panel">
					<div class="panel-hdr">
						<h2 class="h6 font-weight-bold text-uppercase">Surgical Site Infection</h2>
					</div>
					<div class="panel-container show">
							<table class="block-section table table-striped table-vcenter">
										<tbody>
											<tr>
												<td class="text-left"><strong>Surgical site present or not?</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Date Of Surgery</strong></td>
												<td>
														sad
												</td>
												<td class="text-left"><strong>Culture Report </strong></td>
												<td>
														sad
												</td>

											</tr>
											
										</tbody>
									</table>
						<div class="panel-content">
							<table id="datatable_tabletoolsaaa" class="datatable_tabletools table table-bordered table-hover table-striped w-100 dataTable dtr-inline">
								<thead class="bg-primary-600">
									<tr>


										<th nowrap>
											<center>Date</center>
										</th>
										<th nowrap>
											<center>Source</center>
										</th>
										<th nowrap>
											<center>Result</center>
										</th>
										<th nowrap>
											<center>Organism</center>
										</th>
										<th nowrap>
											<center>Resistance Antibiotic</center>
										</th>
										<th nowrap>
											<center>MDRO</center>
										</th>	

									</tr>
								</thead>
								<tbody>

									<tr style="cursor:pointer" onClick="">
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>
										<td nowrap>
											<center></center>
										</td>

									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			</div>
	</div>
</main>

<script type="text/javascript">
	$(document).ready(function() {
		// initialize datatable
		$('.datatable_tabletools').dataTable({
			responsive: true,
			lengthChange: false,
			bFilter: false,
			info: false,
			paging: false,
			dom:
				/*	--- Layout Structure 
					--- Options
					l	-	length changing input control
					f	-	filtering input
					t	-	The table!
					i	-	Table information summary
					p	-	pagination control
					r	-	processing display element
					B	-	buttons
					R	-	ColReorder
					S	-	Select

					--- Markup
					< and >				- div element
					<"class" and >		- div with a class
					<"#id" and >		- div with an ID
					<"#id.class" and >	- div with an ID and a class

					--- Further reading
					https://datatables.net/reference/option/dom
					--------------------------------------
				 */
				"<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-center justify-content-start'f><'col-sm-12 col-md-6 d-flex align-items-center justify-content-end'lB>>" +
				"<'row'<'col-sm-12'tr>>" +
				"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
			buttons: [
				/*{
					extend:    'colvis',
					text:      'Column Visibility',
					titleAttr: 'Col visibility',
					className: 'mr-sm-3'
				},*/
				{
					// extend: 'pdfHtml5',
					// text: 'PDF',
					// titleAttr: 'Generate PDF',
					// className: 'btn-outline-danger btn-sm mr-1'
				},
				{
					// extend: 'excelHtml5',
					// text: 'Excel',
					// titleAttr: 'Generate Excel',
					// className: 'btn-outline-success btn-sm mr-1'
				},
				{
					// extend: 'csvHtml5',
					// text: 'CSV',
					// titleAttr: 'Generate CSV',
					// className: 'btn-outline-primary btn-sm mr-1'
				},
				{
					// extend: 'copyHtml5',
					// text: 'Copy',
					// titleAttr: 'Copy to clipboard',
					// className: 'btn-outline-primary btn-sm mr-1'
				},
				{
					// extend: 'print',
					// text: 'Print',
					// titleAttr: 'Print Table',
					// className: 'btn-outline-primary btn-sm'
				}
			]
		});
	});
</script>