@extends('layouts.app')
@section('content')
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/OfficeLab/OfficeLab.js') }}?v={{ filemtime(public_path('js/OfficeLab/OfficeLab.js')) }}"></script>
@auth

<body>
	<!-- <form class="lab-form" id="hivTest" method="post"> -->
	@csrf
	<div class="container containers lab-containers no-margin " id="save-update-print">
		<div id="header_bar">
			<div class="row" style="margin:auto;padding:10px 0%;"> <!-- Upper Section -->

				<div class="col-md-12 lab-headerDiv">

					<h2 class="header-text">Office Lab Biochemistry and CP Tests</h2>
					<button type="button" class="btn btn-success lab-refresh lab-refreshPos" id="btn_refresh"
						onclick="wd_reload()">Refresh</button>
					<button type="button" class="btn btn-success lab-refresh lab-printer" id="btn_printblock">TO
						Print</button>
				</div>


				<div class="col-sm-2">
					<div id="unregistered"></div>
				</div>
			</div>

			<!-- Nav tabs -->
			<p class="btn-gnavi">
				<span></span>
				<span></span>
				<span></span>
			</p>
			<ul class="nav nav-tabs toggle lab-second-link no-border" id="hidden-title">
				<li class="nav-item">
					<a class="nav-link active toggle-link " id="bioche_tab" data-toggle="tab" href="#bioche">Biochemistry Test</a>
				</li>
				<li class="nav-item">
					<a class="nav-link toggle-link" data-toggle="tab" id="HIV_tab" href="#hiv">HIV Confimation Test</a>
				</li>
				<li class="nav-item">
					<a class="nav-link toggle-link" data-toggle="tab" id="search_tab" href="#finder">Update & Delete</a>
				</li>
				<li class="nav-item">
					<a class="nav-link toggle-link" data-toggle="tab" id="lab_follow_up" href="#Lab_Follow_data">Test Records</a>
				</li>
				<li class="nav-item">
					<a class="nav-link toggle-link" data-toggle="tab" id="lab_export_tab" href="#export">Export</a>
				</li>

			</ul>
		</div>
	</div>
	<div class="container containers lab-containers no-margin" id="hider0"> <!--addding id  hider0 -->
		<div class="row genral-info">
			<div class="col-sm-2">
				<label for="" class="form-label">Clinic</label>
				<select class="form-select" name="clinicTarget" id="clinicTarget">
					<option value="71">HTY-A ( 71 )</option>
					<option value="72">HTY-B ( 72 )</option>
					<option value="81">HTY-C2 ( 81 )</option>
					<option value="73">SPT ( 73 )</option>
					<option value="74">TL ( 74 )</option>
					<option value="75">Winka ( 75 )</option>
					<option value="76">TBZY ( 76 )</option>
					<option value="77">PTO-DT ( 77 )</option>
					<option value="78">PTO-MCB ( 78 )</option>
					<option value="80">Hpakant ( 80 )</option>
					<option value="82">Taze ( 82 )</option>
					<option value="83">HTY-C1 ( 83 )</option>
					<option value="84">SDG ( 84 )</option>
					<option value="90">90</option>
					<option value="94">94</option>
					<option value="99">99</option>	
					<option value="1">Latha STD</option>
					<option value="2">Insein STD</option>
					<option value="3">Thanlyin STD</option>
					<option value="4">KMD STD</option>
					<option value="5">NOKA STD</option>
					<option value="6">SPT STD</option>
