@extends('dashboard/layout.app')
@section('title', 'BettrAi | Device Management')
@section('content')
<link href="{{ asset('/css/flatpickr.min.css')}}"	rel="stylesheet" type="text/css" />
<style>
.table-responsive{
	overflow-x: hidden; 
}

#divLoading.tabloadershow {
   display: none;
   position: fixed;
   z-index: 100;
   background-image: url("{{ URL::to('assets/images/loading-icon.gif') }}") !important;
   opacity: 0.4;
   left: 0px;
   bottom: 0px;
   right: 0px;
   top: 50px;
   background-repeat: no-repeat;
   background-position: center center;
}
</style>

<div class="d-flex flex-column-fluid mt-1">
<!--begin::Container-->
<div class="container">
<!--begin::Dashboard-->
<div class="card card-custom">
<div class="card-header border-0 py-5">

<h3 class="card-title align-items-start flex-column">
	<span class="card-label font-weight-bolder text-dark">Device Management Reports</span>

</h3>
<div class="card-toolbar">		
								
<a href='{{ $back_url }}' class="btn btn-light-primary font-weight-bold showloader">Back</a>
	</div>
</div>
<div class="card-body pt-5">

<ul class="nav nav-tabs nav-tabs-line">
	<li class="nav-item"><a
		class="nav-link "
		data-toggle="tab" href="#kt_tab_pane_1" onclick="getTabData('Medical');">Medical Devices</a>
	</li>													
	<li class="nav-item hide_btn"><a
		class="nav-link sub_tab "
		data-toggle="tab" href="#kt_tab_pane_2" onclick="getTabData('KitExpire');">Expiring Kits</a></li>
	<li class="nav-item hide_btn">
	<a class="nav-link sub_tab "
		data-toggle="tab" href="#kt_tab_pane_3" onclick="getTabData('history');">Kit History</a></li>																						