</select>
			</div>
			<div class="col-sm-2 general-task">
				<label for="validationCustom01" class="form-label">Specimen Collected Date</label>
				<!-- <input id="vDate" type="date"  onblur="dateOver(1)" value="" class="form-control" > -->
				<div class="date-holder">
					<input type="text" id="vDate" name="vdate" class="form-control Gdate date-verify" autofocus
						placeholder="dd-mm-yyyy">
					<img src="../img/calendar3.svg" class="dateimg" alt="date">
				</div>
			</div>
			<div class="col-sm-2 general-task">
				<label for="validationCustom01" class="form-label">General/NAP-ID</label>
				<input id="cid" type="text" name="Pid" onblur="ptData()" class="form-control"
					id="validationCustom01">
				<div class="valid-feedback">
					Plz put Patient's ID.
				</div>
			</div>
			<div class="col-sm-2 general-task">
				<label for="validationCustom01" class="form-label">Fuchia ID</label>
				<input id="fuchiaID" name="fuchiaID" type="text" class="form-control"
					id="validationCustom01">{{ Auth::user()->FuchiaID }}
				<div class="valid-feedback">
					Plz put Patient's fuchia ID.
				</div>
			</div>

			<div class="col-sm-2 general-task clearfix">
				<label for="validationCustom01" class="form-label labMain-rqdoctor">Requested Doctor</label>
				<select class="form-control lab-reqdoctor" id="labmd_select"></select>
				<input class="form-control lab-reqdoctor" name="labMD" id="labmd" autocomplete="off" style="display:none;" placeholder="Type MD initial">
				<br>
			</div>
			<div class="col-sm-2">
				<label for="validationCustom01" class="form-label">Counselor</label>
				<select class="form-control" id="counselor" name="counsellor">
					<option value=""> </option>
					@for ($i = 1; $i <= 50; $i++)
						<option value="{{ $i }}">Counsellor-{{ $i }}</option>
					@endfor
				</select>
			</div>
			<div class="col-sm-2  clearfix">
				<label for="validationCustom01" class="form-label ">Register Age</label>
				<input id="agey_register" type="number" name="register_age" class="form-control ">
				<div class="valid-feedback">
					Plz put Patient's Age.
				</div>
			</div>
			<div class="col-sm-2  clearfix">
				<label for="validationCustom01" class="form-label ">Register Age(Month)</label>
				<input id="agem_register" type="number" name="register_month" class="form-control" value="0">
				<div class="valid-feedback">
					Plz put Patient's Age.
				</div>
			</div>
			<div class="col-sm-2  clearfix">
				<label for="validationCustom01" class="form-label ">Current Age</label>
				<input id="agey" type="number" name="currentAge" class="form-control "
					id="validationCustom01" disabled>
				<div class="valid-feedback">
					Plz put Patient's Age.
				</div>
			</div>
			<div class="col-sm-2  clearfix">
				<label for="validationCustom01" class="form-label ">Current Age(Month)</label>
				<input id="agem" type="number" name="currentMonth" class="form-control " id="validationCustom01" disabled>
				<div class="valid-feedback">
					Plz put Patient's Age.
				</div>
			</div>

			<div class="col-sm-2   clearfix">
				<label for="validationCustom01" class="form-label">Sex</label>
				<select class="form-select" name="gender" id="gender" required="">
					<option value=""></option>
					<option value="Male">Male</option>
					<option value="Female">Female</option>
				</select>
			</div>

			<div class="col-sm-2 ">
				<label class="form-label">Main-Risk</label>
				<select class="form-select main-risk-create" id="main_risk" name="main_risk">
				</select>
			</div>
			<div class="col-sm-2" style="display: none;">
				<input class="form-control" id="newOrOld" name="newOrOld">
				<input class="form-control" id="register_date" name="register_date">
				</select>
			</div>
			<div class="col-md-2" style="display: none;">
				<label class="form-label">Date Of Birth</label>
				<div class="date-holder">
					<input type="text" id="dob" class="form-control Gdate dob reception-dateformat" placeholder="dd-mm-yyyy">
					<img src="../img/calendar3.svg" class="dateimg" alt="date">
				</div>
			</div>
		</div>
		<section class="print-Section" id="printSection">
			<div class="row">

				<div class="col-sm-2">
					<label for="validationCustom01" class="form-label">Patient's ID</label>
					<input id="lab_Printcid" type="text" autofocus="" class="form-control">
					<div class="valid-feedback">
						Plz put Patient's ID.
					</div>
				</div>
				<div class="col-sm-2">
					<label for="validationCustom01" class="form-label">Date(dd mm yyyy)</label>
					<!-- <input id="printAll_date" type="date"  value="" class="form-control"> -->
					<div class="date-holder">
						<input type="text" id="printAll_date" class="form-control Gdate" placeholder="dd-mm-yyyy">
						<img src="../img/calendar3.svg" class="dateimg" alt="date">
					</div>
					<div class="valid-feedback">
						Plz put Patient's Visit Date.
					</div>
				</div>

				<div class="col-sm-2 printbtn-block" id="clinicPrintBtn" style="padding-top:10px;">
					<button type="button" id="printAll_lab" onclick="labprintAll(this)"
						class="btn btn-primary btn-lg lab-printAll ">PrintAll</button>
				</div>
				<div class="col-sm-2  printbtn-block" style="padding-top:10px;">
					<button type="button" id="cancel_print"
						class="btn btn-primary btn-lg lab-printcancel ">Print-Cancel</button>
				</div>
			</div>
		</section>
	</div>
	<!-- Tab panes -->
	<div id="hider1" class="container containers lab-containers no-margin">
		<div class="tab-content lab-containers lab-diseaseSection no-margin">
			<div class="tab-pane active lab-incon-div " id="bioche">
				<br>
				<section id="biometircTest" class="biometric-test">
					<div class="row"> <!--Title-->
						<div class="col-sm-2">
							<h3><b>Name of Test</b></h3>
						</div>
						<div class="col-sm-2">
							<h3><b>Result</b></h3>
						</div>
						<div class="col-sm-2">
							<h3><b>Unit</b></h3>
						</div>
						<div class="col-sm-6">
							<h3><b>Reference Value</b></h3>
						</div>
					</div>
					<!-- Bilirubin -->
					<div class="row"> <!--Total Bilirubin-->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Total Bilirubin</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="total-bilirubin" name="total_bilirubin" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mg/dl</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">M/F: 0.1-1.2 mg/dl</label>
						</div>
					</div>

					<div class="row"> <!--ALAT (SGPT)-->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">ALAT (SGPT)</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="alat-sgpt" name="alat_sgpt" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">U/L</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">Male: &le; 45, Female: &le; 34 U/L</label>
						</div>
					</div>
					<div class="row"> <!--AST (SGOT)-->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">AST (SGOT)</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="ast-sgot" name="ast_sgot" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">U/L</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">Male: < 35,Female: < 31U/L</label>
						</div>
					</div>
					<div class="row"><!--ALP-->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">ALP</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="alp" name="alp" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">U/L</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">Adult: 44-147U/L, Child: < 362U/L</label>
						</div>
					</div>
					<div class="row"><!-- GGT -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">GGT</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="ggt" name="ggt" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">U/L</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">Male: ≤ 55, Female: ≤ 38 U/L</label>
						</div>
					</div>
					<div class="row"><!-- Albumin -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Albumin</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="albumin" name="albumin" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">g/dl</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">3.5 - 5.5 g/dl</label>
						</div>
					</div>
					<div class="row"> <!--Total Cholesterol-->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Total Cholesterol</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="total-cholesterol" name="total_cholesterol" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mmol/ L</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">
								< 5.17 mmol/L </label>
						</div>
					</div>
					<div class="row"> <!--HDL Cholesterol-->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">HDL Cholesterol</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="hdl-cholesterol" name="hdl_cholesterol" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mmol/ L</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">M:0.77-1.81, F:0.77-2.19mmol/L</label>
						</div>
					</div>
					<div class="row"><!--LDL Cholesterol-->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">LDL Cholesterol</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="ldl-cholesterol" name="ldl_cholesterol" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mmol/ L</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">
								< 3.36 mmol/L</label>
						</div>
					</div>
					<div class="row"><!--Triglycerides -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Triglycerides</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="triglycerides" name="triglycerides" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mmol/l</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">
								< 1.71 mmol/L</label>
						</div>
					</div>
					<div class="row"> <!-- Urea -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Urea</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="urea" name="urea" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mg/dl</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">17 - 43 mg/dl</label>
						</div>
					</div>
					<div class="row"><!-- Creatinine -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Creatinine</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="creatinine" name="creatinine" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mg/dl</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">Male: 0.8-1.3,Female:0.6-1.2mg/dl</label>
						</div>
					</div>
					<div class="row"><!-- Calcium -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Calcium</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="calcium" name="calcium" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mg/dl</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">8.6 - 10.3 mg/dl</label>
						</div>
					</div>
					<div class="row"><!-- Phosphorus -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Phosphorus</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="phosphorus" name="phosphorus" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mg/dl</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">2.7 - 4.5 mg/dl</label>
						</div>
					</div>
					<div class="row"><!-- Uric Acid -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Uric Acid</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="uric_acid" name="uric_acid" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">mg/dl</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">Male:3.5-7.2,Female:2.6-6.0mg/dl</label>
						</div>
					</div>
					<div class="row"><!-- HbA1C -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">HbA1C</label>
						</div>
						<div class="col-sm-2">
							<input type="text" id="hba1c" name="hba1c" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">%</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">4.5 - 6.3 %</label>
						</div>
					</div>
					<div class="row"><!-- PT -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">PT</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="pt" name="pt" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">sec</label>
						</div>
						<div class="col-sm-6">
							<label class="form-label">10-14</label>
						</div>
					</div>
					<div class="row"><!-- INR -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">INR</label>
						</div>
						<div class="col-sm-2">
							<input type="number" id="inr" name="inr" class="form-control">
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label"></label>
						</div>
						<div class="col-sm-6">
							<label class="form-label"></label>
						</div>
					</div>




					<div class="row"><!-- Complete Picture (CP) -->

						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Complete Picture (CP)</label>
							<select class="form-control" id="complete_pict" name="complete_pict">
								<option value=""></option>
								<option value="Done">Done</option>
								<option value="Not Done">Not Done</option>
							</select>
						</div>
						<div class="col-sm-10">
							<label for="" class="form-label">Bio Test's Comment</label>
							<input type="text" id="complete_pict_comment" name="complete_pict_comment" class="form-control" placeholder="Comment">
						</div>
					</div>
				</section>
				<section class="cd4-section">
					<h2 class="subTb-header header-text"> CD 4 and CD 4 %</h2>

					<div class="row"><!-- CD4 -->
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">CD4 Done/ Not Done</label>
							<select class="form-control" id="cd4_notDone" name="cd4_notDone">
								<option value=""></option>cd4_notDone
								<option value="Done">Done</option>
								<option value="Not Done">Not Done</option>
							</select>
						</div>

						<div class="col-sm-1">
							<label for="validationCustom01" class="form-label">ART</label>
							<select class="form-control" id="art" name="art">
								<option value=""></option>
								<option value="Yes">Yes</option>
								<option value="No">No</option>
							</select>
						</div>

						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label ">ART Start Date</label>
							<div class="date-holder">
								<input type="text" id="art_startDate" name="art_startDate" class="form-control Gdate date-verify"
									placeholder="dd-mm-yyyy">
								<img src="../img/calendar3.svg" class="dateimg" alt="date">
							</div>
						</div>
						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">Test Requested</label>
							<select class="form-control" id="test_request" name="test_request">
								<option value=""></option>
								<option value="CD4">CD4</option>
								<option value="CD4%">CD4%</option>
								<option value="CD4 & CD4%">CD4 & CD4%</option>
							</select>
						</div>

						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label">WHO Stage</label>
							<select class="form-control" id="who_stage" name="who_stage">
								<option value=""></option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
							</select>
						</div>

						<div class="col-sm-2">
							<label for="validationCustom01" class="form-label ">CD 4 (cells/u) Resutl</label>
							<input type="number" id="cd4_cells_u_result" name="cd4_cells_u_result" class="form-control">
						</div>

						<div class="col-sm-1">
							<label for="validationCustom01" class="form-label ">CD 4% Resutl</label>
							<input type="number" id="cd4_result" name="cd4_result" class="form-control">
						</div>

					</div>
					<div class="row"><!-- Commment-->
						<div class="col-sm-12">
							<label for="validationCustom01" class="form-label">Comment</label>
							<input type="text" id="cd4_comment" name="cd4_comment" class="form-control" placeholder="Comment">
						</div>
					</div>


					<div class="row">
						<div class="col-sm-3 lab-technician">
							<label class="form-label">Lab Technician</label>
							<select class="form-control" id="lab_tech" name="bio_lab_tech">
								<option value=""></option>
								<option value="Tech_1">Lab Technician 1</option>
								<option value="Tech_2">Lab Technician 2</option>
								<option value="Tech_3">Lab Technician 3</option>
								<option value="Tech_4">Lab Technician 4</option>
								<option value="Tech_5">Lab Technician 5</option>
								<option value="Tech_6">Lab Technician 6</option>
								<option value="Tech_7">Lab Technician 7</option>
							</select>
						</div>
						<div class="col-sm-6"></div>


						<div class="col-sm-3 hiv-issue">
							<label for="validationCustom01" class="form-label ">Issue Date(dd mm yyyy)</label>
							<!-- <input id="issue_date" type="date" onblur="dateOver(3)" class="form-control" id="validationCustom01"> -->
							<div class="date-holder">
								<input type="text" id="bio_issue_date"
									name="bio_issue_date"
									class="form-control Gdate date-verify"
									placeholder="dd-mm-yyyy">
								<img src="../img/calendar3.svg" class="dateimg" alt="date">
							</div>
						</div>
					</div>
				</section>

				<div class="row save-updte">
					<div class="col-sm-3" style="padding-top:10px;">
						<button type="button" id="cd4Save" value="cd4Save"
							class="btn btn-primary btn-lg save-batton" disabled>Save Data</button>
					</div>
					<div class="col-sm-2">
						<span id="noti"></span>
					</div>
				</div>
			</div>
			<div class="tab-pane container fade lab-incon-div " id="hiv">
				<div class="row">
					<div class="col-sm-2 hiv-test">
						<label class="form-label">Determine Result</label>
						<select class="form-control" id="d_result" name="determineResult">
							<option value=""></option>
							<option value="Reactive">Reactive</option>
							<option value="Non Reactive">Non Reactive</option>
							<option value="Invalid">Invalid</option>
						</select>
					</div>
					<div class="col-sm-2 hiv-test">
						<label class="form-label">UNI-Gold Result</label>
						<select class="form-control" id="uni_result" name="uniGoldResult">
							<option id="" value=""></option>
							<option value="Reactive">Reactive</option>
							<option value="Non Reactive">Non Reactive</option>
							<option value="Invalid">Invalid</option>
						</select>
					</div>
					<div class="col-sm-2 hiv-test">
						<label class="form-label">STAT-PAK Result</label>
						<select class="form-control" id="stat_result" name="statPakResult">
							<option id="" value=""></option>
							<option value="Reactive">Reactive</option>
							<option value="Non Reactive">Non Reactive</option>
							<option value="Invalid">Invalid</option>
						</select>
					</div>
					<div class="col-sm-2">
						<label class="form-label">Result</label>
						<select class="form-control" name="finalResult" id="final_result">
							<option value=""></option>
							<option value="Positive">Positive</option>
							<option value="Negative">Negative</option>
							<option value="Inconclusive">Inconclusive</option>
						</select>
					</div>
					<div class="col-sm-4">
						<label class="form-label">Comment</label>
						<input id="comment" type="text" name="hivComment" class="form-control" value="">
					</div>
				</div>
				<div class="row">
					<div class="col-sm-3 lab-technician">
						<label class="form-label">Lab Technician</label>
						<select class="form-control" id="lab_tech" name="labTech">
							<option value=""></option>
							<option value="Tech_1">Lab Technician 1</option>
							<option value="Tech_2">Lab Technician 2</option>
							<option value="Tech_3">Lab Technician 3</option>
							<option value="Tech_4">Lab Technician 4</option>
							<option value="Tech_5">Lab Technician 5</option>
							<option value="Tech_6">Lab Technician 6</option>
							<option value="Tech_7">Lab Technician 7</option>
						</select>
					</div>
					<div class="col-sm-6"></div>


					<div class="col-sm-3 hiv-issue">
						<label for="validationCustom01" class="form-label ">Issue Date(dd mm yyyy)</label>
						<!-- <input id="issue_date" type="date" onblur="dateOver(3)" class="form-control" id="validationCustom01"> -->
						<div class="date-holder">
							<input type="text" id="issue_date" name="issueDate" class="form-control Gdate date-verify"
								placeholder="dd-mm-yyyy">
							<img src="../img/calendar3.svg" class="dateimg" alt="date">
						</div>
					</div>
				</div>
				<div class="row save-updte">
					<div class="col-sm-3" style="padding-top:10px;">
						<button type="button" id="hivSave"
							class="btn btn-primary btn-lg save-batton" value="" disabled>Save Data</button>
					</div>
					<div class="col-sm-2">
						<span id="noti"></span>
					</div>

				</div>

			</div>
			<div class="tab-pane container fade lab-incon-div" id="finder">
				<br>
				<div class="row">
					<h2>Test History Of the Patient</h2>
				</div>
				<div class="row finder-row">
					<div class="col-md-3">
						<input id="id_hist" type="text" autofocus class="form-control"
							placeholder="Patient's ID">
						<div class="valid-feedback">
							Plz put Patient's ID.
						</div>
					</div>
					<div class="col-md-4">
						<button type="button" id="searchHistory" class="btn btn-primary btn-lg">Search Tests
							History</button>
					</div>
				</div>
				<br>
				<div class="row " style="margin:auto;">
					<div class="col-md-12 finder-table">
						<table class="table table-bordered">
							<thead>
								<tr>
									<th>No.</th>
									<th>Date</th>
									<th>General ID</th>
									<th></th>
								</tr>
							</thead>
							<tbody id="testHistory">
							</tbody>
						</table>
					</div>
				</div>

			</div> <!--  search and update -->

			<div class="tab-pane container fade lab-incon-div" id="Lab_Follow_data">
				<div class="row">
					<div class="col-sm-2">
						<label for="" class="form-label">Choose Clinic</label>
						<select id="clinic_filter" class="form-select" disabled>
							<option value="">-- All Clinics --</option>
							<option value="71">HTY-A ( 71 )</option>
							<option value="72">HTY-B ( 72 )</option>
							<option value="81">HTY-C2 ( 81 )</option>
							<option value="73">SPT ( 73 )</option>
							<option value="74">TL ( 74 )</option>
							<option value="75">Winka ( 75 )</option>
							<option value="76">TBZY ( 76 )</option>
							<option value="77">PTO-DT ( 77 )</option>
							<option value="78">PTO-MCB ( 78 )</option>
							<option value="80">Hpakant ( 80 )</option>
							<option value="82">Taze ( 82 )</option>
							<option value="83">HTY-C1 ( 83 )</option>
							<option value="84">SDG ( 84 )</option>
							<option value="90">90</option>
							<option value="94">94</option>
							<option value="99">99</option>
							<option value="1">Latha STD</option>
							<option value="2">Insein STD</option>
							<option value="3">Thanlyin STD</option>
							<option value="4">KMD STD</option>
							<option value="5">NOKA STD</option>
							<option value="6">SPT STD</option>
							
						</select>
					</div>
					<div class="col-sm-2">
						<label for="" class="form-label">Form</label>
						<div class="date-holder">
							<input type="text" id="lab_follow_dateFrom" class="form-control Gdate date-verify"
								autofocus="" placeholder="dd-mm-yyyy">
							<img src="../img/calendar3.svg" class="dateimg" alt="date">
						</div>
					</div>
					<div class="col-sm-2">
						<label for="" class="form-label">To</label>
						<div class="date-holder">
							<input type="text" id="lab_follow_dateTo" class="form-control Gdate date-verify"
								autofocus="" placeholder="dd-mm-yyyy">
							<img src="../img/calendar3.svg" class="dateimg" alt="date">
						</div>
					</div>
					<div class="col-sm-2">
						<label for="">Test Type</label>
						<select name="" class="form-select" id="search_test_type">
							<option value="Bio Test">Bio Test</option>
							<option value="HIV">HIV</option>
							<option value="CP">CP</option>

						</select>
					</div>
					<div class="col-sm-2">
						<button class="btn btn-info btn-primary btn-follow-search"
							onclick="Lab_Follow_Test()" style="margin-top: 41px;">Search</button>
					</div>
					<div class="col-sm-2">
						<label for="" class="form-label" id="lab_follow_noti">Noti::</label>
						<button class="btn btn-warning" id="toggleRows">Collapse</button>

					</div>
				</div>
				<div id="lab_follow_show" class="lab-follow-show table-responsive">
					<table class="table table-bordered table-striped" id="office_TestRcTable">
						<thead>
						</thead>
						<tbody>
						</tbody>
					</table>

				</div>

			</div>
			<div class="tab-pane container containers lab-incon-div" id="export">
				<h1>Export</h1>
				<form action="{{ route('OfficeLab.office-lab-export') }}" method="POST" enctype="multipart/form-data">
					@csrf
					<br>
					<div class="row ">
						<div class="col-sm-3 counHTS-Formtext">
							<label for="">Choose Test</label>
							<select class="form-select" name="testNN" required>
								<option selected value=""></option>
								<option value="bio">Bio Test</option>
								<option value="hiv">HIV Test</option>
							</select>
						</div>

						<div class="col-sm-3">
							<label class="form-label ">From</label>
							<!-- <input id="from_export" name="dateFrom" type="date" autofocus class="form-control" > -->
							<div class="date-holder">
								<input type="text" id="from_export" name="dateFrom"
									class="form-control Gdate" placeholder="dd-mm-yyyy">
								<img src="../img/calendar3.svg" class="dateimg" alt="date">
							</div>
						</div>

						<div class="col-sm-3 ">
							<label class="form-label">To</label>
							<!-- <input id="to_export" name="dateTo" type="date"  class="form-control" > -->
							<div class="date-holder">
								<input type="text" id="to_export" name="dateTo" class="form-control Gdate"
									placeholder="dd-mm-yyyy">
								<img src="../img/calendar3.svg" class="dateimg" alt="date">
							</div>
						</div>
						<div class="col-sm-1 no-margin ">
							<button class="btn btn-primary lab-export">Export</button>
						</div>
					</div>
					<br>
				</form>
			</div>

		</div>

	</div>
	<br>



	<div class="print_allTest" id="office_print_allTest">
		<div id="toshowResult_all" style="border: 1px solid #000000;" class='printAll-dispaly'>
			<div class="row no-margin print-HeadDiv">

				<div class="col-sm-12 print_allHeader"> <br><br>
					<img src="/logoMAM.jpg") }}" class="rounded mx-auto d-block" alt="logo"
						style="width:120px;height:120px;float:left;">
					<b style="float:right;font-size:30;">Office Lab</b>
					<h2><b>Laboratory Result Form</b></h2>

				</div>
				<br><br>
			</div>
			<br><br>
			<div class="clearfix lab-office-print-block">
				<div class="row no-margin" id="office_printPtInfo_all">
					<div class="col-sm-3 print_data_office no-margin" id="office_Pid">Patient ID :&nbsp;</div>
					<div class="col-sm-3 print_data_office  no-margin" id="office_print_fuchia">Fuchia ID :&nbsp;</div>
					<div class="col-sm-2 print_data_office no-margin" id="office_print_sex">Gender :&nbsp;</div>
					<div class="col-sm-2 print_data_office no-margin" id="office_print_agey">Age(Y) :&nbsp;</div>
					<div class="col-sm-2 print_data_office  no-margin" id="office_print_agem">Age(M) :&nbsp;</div>
				</div>

				<div class="row no-margin">

					<div class="col-sm-2 print_data_office  no-margin" id="office_print_reqMD">Req MD :&nbsp;</div>
					<div class="col-sm-3 print_data_office no-margin" id="Clinic_name">Clinic :&nbsp;</div>
					<div class="col-sm-2 print_data_office  no-margin" id="printAll_counselor">Counselor :&nbsp;</div>
					<div class="col-sm-5 print_data_office no-margin" id="blood_collect_date">Specimen Collected Date:&nbsp;</div>
				</div>
			</div>
			<div class="lab-office-print-block">
				<div class="row no-margin">
					<div class="col-sm-5  no-margin printAll-testHeader">HIV (Ab)(Verification)</div>
					<div class="col-sm-7  no-margin printAll-testHeader">Bio tests</div>
				</div>
				<div class="row no-margin">
					<div class="col-sm-2 print_data_office no-margin officef_print_title">Test</div>
					<div class="col-sm-2 print_data_office no-margin officef_print_title">Result</div>
					<div class="col-sm-1  no-margin"></div>
					<div class="col-sm-2 print_data_office no-margin officef_print_title">Test Name</div>
					<div class="col-sm-1 print_data_office no-margin officef_print_title">Result</div>
					<div class="col-sm-1 print_data_office no-margin officef_print_title">Unit</div>
					<div class="col-sm-3 print_data_office no-margin officef_print_title">Ref</div>

				</div>
				<div class="row no-margin">
					<div class="col-sm-2 print_data_office no-margin">Determine</div>
					<div class="col-sm-2 print_data_office no-margin" id="office_allHIV_determine"></div>
					<div class="col-sm-1  no-margin"></div>
					<div class="col-sm-2 print_data_office no-margin">Total Bilirubin</div>
					<div class="col-sm-1 print_data_office no-margin" id="office_bilirubin"></div>
					<div class="col-sm-1 print_data_office no-margin">mg/dl</div>
					<div class="col-sm-3 print_data_office no-margin">0.1 - 1.2 mg/dl</div>
				</div>
				<div class="row no-margin">
					<div class="col-sm-2 print_data_office no-margin">Uni-Gold</div>
					<div class="col-sm-2 print_data_office no-margin" id="office_allHIV_uniGold"></div>
					<div class="col-sm-1  no-margin"></div>
					<div class="col-sm-2 print_data_office no-margin">ALAT (SGPT)</div>
					<div class="col-sm-1 print_data_office no-margin" id="office_alt"></div>
					<div class="col-sm-1 print_data_office no-margin">U/L</div>
					<div class="col-sm-3 print_data_office no-margin">Male:&le;45, Female:&le;34 U/L</div>

				</div>
				<div class="row no-margin">
					<div class="col-sm-2 print_data_office no-margin">STAT-PAK</div>
					<div class="col-sm-2 print_data_office no-margin" id="office_allHIV_statPak"></div>
					<div class="col-sm-1  no-margin"></div>
					<div class="col-sm-2 print_data_office no-margin">AST (SGOT)</div>
					<div class="col-sm-1 print_data_office no-margin" id="office_ast"></div>
					<div class="col-sm-1 print_data_office no-margin" id="">U/L</div>
					<div class="col-sm-3 print_data_office no-margin">Male:&#60;35,Female:&#60;31U/L</div>
				</div>
				<div class="row no-margin">
					<div class="col-sm-2 print_data_office no-margin">Result</div>
					<div class="col-sm-2 print_data_office no-margin" id="office_allHIV_finalRes"></div>
					<div class="col-sm-1  no-margin"></div>
					<div class="col-sm-2 print_data_office no-margin">ALP</div>
					<div class="col-sm-1 print_data_office no-margin" id="office_alp"></div>
					<div class="col-sm-1  print_data_office no-margin">U/L</div>
					<div class="col-sm-3 print_data_office no-margin" id="office_alp_range"></div>
				</div>
				<div class="row no-margin">
					<div class="col-sm-5  no-margin printAll-testHeader">CD4 and CD4 % Result</div>
					<div class="col-sm-2 print_data_office no-margin">GGT</div>
					<div class="col-sm-1 print_data_office no-margin" id="office_ggt"></div>
					<div class="col-sm-1  print_data_office no-margin">U/L</div>
					<div class="col-sm-3 print_data_office no-margin">Male: &le; 55, Female: &le; 38 U/L</div>
				</div>
				<div class="row no-margin">
					<div class="col-sm-2 print_data_office no-margin">CD4 result</div>
					<div class="col-sm-2 print_data_office no-margin" id="office_cd4"></div>
					<div class="col-sm-1  no-margin"></div>
					<div class="col-sm-2 print_data_office no-margin">Albumin</div>
					<div class="col-sm-1 print_data_office no-margin" id="office_albumin"></div>
					<div class="col-sm-1  print_data_office no-margin">g/dl</div>
					<div class="col-sm-3 print_data_office no-margin" id="office_albumin_range"></div>
				</div>
				<div class="row no-margin">
					<div class="col-sm-2  print_data_office no-margin">CD4% result</div>
					<div class="col-sm-2 print_data_office no-margin" id="office_cd4per"></div>
					<div class="col-sm-1  no-margin"></div>
					<div class="col-sm-2 print_data_office no-margin">Total Cholesterol</div>
					<div class="col-sm-1 print_data_office no-margin" id="office_total_Cholesterol"></div>
					<div class="col-sm-1  print_data_office no-margin">mmol/L</div>
					<div class="col-sm-3 print_data_office no-margin">
						< 5.17 mmol/L</div>
					</div>

					<div class="row no-margin">
						<div class="col-sm-2 print_data_office no-margin">ART start Date</div>
						<div class="col-sm-2 print_data_office no-margin" id="office_art_date"></div>
						<div class="col-sm-1  no-margin"></div>
						<div class="col-sm-2 print_data_office no-margin">HDL Cholesterol</div>
						<div class="col-sm-1 print_data_office no-margin" id="office_hdl_cholesterol"></div>
						<div class="col-sm-1  print_data_office no-margin">mmol/L</div>
						<div class="col-sm-3 print_data_office no-margin">M:0.77-1.81, F:0.77-2.19mmol/L</div>
					</div>
					<div class="row no-margin">
						<div class="col-sm-2  print_data_office no-margin">WHO Stage</div>
						<div class="col-sm-2 print_data_office no-margin" id="office_who_stage"></div>
						<div class="col-sm-1  no-margin"></div>
						<div class="col-sm-2 print_data_office no-margin">LDL Cholesterol</div>
						<div class="col-sm-1 print_data_office no-margin" id="office_ldl_cholesterol"></div>
						<div class="col-sm-1  print_data_office no-margin">mmol/L</div>
						<div class="col-sm-3 print_data_office no-margin">
							< 3.36 mmol/L</div>
						</div>
						<div class="row no-margin">
							<div class="col-sm-2  no-margin"></div>
							<div class="col-sm-2  no-margin" id=""></div>
							<div class="col-sm-1  no-margin"></div>
							<div class="col-sm-2 print_data_office no-margin">Triglycerides</div>
							<div class="col-sm-1 print_data_office no-margin" id="office_triglycerides"></div>
							<div class="col-sm-1  print_data_office no-margin">mmol/L</div>
							<div class="col-sm-3 print_data_office no-margin">
								< 1.71 mmol/L</div>
							</div>
							<div class="row no-margin">
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-2  no-margin" id=""></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-2 print_data_office no-margin">Urea</div>
								<div class="col-sm-1 print_data_office no-margin" id="office_urea"></div>
								<div class="col-sm-1  print_data_office no-margin">mg/dl</div>
								<div class="col-sm-3 print_data_office no-margin" id="office_urea_range"></div>
							</div>
							<div class="row no-margin">
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-2  no-margin" id=""></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-2 print_data_office no-margin">Creatinine</div>
								<div class="col-sm-1 print_data_office no-margin" id="office_creatinine"></div>
								<div class="col-sm-1  print_data_office no-margin">mg/dl</div>
								<div class="col-sm-3 print_data_office no-margin">Male:0.8-1.3,Female:0.6-1.2mg/dl</div>
							</div>
							<div class="row no-margin">
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-2  no-margin" id=""></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-2 print_data_office no-margin">Calcium</div>
								<div class="col-sm-1 print_data_office no-margin" id="office_calcium"></div>
								<div class="col-sm-1  print_data_office no-margin">mg/dl</div>
								<div class="col-sm-3 print_data_office no-margin">8.6 - 10.3 mg/dl</div>
							</div>
							<div class="row no-margin">
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-2  no-margin" id=""></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-2 print_data_office no-margin">Phosphorus</div>
								<div class="col-sm-1 print_data_office no-margin" id="office_phosphorus"></div>
								<div class="col-sm-1  print_data_office no-margin">mg/dl</div>
								<div class="col-sm-3 print_data_office no-margin">2.7 - 4.5 mg/dl</div>
							</div>
							<div class="row no-margin">
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-2  no-margin" id=""></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-2 print_data_office no-margin">Uric Acid</div>
								<div class="col-sm-1 print_data_office no-margin" id="office_uric_acid"></div>
								<div class="col-sm-1  print_data_office no-margin">mg/dl</div>
								<div class="col-sm-3 print_data_office no-margin">Male:3.5-7.2,Female:2.6-6.0mg/dl</div>
							</div>
							<div class="row no-margin">
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-2  no-margin" id=""></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-2 print_data_office no-margin">HbA1C</div>
								<div class="col-sm-1 print_data_office no-margin" id="office_hba1c"></div>
								<div class="col-sm-1  print_data_office no-margin">%</div>
								<div class="col-sm-3 print_data_office no-margin">4.5 - 6.3 %</div>
							</div>
							<div class="row no-margin">
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-2  no-margin" id=""></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-2 print_data_office no-margin">PT</div>
								<div class="col-sm-1 print_data_office no-margin" id="office_pt"></div>
								<div class="col-sm-1  print_data_office no-margin">sec</div>
								<div class="col-sm-3 print_data_office no-margin">10-14</div>
							</div>
							<div class="row no-margin">
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-2  no-margin" id=""></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-2 print_data_office no-margin">INR</div>
								<div class="col-sm-1 print_data_office no-margin" id="office_inr"></div>
								<div class="col-sm-1  print_data_office no-margin"></div>
								<div class="col-sm-3 print_data_office no-margin"></div>
							</div>

							<div class="row no-margin">
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-2  no-margin" id=""></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-3 print_data_office no-margin">Complete Picture</div>
								<div class="col-sm-4 print_data_office  no-margin" id="office_complete_pitcture"></div>

							</div>
						</div>
						<div class="lab-office-print-block">
							<div class="row no-margin">
								<div class="col-sm-2 print_data_office no-margin">Comment</div>
								<div class="col-sm-10 print_data_office no-margin" id="office_comment"></div>
							</div>
							<div class="row no-margin">
								<div class="col-sm-4 no-margin" id="office_tech">Lab Tech::</div>

								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-1  no-margin"></div>
								<div class="col-sm-2  no-margin"></div>
								<div class="col-sm-3  no-margin" id="office_issueDate">Issue Date::</div>
							</div>
						</div>

					</div>
				</div>
				<!-- Print Page View -->

				<!-- </form> -->
</body>
@endauth
@endsection
<script type="text/javascript">
	let labFollowAllData = []; // Global storage
	let confidential = [
		//column,Name
		'Pid', 'Pid',
		"FuchiaID", 'fuchiaID',
		"Agey", 'register_age',
		"Agem", 'register_month',
		"Gender", 'gender',
		'Reg Date', 'vdate',
		"Main Risk", 'main_risk',
		'Current Agey', 'currentAge',
		'Current Agem', 'currentMonth'
	]
	let bioData = [
		'clinic', 'clinicTarget',
		'vdate', 'vdate',
		'Pid', 'Pid',
		'req_doctor', 'labMD',
		'counsellor', 'counsellor',
		'bilirubin', 'total_bilirubin',
		'alat', 'alat_sgpt',
		'ast', 'ast_sgot',
		'alp', 'alp',
		'total_clolesterol', 'total_cholesterol',
		'hdl_clolesterol', 'hdl_cholesterol',
		'ldl_clolesterol', 'ldl_cholesterol',
		'triglycerides', 'triglycerides',
		'urea', 'urea',
		'creatinine', 'creatinine',
		'calcium', 'calcium',
		'phosphorus', 'phosphorus',
		'hbA1C', 'hba1c',

		'complete_picture', 'complete_pict',
		'complete_picture_comment', 'complete_pict_comment',
		'cd4_done', 'cd4_notDone',
		'art', 'art',
		'art_date', 'art_startDate',
		'test_request', 'test_request',
		'who_stage', 'who_stage',
		'cd4_result', 'cd4_cells_u_result',
		'cd4_percent_result', 'cd4_result',
		'cd4_comment', 'cd4_comment',
		'lab_technician', 'bio_lab_tech',
		'issue', 'bio_issue_date',
		'pt', 'pt',
		'inr', 'inr',
		'albumin', 'albumin',
		'uric_acid', 'uric_acid',
		'ggt', 'ggt',
		'blood_collect', 'blood_date'
	]

	let hivData = [
		'clinic', 'clinicTarget',
		'vdate', 'vdate',
		'Pid', 'Pid',
		'req_doctor', 'labMD',
		'counsellor', 'counsellor',
		'bcollectdate', 'bloodCollectDate',
		'detmine_result', 'determineResult',
		'unigold_result', 'uniGoldResult',
		'stat_pak_result', 'statPakResult',
		'final_result', 'finalResult',
		'lab_technician', 'labTech',
		'issue', 'issueDate',
		'comment', 'hivComment',
	]

	let bioprintData = [
		//column ,id
		'bilirubin', 'office_bilirubin',
		'alat', 'office_alt',
		'ast', 'office_ast',
		'alp', 'office_alp',
		'total_clolesterol', 'office_total_Cholesterol',
		'hdl_clolesterol', 'office_hdl_cholesterol',
		'ldl_clolesterol', 'office_ldl_cholesterol',
		'triglycerides', 'office_triglycerides',
		'urea', 'office_urea',
		'creatinine', 'office_creatinine',
		'calcium', 'office_calcium',
		'phosphorus', 'office_phosphorus',
		'hbA1C', 'office_hba1c',
		'pt', 'office_pt',
		'inr', 'office_inr',
		'albumin', 'office_albumin',
		'uric_acid', 'office_uric_acid',
		'ggt', 'office_ggt',
		'complete_picture', 'office_complete_pitcture'

	]

	let hivprintData = [
		//column,id
		'detmine_result', 'office_allHIV_determine',
		'unigold_result', 'office_allHIV_uniGold',
		'stat_pak_result', 'office_allHIV_statPak',
		'final_result', 'office_allHIV_finalRes'
	]

	function ptData() {
		let data = {
			Pid: $('#cid').val(),
			vdate: formatDate($('#vDate').val()),
			target_clinic: $('#clinicTarget').val(),
		}
		$("#cd4Save").prop('disabled', true);
		$("#newOrOld").val('');
		console.log(data);
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			}
		});

		$.ajax({
			type: 'POST',
			url: "{{ route('OfficeLab.Search') }}",
			dataType: 'json',
			contentType: 'application/json',
			data: JSON.stringify(data),
			success: function(response) {
				console.log(response);
				if (response['status'] == 200) {
					if (response['message'] != 'New Client') {
						$("#newOrOld").val('old patient');
						$("#fuchiaID").val(response['data']['FuchiaID'])
						$("#agey_register").val(response['data']['Register Agey']).prop('disabled', true)
						$("#agem_register").val(response['data']['Register Agem']).prop('disabled', true)
						$("#agey").val(response['data']['Current Agey']);
						$("#agem").val(response['data']['Current Agem']);
						$("#gender").val(response['data']['Gender']).prop('disabled', true)
						$('#main_risk').val(response['data']['Main Risk']).prop('disabled', true)
					} else {
						alert(response['message'])
						$("#newOrOld").val('new patient');
						$("#agey_register,#agem_register,#gender,#main_risk,#fuchiaID").val('').prop('disabled', false);
						$("#agey,#agem").text('');
					}
					$("#cd4Save,#hivSave").prop('disabled', false).val('SaveProcess').text('Save Data');

				} else {
					alert(response['message']);
					$("#vDate").focus();
				}
			}
		}); // ajax end
	}

	function filldata(target) {
		let serachData = {
			vdate: formatDate($(target).parent().parent().children().eq(1).text()),
			Pid: $(target).parent().parent().children().eq(2).text(),

		}
		fetch('/OfficeLab/fill-to-data', {
				method: 'POST',
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
					'Content-Type': 'application/json',
				},
				body: JSON.stringify(serachData)
			})
			.then(response => response.json())
			.then(data => {
				$("#hidden-title li a").removeClass("active").css("background-color", "")
				console.log(data)
				let biohas;
				$("#hider0").show();
				$("#hider1").show();
				$("#search_tab,#finder").removeClass("active show");
				if (data['confid']) {
					refillData(confidential, data['confid']);
				}
				if (data['bioTest'] != null) {
					$("#bioche_tab").addClass("active").css("background-color", "red");
					$("#bioche").addClass("active").removeClass('fade');
					$("#hiv").removeClass('active').addClass('fade');
					refillData(bioData, data['bioTest']);
					$("#cd4Save").val('UpdateProcess').prop('disabled', false).text('Update Data')
					biohas = "biohasData";

				} else {
					if (data['hivTest'] != null) {
						$("#cd4Save").val("SaveProcess").prop("disabled", false).text('Save Data');
						$("#newOrOld").val('old patient')
					}

				}
				if (data['hivTest'] != null) {
					if (biohas != 'biohasData') {
						$("#HIV_tab").addClass("active")
						$("#hiv").addClass('active').removeClass('fade');
					}
					$("#HIV_tab").css("background-color", "red");
					refillData(hivData, data['hivTest']);
					$("#hivSave").val('UpdateProcess').prop('disabled', false).text('Update Data')
					determineResult();
					hiv_result_cal()
				} else {
					if (data['bioTest'] != null) {
						$("#hivSave").val("SaveProcess").prop("disabled", false).text('Save Data');
						$("#newOrOld").val('old patient');
					}
				}

				DateTo_text();
			})
			.catch(error => {
				console.error('Error:', error);
			});

	}

	function refillData(targetArr, fillData) {
		console.log(fillData);
		console.log(targetArr);
		for (let index = 0; index < targetArr.length; index += 2) {
			let name = targetArr[index + 1];
			let key = targetArr[index];

			if ($(`[name="${name}"]`).is('input[type="checkbox"]')) {
				$(`[name="${name}"]`).prop('checked', false);
				if (fillData[key] == '1') {
					$(`[name="${name}"]`).prop('checked', true);
				}
			} else if ($(`[name="${name}"]`).is('span')) {
				$(`[name="${name}"]`).text(fillData[key]);
			} else {
				$(`[name="${name}"]`).val(fillData[key]);
			}

		}
		if (typeof refreshLabMdInitials === 'function') {
			const pendingMd = fillData && fillData['req_doctor'] ? fillData['req_doctor'] : null;
			refreshLabMdInitials(pendingMd);
		}
	}

	function hiv_result_cal() {
		var d_result = document.getElementById("d_result").value;
		var uni_result = document.getElementById("uni_result").value;
		var stat_result = document.getElementById("stat_result").value;
		if (d_result == "Reactive" && uni_result == "Reactive" && stat_result == "Reactive") {
			$('#final_result').val('Positive')
		}
		if (d_result == "Reactive") {
			if (uni_result == "Reactive" && stat_result == "Non Reactive") {
				$('#final_result').val('Inconclusive');
			} else if (uni_result == "Non Reactive" && stat_result == "Reactive") {
				$('#final_result').val('Inconclusive');
			} else if (uni_result == "Non Reactive" && stat_result == "Non Reactive") {
				$('#final_result').val('Negative');
			}
		}
		if (uni_result == "Invalid" || stat_result == "Invalid") {
			$('#final_result').val('Inconclusive');
		}
	}

	function determineResult() {
		var result = document.getElementById('d_result').value;
		if (result == "Reactive") {
			$("#uni_result,#stat_result,#final_result").prop('disabled', false);

		}
		if (result == "Non Reactive") {

			$("#uni_result,#stat_result").prop('disabled', true).val('');
			$("#final_result").val('Negative').prop('disabled,false');

		}
		if (result == "Invalid") {
			$("#uni_result,#stat_result,#final_result").prop('disabled', true).val('');
		}
	}

	function printDateChange(date) {
		if (date != "") {
			var dateData = date;
			var dateSplit = dateData.split('-');
			if (dateSplit[0].length > 3) {
				var date_yy = dateSplit[0];
				var date_mm = dateSplit[1];
				var date_dd = dateSplit[2];
				printDate = date_dd + "-" + date_mm + "-" + date_yy;
				return printDate;
			}
			return;
		} else {
			return;
		}
	} //for show date in update 

	function Lab_Follow_Test() {
		var lab_follow_form = formatDate($("#lab_follow_dateFrom").val());
		if (lab_follow_form == "") {
			lab_follow_form = today;
		}
		var lab_follow_to = formatDate($("#lab_follow_dateTo").val());
		if (lab_follow_to == "") {
			lab_follow_to = today;
		}
		var lab_follow_data = {
			lab_follow_From: lab_follow_form,
			lab_follow_to: lab_follow_to,
			lab_test_type: $("#search_test_type").val()
		}
		console.log(lab_follow_data);
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
			}
		});
		$.ajax({
			type: 'POST',
			url: "{{ route('OfficeLab.TestRecord') }}",

			dataType: 'json',
			//  processData:false,
			contentType: 'application/json',
			data: JSON.stringify(lab_follow_data),
			success: function(response) {
				console.log(response);
				labFollowAllData = response[0]; // Save globally for filter
				labFollowTestType = response[1]; // Save test type
				renderLabFollowTable(labFollowAllData, labFollowTestType); //
			}
		})
	}

	function setBiochemistryNormalRanges(patient) {
		const years = Math.max(0, parseInt(patient['Current Agey'], 10) || 0);
		const months = Math.max(0, parseInt(patient['Current Agem'], 10) || 0);
		const totalMonths = (years * 12) + months;
		const isFemale = String(patient['Gender'] || '').toLowerCase() === 'female';
		const sexRange = (femaleRange, maleRange) => isFemale ? femaleRange : maleRange;

		let ureaRange;
		if (totalMonths >= 12 && totalMonths < 48) {
			ureaRange = '11 - 36 mg/dl';
		} else if (totalMonths >= 48 && totalMonths < 168) {
			ureaRange = '15 - 36 mg/dl';
		} else if (totalMonths >= 168 && totalMonths < 240) {
			ureaRange = '18 - 45 mg/dl';
		} else if (totalMonths >= 600) {
			ureaRange = sexRange('21 - 43 mg/dl', '18 - 55 mg/dl');
		} else {
			ureaRange = sexRange('15 - 40 mg/dl', '19 - 44 mg/dl');
		}

		let albuminRange;
		if (totalMonths === 0) {
			albuminRange = '2.8 - 4.4 g/dL';
		} else if (totalMonths < 168) {
			albuminRange = '3.8 - 5.4 g/dL';
		} else if (totalMonths < 240) {
			albuminRange = '3.2 - 4.5 g/dL';
		} else if (totalMonths <= 720) {
			albuminRange = '3.5 - 5.2 g/dL';
		} else if (totalMonths <= 1080) {
			albuminRange = '3.2 - 4.6 g/dL';
		} else {
			albuminRange = '2.9 - 4.5 g/dL';
		}

		let alpRange;
		if (totalMonths === 0) {
			alpRange = sexRange('48 - 406 U/L', '75 - 319 U/L');
		} else if (totalMonths <= 12) {
			alpRange = sexRange('124 - 341 U/L', '82 - 383 U/L');
		} else if (totalMonths < 48) {
			alpRange = sexRange('108 - 317 U/L', '104 - 345 U/L');
		} else if (totalMonths < 84) {
			alpRange = sexRange('96 - 297 U/L', '93 - 309 U/L');
		} else if (totalMonths < 120) {
			alpRange = sexRange('69 - 325 U/L', '86 - 315 U/L');
		} else if (totalMonths < 156) {
			alpRange = sexRange('51 - 332 U/L', '42 - 362 U/L');
		} else if (totalMonths < 192) {
			alpRange = sexRange('50 - 162 U/L', '74 - 390 U/L');
		} else if (totalMonths < 228) {
			alpRange = sexRange('47 - 119 U/L', '52 - 171 U/L');
		} else if (totalMonths < 720) {
			alpRange = sexRange('42 - 98 U/L', '53 - 128 U/L');
		} else {
			alpRange = sexRange('53 - 141 U/L', '56 - 119 U/L');
		}

		$('#office_urea_range').text(ureaRange);
		$('#office_albumin_range').text(albuminRange);
		$('#office_alp_range').text(alpRange);
	}

	function labprintAll(button) {
		var pallId = $("#lab_Printcid").val();
		var pallDate = $("#printAll_date").val();
		pallDate = formatDate(pallDate);
		var printall_data = {
			Pid: pallId,
			vdate: pallDate,
		}
		console.log(printall_data);
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
			}
		});
		$.ajax({
			type: 'POST',
			url: "{{ route('OfficeLab.office-print') }}",

			dataType: 'json',
			//  processData:false,
			contentType: 'application/json',
			data: JSON.stringify(printall_data),
			beforeSend: function() {
				$(button).prop("disabled", true);
				timeoutHandle = setTimeout(oneClick, 1000);
			},
			success: function(response) {

				console.log(response);
				$(button).prop("disabled", false);
				clearTimeout(timeoutHandle);

				if (response['status'] == 200) {
					let bio;
					setBiochemistryNormalRanges(response['confid'] || {});
					$("#office_print_allTest").show();
					$("#app,#save-update-print,#hider0,#hider1").hide();
					let cp_comment = '1. Bio Tests : ';
					let cd_comment = '2. CD 4 : ';
					let hiv_comment = '3. HIV : ';
					if (response['bio']) {
						$("#office_Pid").text('Patient ID : ' + response['bio']['Pid']);
						$("#office_print_fuchia").text('Fuchia ID : ' + (response['confid']['FuchiaID'] || ''));
						$("#office_print_agey").text('Age(Y) : ' + response['confid']['Current Agey']);
						$("#office_print_sex").text('Gender : ' + response['confid']['Gender']);
						$("#office_print_agem").text('Age(M) : ' + (response['confid']['Current Agem'] || ''));
						$("#printAll_counselor").text('Counselor : ' + (response['bio']['counsellor'] || ''));
						$("#office_print_reqMD").text('MD : ' + (response['bio']['req_doctor'] || ''));
						$("#office_tech").text('Lab Tech : ' + (response['bio']['lab_technician'] || ''));

						$("#office_who_stage").text(response['bio']['who_stage']);

						$("#office_cd4").text(response['bio']['cd4_result']);
						$("#office_cd4per").text(response['bio']['cd4_percent_result']);
						cp_comment = cp_comment + (response["bio"]['complete_picture_comment'] || '');
						cd_comment = cd_comment + (response['bio']['cd4_comment'] || '');

						let clinicDisplayMap = {}; // This will store our mapping like { "71": "HTY-A ( 71 )", "72": "HTY-B ( 72 )", ... }
						$("#clinicTarget option").each(function() {
							const optionValue = $(this).val();
							const optionText = $(this).text();
							clinicDisplayMap[optionValue] = optionText;
						});
						const clinicNumber = response['bio']['clinic'].toString(); // Ensure it's a string key for object lookup
						let clinicDisplayText = '';
						// Check if the clinicNumber (as a string) exists as a key in our map
						if (clinicDisplayMap.hasOwnProperty(clinicNumber)) {
							clinicDisplayText = clinicDisplayMap[clinicNumber];
						} else {
							// Fallback if the number isn't found in your HTML options
							clinicDisplayText = 'Clinic (Unknown)';
						}
						// Clinic name display
						$("#Clinic_name").text("Clinic : " + clinicDisplayText);



						if (response['bio']['issue'] != null) {
							printData = printDateChange(response['bio']['issue']);
							$("#office_issueDate").text('Issue Date : ' + printDate);
						}
						if (response['bio']['art_date'] != null) {
							printData = printDateChange(response['bio']['art_date']);
							$("#office_art_date").text(printDate);
						}
						if (response['bio']['vdate'] != null) {
							printData = printDateChange(response['bio']['vdate']);
							$("#blood_collect_date").text('Specimen Collected Date : ' + printDate);
						}



						bio = 'confid data';
						for (let index = 0; index < bioprintData.length; index += 2) {
							let name = bioprintData[index + 1];
							let key = bioprintData[index];
							$(`#${name}`).text(response['bio'][key]);

						}
					}
					if (response['hiv']) {
						if (bio != 'confid data') {

							$("#office_Pid").text('Patient ID : ' + response['hiv']['Pid']);
							$("#office_print_fuchia").text('Fuchia ID : ' + (response['confid']['FuchiaID'] || ''));
							$("#office_print_agey").text('Age(Y) : ' + response['confid']['Current Agey']);
							$("#office_print_sex").text('Gender : ' + response['confid']['Gender']);
							$("#office_print_agem").text('Age(M) : ' + (response['confid']['Current Agem'] || ''));
							$("#printAll_counselor").text('Counselor : ' + (response['hiv']['counsellor'] || ''));
							$("#office_print_reqMD").text('MD : ' + (response['hiv']['req_doctor'] || ''));
						}

						if (response['bio']['lab_technician'] == null && response['hiv']['lab_technician'] != null) {
							$("#office_tech").text('Lab Tech :' + (response['hiv']['lab_technician'] || ''));
						}
						if (response['bio']['issue'] == null && response['hiv']['issue'] != null) {
							printData = printDateChange(response['hiv']['issue']);
							$("#office_issueDate").text('Issue Date : ' + printDate);
						}
						if (response['bio']['vdate'] == null && response['hiv']['vdate'] != null) {
							printData = printDateChange(response['hiv']['vdate']);
							$("#blood_collect_date").text('Specimen Collected Date : ' + printDate);
						}
						let clinicDisplayMap = {}; // This will store our mapping like { "71": "HTY-A ( 71 )", "72": "HTY-B ( 72 )", ... }
						$("#clinicTarget option").each(function() {
							const optionValue = $(this).val();
							const optionText = $(this).text();
							clinicDisplayMap[optionValue] = optionText;
						});
						let clinicNumber = response['hiv']['clinic'].toString(); // Ensure it's a string key for object lookup
						let clinicDisplayText = '';
						// Check if the clinicNumber (as a string) exists as a key in our map
						if (clinicDisplayMap.hasOwnProperty(clinicNumber)) {
							clinicDisplayText = clinicDisplayMap[clinicNumber];
						} else {
							// Fallback if the number isn't found in your HTML options
							clinicDisplayText = 'Clinic (Unknown)';
						}
						// Clinic name display
						if (response['bio']['clinic'] == null) {
							$("#Clinic_name").text("Clinic : " + clinicDisplayText);
						}
						hiv_comment = hiv_comment + (response['hiv']['comment'] || '');
						for (let index = 0; index < hivprintData.length; index += 2) {
							let name = hivprintData[index + 1];
							let key = hivprintData[index];
							$(`#${name}`).text(response['hiv'][key]);

						}
					}
					$("#office_comment").html(cp_comment + '<br>' + cd_comment + '<br>' + hiv_comment);
					window.print();
					location.reload(true);
				} else {
					alert(response['message']);
				}




			}
		})


	}

	function removeData(target) {
		let removeType = $(target).parent().children().eq(1).val();
		let vdate = formatDate($(target).parent().parent().children().eq(1).text());
		let Pid = $(target).parent().parent().children().eq(2).text();
		let deleteData = {
			Pid: Pid,
			vdate: vdate,
			removeType: removeType,
		};
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
			}
		});
		$.ajax({
			type: 'DELETE',
			url: "{{ route('OfficeLab.office-delete') }}",

			dataType: 'json',
			//  processData:false,
			contentType: 'application/json',
			data: JSON.stringify(deleteData),
			success: function(response) {
				alert(response['message']);
				console.log(response);
				if (response['status'] == 200) {
					location.reload();
				}
			}
		})
	}

	function renderLabFollowTable(data, testType) {
		$("#lab_follow_show table thead").empty();
		$("#lab_follow_show table tbody").empty();
		$("#lab_follow_noti").text("");

		if (data.length === 0) {
			$("#lab_follow_noti").text("No data found.");
			return;
		}

		let theadRow = $("<tr>");
		let hiv_positive = 0,
			hiv_negative = 0;

		if (testType === "HIV") {
			const headers = [
				'No.', 'General ID', 'Fuchia ID', 'Age', 'Agem', 'Gender',
				'Blood Collected Date', 'Determine Result', 'Unigold Result',
				'STAT PAK Result', 'Final Result', 'Requested Dr',
				'Counsellor', 'Lab Technician', 'Issued Date'
			];
			headers.forEach(h => theadRow.append($("<th>").text(h)));
			$("#lab_follow_show table thead").append(theadRow);

			$.each(data, function(index, item) {
				const row4 = $("<tr>")
					.addClass("data-row")
					.append($("<td>").text(index + 1))
					.append($("<td>").text(item["Pid"]))
					.append($("<td>").text(item["FuchiaID"]))
					.append($("<td>").text(item["Agey"]))
					.append($("<td>").text(item["Agem"]))
					.append($("<td>").text(item["Gender"]))
					.append($("<td>").text(item["vdate"]))
					.append($("<td>").text(item["detmine_result"]))
					.append($("<td>").text(item["unigold_result"]))
					.append($("<td>").text(item["stat_pak_result"]))
					.append($("<td>").text(item["final_result"]))
					.append($("<td>").text(item["req_doctor"]))
					.append($("<td>").text(item["counsellor"]))
					.append($("<td>").text(item["lab_technician"]))
					.append($("<td>").text(item["issue"]));
				$("#lab_follow_show table tbody").append(row4);
			});
			const determineResult = data.filter(d => d["detmine_result"] && d["detmine_result"].trim() !== "").length;
			const unigoldResult = data.filter(d => d["unigold_result"] && d["unigold_result"].trim() !== "").length;
			const statpakResult = data.filter(d => d["stat_pak_result"] && d["stat_pak_result"].trim() !== "").length;
			const finalResult = data.filter(d => d["final_result"] && d["final_result"].trim() !== "").length;



			const row3 = $("<tr>")
				.append($("<td colspan='7'>").text(`Total`))
				.append($("<td >").text(`${determineResult}`))
				.append($("<td >").text(`${unigoldResult}`))
				.append($("<td >").text(`${statpakResult}`))
				.append($("<td >").text(`${finalResult}`));
			$("#lab_follow_show table tbody").append(row3);
		} else if (testType === "Bio Test") {
			const headers = [
				'No.', 'General ID', 'Fuchia ID', 'Age', 'Agem', 'Gender',
				'Blood Collected Date', 'Total Bilirubin', 'ALAT (SGPT)', 'AST (SGOT)', 'ALP',
				'GGT', 'Albumin', 'Total Cholesterol', 'HDL Cholesterol', 'LDL Cholesterol',
				'Triglycerides', 'Urea', 'Creatinine', 'Calcium', 'Phosphorus',
				'Uric Acid', 'HbA1C', 'PT', 'INR', 'CP',
				'CD 4 (cells/u) Resutl', 'CD 4% Resutl', 'Requested Dr',
				'Counsellor', 'Lab Technician', 'Issued Date'
			];
			headers.forEach(h => theadRow.append($("<th>").text(h)));
			$("#lab_follow_show table thead").append(theadRow);

			$.each(data, function(index, item) {
				const row1 = $("<tr>")
					.addClass("data-row")
					.append($("<td>").text(index + 1))
					.append($("<td>").text(item["Pid"]))
					.append($("<td>").text(item["Fuchia_Id"]))
					.append($("<td>").text(item["Agey"]))
					.append($("<td>").text(item["Agem"]))
					.append($("<td>").text(item["Gender"]))
					.append($("<td>").text(item["vdate"]))
					.append($("<td>").text(item["bilirubin"]))
					.append($("<td>").text(item["alat"]))
					.append($("<td>").text(item["ast"]))
					.append($("<td>").text(item["alp"]))
					.append($("<td>").text(item["ggt"]))
					.append($("<td>").text(item["albumin"]))
					.append($("<td>").text(item["total_clolesterol"]))
					.append($("<td>").text(item["hdl"]))
					.append($("<td>").text(item["ldl"]))
					.append($("<td>").text(item["triglycerides"]))
					.append($("<td>").text(item["urea"]))
					.append($("<td>").text(item["creatinine"]))
					.append($("<td>").text(item["calcium"]))
					.append($("<td>").text(item["phosphorus"]))
					.append($("<td>").text(item["uric_acid"]))
					.append($("<td>").text(item["hbA1C"]))
					.append($("<td>").text(item["pt"]))
					.append($("<td>").text(item["inr"]))
					.append($("<td>").text(item["complete_picture"]))
					.append($("<td>").text(item["cd4_result"]))
					.append($("<td>").text(item["cd4_percent_result"]))
					.append($("<td>").text(item["req_doctor"]))
					.append($("<td>").text(item["counsellor"]))
					.append($("<td>").text(item["lab_technician"]))
					.append($("<td>").text(item["issue"]));

				$("#lab_follow_show table tbody").append(row1);
			});
			const bilirubinCount = data.filter(d => d["bilirubin"] && d["bilirubin"].trim() !== "").length;
			const alatCount = data.filter(d => d["alat"] && d["alat"].trim() !== "").length;
			const ast = data.filter(d => d["ast"] && d["ast"].trim() !== "").length;
			const alpCount = data.filter(d => d["alp"] && d["alp"].trim() !== "").length;
			const totalCholesterolCount = data.filter(d => d["total_clolesterol"] && d["total_clolesterol"].trim() !== "").length;
			const hdlCount = data.filter(d => d["hdl"] && d["hdl"].trim() !== "").length;
			const ldlCount = data.filter(d => d["ldl"] && d["ldl"].trim() !== "").length;
			const triglyceridesCount = data.filter(d => d["triglycerides"] && d["triglycerides"].trim() !== "").length;
			const ureaCount = data.filter(d => d["urea"] && d["urea"].trim() !== "").length;
			const creatinineCount = data.filter(d => d["creatinine"] && d["creatinine"].trim() !== "").length;
			const calciumCount = data.filter(d => d["calcium"] && d["calcium"].trim() !== "").length;
			const phosphorusCount = data.filter(d => d["phosphorus"] && d["phosphorus"].trim() !== "").length;
			const hba1cCount = data.filter(d => d["hbA1C"] && d["hbA1C"].trim() !== "").length;
			const ptCount = data.filter(d => d["pt"] && d["pt"].trim() !== "").length;
			const inrCount = data.filter(d => d["inr"] && d["inr"].trim() !== "").length;
			const albuminCount = data.filter(d => d["albumin"] && d["albumin"].trim() !== "").length;
			const uricAcidCount = data.filter(d => d["uric_acid"] && d["uric_acid"].trim() !== "").length;
			const ggtCount = data.filter(d => d["ggt"] && d["ggt"].trim() !== "").length;
			const completePictureCount = data.filter(d => d["complete_picture"] && d["complete_picture"].trim() !== "").length;
			const cd4CellsCount = data.filter(d => d["cd4_result"] && d["cd4_result"].trim() !== "").length;
			const cd4PercentCount = data.filter(d => d["cd4_percent_result"] && d["cd4_percent_result"].trim() !== "").length;
			const row2 = $("<tr>")
				.append($("<td colspan='7'>").text(`Total`))
				.append($("<td >").text(`${bilirubinCount}`))
				.append($("<td >").text(`${alatCount}`))
				.append($("<td >").text(`${ast}`))
				.append($("<td >").text(`${alpCount}`))
				.append($("<td >").text(`${ggtCount}`))
				.append($("<td >").text(`${albuminCount}`))
				.append($("<td >").text(`${totalCholesterolCount}`))
				.append($("<td >").text(`${hdlCount}`))
				.append($("<td >").text(`${ldlCount}`))
				.append($("<td >").text(`${triglyceridesCount}`))
				.append($("<td >").text(`${ureaCount}`))
				.append($("<td >").text(`${creatinineCount}`))
				.append($("<td >").text(`${calciumCount}`))
				.append($("<td >").text(`${phosphorusCount}`))
				.append($("<td >").text(`${uricAcidCount}`))
				.append($("<td >").text(`${hba1cCount}`))
				.append($("<td >").text(`${ptCount}`))
				.append($("<td >").text(`${inrCount}`))
				.append($("<td >").text(`${completePictureCount}`))
				.append($("<td >").text(`${cd4CellsCount}`))
				.append($("<td >").text(`${cd4PercentCount}`));


			$("#lab_follow_show table tbody").append(row2);
			//  $("#lab_follow_noti").html(`BIO Test Total - ${data.length}`);
		} else if (testType === "CP") {
			const headers = ['No.', 'General ID', 'Vdate', 'Result', 'Doctor'];
			headers.forEach(h => theadRow.append($("<th>").text(h)));
			$("#lab_follow_show table thead").append(theadRow);

			$.each(data, function(index, item) {
				const row = $("<tr>")
					.append($("<td>").text(index + 1))
					.append($("<td>").text(item["Pid"]))
					.append($("<td>").text(item["vdate"]))
					.append($("<td>").text(item["final_result"]))
					.append($("<td>").text(item["req_doctor"]));
				$("#lab_follow_show table tbody").append(row);
			});

			$("#lab_follow_noti").html(`CP Test Total - ${data.length}`);
		} else {
			// Default / unknown test type
			const headers = ['No.', 'General ID', 'Vdate', 'Doctor'];
			headers.forEach(h => theadRow.append($("<th>").text(h)));
			$("#lab_follow_show table thead").append(theadRow);

			$.each(data, function(index, item) {
				const row = $("<tr>")
					.append($("<td>").text(index + 1))
					.append($("<td>").text(item["Pid"]))
					.append($("<td>").text(item["vdate"]))
					.append($("<td>").text(item["req_doctor"]));
				$("#lab_follow_show table tbody").append(row);
			});
		}
		$("#clinic_filter").prop('disabled', false);
	}
</script>