</ul>
						<div class="tab-content mt-5" id="myTabContent">

												<div
													class="tab-pane fade show "
													id="kt_tab_pane_1" role="tabpanel"
													aria-labelledby="kt_tab_pane_1">
									<div class="table-responsive">
									<form action="{{ URL::to('dashboard/device_management?user_id='.$user_id.'&role='.$role.'&facility_id='.$facility_id.'&page=Medical&user_tz='.$user_tz) }}" name="medical_devices" id="medical_devices" method="POST">
										@csrf 
										<div class="row form-group mb-3">
								            <div class="col-md-1">
								            <label class="mt-2 font-weight-bolder">Filter By:</label>
								            </div>                                    
								            <div class="col-md-2">
								                <select class="form-control select" id="med_status" name="med_status">									                  
									                  <option value="Active" >Assigned</option>
									                  <option value="Inactive" >Ready To Assign</option>									                 				                  				                  				                
									                  <option value="History" >Device History</option>
								                </select>
								            </div>	
								            <div class="col-md-2">
							                <select class="form-control select" id="vendors" name="vendors">
							                  <option value="" selected>Select Vendor</option>
							                   @foreach ($vendors as $key => $value) 
							                  <option selected  value="{{$value}}">{{$value}}</option>
							                  @endforeach
							                </select>
							            </div>
							            <div class="col-md-2">
							                <select class="form-control select" id="device_location" name="device_location">
							                  <option value="" selected>Select Location</option>
							                 @foreach ($locations as $key => $value)
							                  <option selected  value="{{$key}}">{{$value}}</option>
							                  @endforeach
							                </select>
							            </div>			
							            
							            <div class="col-md-2">
                                          <input type="text" class="form-control date_picker" placeholder="From Date(MM/DD/YYYY)" name='from_date' id='from_date' data-value="{{ isset($from_date)?$from_date:'' }}" value="{{ isset($from_date)?$from_date:'' }}" autocomplete="off">
                                       </div>
                                       <div class="col-md-2">
                                          <input type="text" class="form-control date_picker" placeholder="To Date(MM/DD/YYYY)" name='to_date' id='to_date' data-value="{{ isset($to_date)?$to_date:'' }}" value="{{ isset($to_date)?$to_date:'' }}" autocomplete="off">		
                                       </div>
						                <div class="col-md-1 p-0">
							            	<input type="button" class="btn btn-primary" value="Search" onclick="get_filtered_logs('Medical')"/>
							            </div>     							            
								        </div>
										<table
											class="table table-head-custom table-vertical-center p-5"
											id="med_device_list">
											<thead>
												<tr class="text-left">													
													<th>Patient Name</th>
													<th>Kit Number</th>																										
													<th>Location</th>																																					
													<th>Date</th>																																																																			
													<th>Device Mac Address</th>
													<th>Vendor</th>
													<th>Status</th>
												</tr>
											</thead>
											<tbody>
												<tr>
												</tr>
											</tbody>
										</table>
										</form>
										</div>
										</div>
										<div class="tab-pane fade show " id="kt_tab_pane_2" role="tabpanel" aria-labelledby="kt_tab_pane_2">
										<div class="table-responsive">
									<div class="row form-group mb-3">
							            <div class="col-md-2">
							            <label class="mt-2 font-weight-bolder">Filter By:</label>
							            </div>                                    							            		            							           
							            <div class="col-md-3">
							                <select class="form-control select" id="kit_location" name="kit_location">
							                  <option value="" selected>Select Location</option>
							                 @foreach ($locations as $key => $value)
							                  <option selected  value="{{$value}}">{{$value}}</option>
							                  @endforeach
							                </select>
							            </div>
							            <div class="col-md-2">
                                          <input type="text" class="form-control date_picker" placeholder="From Date(MM/DD/YYYY)" name='exp_from_date' id='exp_from_date' data-value="{{ isset($exp_from_date)?$exp_from_date:'' }}" value="{{ isset($exp_from_date)?$exp_from_date:'' }}" autocomplete="off">
                                       </div>
                                       <div class="col-md-2">
                                          <input type="text" class="form-control date_picker" placeholder="To Date(MM/DD/YYYY)" name='exp_to_date' id='exp_to_date' data-value="{{ isset($exp_to_date)?$exp_to_date:'' }}" value="{{ isset($exp_to_date)?$exp_to_date:'' }}" autocomplete="off">		
                                       </div>
						                <div class="col-md-1">
							            	<input type="button" class="btn btn-primary" value="Search" onclick="get_filtered_logs('KitExpire')"/>
							            </div> 
							        </div>
										<table
											class="table table-head-custom table-vertical-center p-5"
											id="kt_advance_table_widget_3">
											<thead>
												<tr class="text-left">													
													<th>Patient</th>	
													<th>Kit Number</th>																										
													<th>Location</th>																																					
													<th>Assigned Date</th>																				
													<th>InActive Date</th>																																				
													<th>Expiring In</th>
												</tr>
											</thead>
											<tbody>
											@foreach ($expiring_kits as $item)
											@php
												$patient_name = null;
											@endphp	
													
														@php 
														$patient_name = EncDecHelper::dec_string($item->patient_lname).", ".EncDecHelper::dec_string($item->patient_fname)."(".$item->patient_id.")";
														@endphp
													
													 @php
													$date = new DateTime($item->date, new DateTimeZone('UTC'));
							          	 		 	$date->setTimezone(new DateTimeZone($user_tz));
							          	 		 	$date = $date->format('m-d-Y');
							          	 		 	
							          	 		 	$inactive_date = new DateTime($item->date_inactivated, new DateTimeZone('UTC'));
							          	 		 	$inactive_date->setTimezone(new DateTimeZone($user_tz));
							          	 		 	$inactive_date = $inactive_date->format('m-d-Y');
							          	 		 	 @endphp
											<tr>
													<td class="notranslate">N/A </td>	
													<td></td>													
													<td>N/A </td>													
													<td>														
														<!-- <span style="display:none;"></span> -->
																												
													</td>				
													<td>														
														<!-- <span style="display:none;"></span> -->
																												
													</td>
													<td>0 days </td>																		
													
												</tr>
											@endforeach
												</tbody>
										</table>
										</div>
										
										</div>
										<div class="tab-pane fade show " id="kt_tab_pane_3" role="tabpanel" aria-labelledby="kt_tab_pane_3">
										<div class="table-responsive">
										<form action="{{ URL::to('dashboard/device_management?user_id='.$user_id.'&role='.$role.'&facility_id='.$facility_id.'&page=history&user_tz='.$user_tz) }}" name="kit_history" id="kit_history" method="POST">
										@csrf 
										<div class="row form-group mb-3">
							            <div class="col-md-2">
							            <label class="mt-2 font-weight-bolder">Filter By Status:</label>
							            </div>                                    
							            <div class="col-md-2">
							                <select class="form-control select" id="kit_status" name="kit_status">
							                  <option value="Active" >Assigned</option>
							                  <option value="Inactive" >Ready To Assign</option>
							                  <option value="Decommissioned" >Deleted</option>				                  				                  				                 
							                </select>
							            </div>				            							            
							            <div class="col-md-2">
							                <select class="form-control select" id="exp_kit_location" name="exp_kit_location">
							                  <option value="" selected>Select Location</option>
							                 @foreach ($locations as $key => $value)
							                  <option selected  value="{{$value}}">{{$value}}</option>
							                  @endforeach
							                </select>
							            </div>
							            <div class="col-md-2">
                                          <input type="text" class="form-control date_picker" placeholder="From Date(MM/DD/YYYY)" name='hist_from_date' id='hist_from_date' data-value="{{ isset($hist_from_date)?$hist_from_date:'' }}" value="{{ isset($hist_from_date)?$hist_from_date:'' }}" autocomplete="off">
                                       </div>
                                       <div class="col-md-2">
                                          <input type="text" class="form-control date_picker" placeholder="To Date(MM/DD/YYYY)" name='hist_to_date' id='hist_to_date' data-value="{{ isset($hist_to_date)?$hist_to_date:'' }}" value="{{ isset($hist_to_date)?$hist_to_date:'' }}" autocomplete="off">		
                                       </div>
						                <div class="col-md-1">
							            	<input type="button" class="btn btn-primary" value="Search" onclick="get_filtered_logs('History')"/>
							            </div>  
							        </div>
										<table
											class="table table-head-custom table-vertical-center p-5 "
											id="kt_advance_table_widget_1">
											<thead>
												<tr class="text-left">													
													<th>Patient</th>	
													<th>Kit Number</th>																										
													<th>Location</th>																																					
													<th>Date</th>																				
													<th>Assigned Devices</th>																																																	
												</tr>
											</thead>
											<tbody>
												<tr>
												</tr>
											</tbody>
										</table>
										</form>
										</div>
										
										</div>
										</div>
</div>
</div>
<!--end::Card-->

</div>
</div>

<input type="hidden" id="username name="username" value="">
<div id="divLoading" class="tabloadershow"></div>
<!-- <script src="{{ asset('assets/js/flatpickr.js')}}"></script> -->
<script src="{{ asset('assets/js/date-pickerJs.js')}}"></script>

<script>
$(document).ready(function(){
	
	$('.tabloadershow').hide();
	/* $(".flatpickr").flatpickr({
	      altInput: true,
	      altFormat: "d-m-Y",
	      dateFormat: "Y-m-d",
	   }); */
	   				// var kit_table = $('#kt_advance_table_widget_1').DataTable( {
		// 	dom: 'Bfrtip',
		// 	buttons: [
		// 		'excel', 'pdf', 'print'
		// 	]
		// });

		
	$('#kit_status').on('change',function(){
		var kit_status = $(this).val();
		$('.tabloadershow').show();
		$('#kit_history').submit();
	});
	
	$('#med_status').on('change',function(){

		var med_status = $(this).val();
		
		$('.tabloadershow').show();
		$('#medical_devices').submit();
	});
		$('#vendors').on('change', function () {
			var med_status = $('#med_status').val();
			var vendors = $('#vendors').val();
			var device_location = $('#device_location').val();
			var from_date = $('#from_date').val();
			var to_date = $('#to_date').val();
			var username = $('#username').val();
			if(vendors!=''){
				if(from_date!='' && to_date==''){
					swal({position: 'top',type: 'error',title: "Please select to date"});
					return false;
				}
				else if(from_date=='' && to_date!=''){
					
					swal({position: 'top',type: 'error',title: "Please select from date"});
					return false;
				}
				$('.tabloadershow').show();
				window.location.href='{{ URL::to("/") }}/dashboard/device_management?from_date='+from_date+'&to_date='+to_date+'&user_id=&role=&facility_id=&user_tz=&page=&med_status='+med_status+'&vendors='+vendors+'&device_location='+device_location;
			}
		});
	
		$('#device_location').on('change', function () {
			// if ($(this).val()=='') {
			// table.column(2).search('').draw();
			// }else{
			// 	table.column(2).search("^" + $(this).val() + "$", true, true, true).draw();
			// }
			var med_status = $('#med_status').val();
			var vendors = $('#vendors').val();
			var device_location = $('#device_location').val();
			var from_date = $('#from_date').val();
			var to_date = $('#to_date').val();
			var username = $('#username').val();
			if(device_location!=''){
				if(from_date!='' && to_date==''){
					swal({position: 'top',type: 'error',title: "Please select to date"});
					return false;
				}
				else if(from_date=='' && to_date!=''){
					
					swal({position: 'top',type: 'error',title: "Please select from date"});
					return false;
				}
				$('.tabloadershow').show();
				window.location.href='{{ URL::to("/") }}/dashboard/device_management?from_date='+from_date+'&to_date='+to_date+'&user_id=&role=&facility_id=&user_tz=&page=&med_status='+med_status+'&vendors='+vendors+'&device_location='+encodeURI(device_location);
			}
		});
		$('#exp_kit_location').on('change', function () {
			// if ($(this).val()=='') {
			// 	exp_kit_table.column(2).search('').draw();
			// }else{
			// 	exp_kit_table.column(2).search("^" + $(this).val() + "$", true, true, true).draw();
			// }
			var from_date = $('#hist_from_date').val();
			var to_date = $('#hist_to_date').val();
			var username = $('#username').val();
			var exp_kit_location = $('#exp_kit_location').val();
			if(exp_kit_location!=''){
				if(from_date!='' && to_date==''){
					swal({position: 'top',type: 'error',title: "Please select to date"});
					return false;
				}
				else if(from_date=='' && to_date!=''){
					
					swal({position: 'top',type: 'error',title: "Please select from date"});
					return false;
				}
			}
			$('.tabloadershow').show();
		   	window.location.href='{{ URL::to("/") }}/dashboard/device_management?hist_from_date='+from_date+'&hist_to_date='+to_date+'&user_id=&role=&facility_id=&user_tz=&page=history&exp_kit_location='+exp_kit_location;
		});
		$('#kit_location').on('change', function () {
			// if ($(this).val()=='') {
			// 	kit_table.column(2).search('').draw();
			// }else{
			// 	kit_table.column(2).search("^" + $(this).val() + "$", true, true, true).draw();
			// }
			var from_date = $('#exp_from_date').val();
			var to_date = $('#exp_to_date').val();
			var username = $('#username').val();
			var kit_location = $('#kit_location').val();
			if(kit_location!=''){
				if(from_date!='' && to_date==''){
					swal({position: 'top',type: 'error',title: "Please select to date"});
					return false;
				}
				else if(from_date=='' && to_date!=''){
					
					swal({position: 'top',type: 'error',title: "Please select from date"});
					return false;
				}
				$('.tabloadershow').show();
				window.location.href='{{ URL::to("/") }}/dashboard/device_management?exp_from_date='+from_date+'&exp_to_date='+to_date+'&user_id=&role=&facility_id=&user_tz=&page=KitExpire&kit_location='+kit_location;
			}
		});
		
});
function get_filtered_logs(page){
	
	if(page == 'Medical'){
		var med_status = $('#med_status').val();
		var vendors = $('#vendors').val();
		var device_location = $('#device_location').val();
	   var from_date = $('#from_date').val();
	   var to_date = $('#to_date').val();
	   var username = $('#username').val();
	   
	      if(from_date!='' && to_date==''){
	    	  swal({position: 'top',type: 'error',title: "Please select to date"});
	         return false;
	      }
	      else if(from_date=='' && to_date!=''){
	         
	         swal({position: 'top',type: 'error',title: "Please select from date"});
	         return false;
	      }else{
	   
			if(from_date=='' || to_date==''){
				
				swal({position: 'top',type: 'error',title: "Please select from date and to date"});
				return false;
			}else{
				$('.tabloadershow').show();
				window.location.href='{{ URL::to("/") }}/dashboard/device_management?from_date='+from_date+'&to_date='+to_date+'&user_id=&role=&facility_id=&user_tz=&page=&med_status='+med_status+'&vendors='+vendors+'&device_location='+device_location;
			}
		  }
	}
	if(page == 'KitExpire'){

		   var from_date = $('#exp_from_date').val();
		   var to_date = $('#exp_to_date').val();
		   var username = $('#username').val();
		   var kit_location = $('#kit_location').val();
		      if(from_date!='' && to_date==''){		         
		         swal({position: 'top',type: 'error',title: "Please select to date"});
		         return false;
		      }
		      else if(from_date=='' && to_date!=''){
		         
		         swal({position: 'top',type: 'error',title: "Please select from date"});
		         return false;
		      }
		   
		      else if(from_date=='' || to_date==''){		         
		         swal({position: 'top',type: 'error',title: "Please select from date and to date"});
		         return false;
		      }else{
		    	  $('.tabloadershow').show();
		   			window.location.href='{{ URL::to("/") }}/dashboard/device_management?exp_from_date='+from_date+'&exp_to_date='+to_date+'&user_id=&role=&facility_id=&user_tz=&page=KitExpire&kit_location='+kit_location;
		      }
		}
	if(page == 'History'){

		   var from_date = $('#hist_from_date').val();
		   var to_date = $('#hist_to_date').val();
		   var username = $('#username').val();
		   var exp_kit_location = $('#exp_kit_location').val();
		   
		      if(from_date!='' && to_date==''){
		         //alert("Please select to date");
		         swal({position: 'top',type: 'error',title: "Please select to date"});
		         return false;
		      }
		      else if(from_date=='' && to_date!=''){
		         //alert("Please select from date");
		         swal({position: 'top',type: 'error',title: "Please select from date"});
		         return false;
		      }
		   
		      else if(from_date=='' || to_date==''){
		         //alert("Please select from date and to date");
		         swal({position: 'top',type: 'error',title: "Please select from date and to date"});
		         return false;
		      }else{
		    	  $('.tabloadershow').show();
		   window.location.href='{{ URL::to("/") }}/dashboard/device_management?hist_from_date='+from_date+'&hist_to_date='+to_date+'&user_id=&role=&facility_id=&user_tz=&page=history&exp_kit_location='+exp_kit_location;
		      }
		}
}

function getTabData(page_type){
	$('.tabloadershow').show();
	if(page_type=='Medical'){
		var load_url='{{ URL::to("/") }}/dashboard/device_management?hist_from_date=&hist_to_date=&user_id=&role=&facility_id=&user_tz=&page=Medical&exp_kit_location=';
	} else if(page_type=='KitExpire'){
		var load_url='{{ URL::to("/") }}/dashboard/device_management?exp_from_date=&exp_to_date=&user_id=&role=&facility_id=&user_tz=&page=KitExpire&kit_location=';
	} else {
		var load_url = '{{ URL::to("/") }}/dashboard/device_management?hist_from_date=&hist_to_date=&user_id=&role=&facility_id=&user_tz=&page=history&exp_kit_location=';
	}
	window.location.href=load_url;
}
</script>
@endsection