@extends('dashboard/layout.app')
@section('title', 'BettrAi | Sophie Requested Logs')
@section('content')
<link rel="stylesheet" href="{{ url('/assets/css/bootstrap-multiselect.min.css') }}?v={{ rand(11111,99999) }}" type="text/css" />
<style type="text/css">
.select2-container--default .select2-selection--single .select2-selection__rendered{
   font-size:12px !important;
}
#divLoadingInPopup.tabloadershow {
   display: none;
   position: fixed;
   z-index: 100;
   background-image: url(../images/loading-icon.gif);
   opacity: 0.4;
   left: 0px;
   bottom: 0px;
   right: 0px;
   top: 50px;
   background-repeat: no-repeat;
   background-position: center center;
}
.select2-container--default 
.select2-selection--multiple 
.select2-selection__rendered 
.select2-selection__choice 
.select2-selection__choice__remove {
   font-size: 18px;
   display: inline-block;
   line-height: 0;
   margin-right: 0.5rem;
   position: relative;
   margin-top: 5px;
}
.row_heading{
	font-weight: bold;
	border: 1px solid #ECF0F3;
}
.heading_col{
	padding: 0px 3px 0px 3px;
	border-top: 1px solid #ECF0F3;
	border-left: 1px solid #ECF0F3;
	border-right: 1px solid #ECF0F3;
	text-align: center;
}
.data_row{
	border: 1px solid #ECF0F3;
	margin-right: 12px;
}
.heading_col_prog{
	text-align: center !important;
  	font-weight: bolder;
}
.date_filter_div_month{
	background: #ddd;
	border-radius: 10px 0px 0px 10px;
	padding: 10px 5px;
	max-height: 85px;
}
.date_filter_div_year{
	background: #ddd;
	border-radius: 0px 10px 10px 0px;
	padding: 10px 5px;
	max-height: 85px;
}
.period_wise_div_start{
	background: #ddd;
	border-radius: 10px 0px 0px 10px;
	padding: 10px 5px;
	max-height: 90px;
}
.period_wise_div_end{
	background: #ddd;
	border-radius: 0px 10px 10px 0px;
	padding: 10px 5px;
	max-height: 90px;
}
.divider_text{
	margin: 3% 1%;
	font-weight: 450;
}
#kt_datatable_sophie_audit_wrapper .dataTable td, #kt_datatable_sophie_wrapper .dataTable td {
    /*padding: 5px 5px !important;*/
    padding-left: 10px !important;
}
#kt_datatable_sophie_audit_wrapper .dataTable td:last-child {
    padding-right: 0 !important;
    text-align: left !important;
}
#kt_datatable_sophie_wrapper .table.table-separate th:last-child, .table.table-separate td:last-child {
   
	width:15% !important;
	text-align: center;
}
</style>
<div class="d-flex flex-column-fluid">
		<!--begin::Container-->
	<div class="container">
			<!--begin::Dashboard-->
		<div class="card card-custom">
			<div class="card-header py-5">
				<h3 class="card-title align-items-start flex-column">
					<span class="card-label font-weight-bolder text-dark">Sophie AI Interactions</span>
				</h3>
				<!-- <div class="card-toolbar">
					<a href="{{ URL::to('dashboard/reports') }}" class="btn btn-light-primary font-weight-bold showloader">Back</a>
				</div> -->
			</div>
			<div class="card-body pt-5">
				<div class="col-12 py-10m">
					<ul class="nav nav-tabs nav nav-pills">
						<li class="nav-item"><a
							class="nav-link active"
							data-toggle="tab" href="#kt_tab_pane_1" >Sophie AI Requests</a>
						</li>													
						<li class="nav-item hide_btn"><a
							class="nav-link sub_tab "
							data-toggle="tab" href="#kt_tab_pane_2" >Audit Logs</a></li>
																											
					</ul>	
					<div class="tab-content mt-5" id="myTabContent">
						<div class="tab-pane fade show active" id="kt_tab_pane_1" role="tabpanel" aria-labelledby="kt_tab_pane_1">
							<div class="form-group row filter_div">
								<div class="col-lg-4 mb-5">
									<label>Select Locations:</label><br>
									
									<select id="sel_location" name="sel_location" class="form-control select notranslate" >
										<option value="">All</option>
																			</select>	
								</div>
								<div class="col-lg-3 mb-5 date_filter_div_year">
									<label>Select Care Team Member:</label>
									
																				<select name="care_team_id" id="care_team_id" class="form-control select notranslate" onchange="get_careteam_patients(this.value)">
											<option value="" selected='selected'>My Self</option>
										</select>
																		</div>
								<div class="col-lg-1 mt-10">
									<span class="divider_text">(OR)</span>
								</div>
								<div class="col-lg-3 mb-5 date_filter_div_year row">
									<label>Select Patient:</label>
									<br>
									<input type="text" class="form-control search_input_field typeahead notranslate" style="line-height:1; font-size:0.8rem;background-color: #FFF; width:100%" id="sel_patient_id" name="search" placeholder="Search and Select Patient" value="">
									<!-- <select name="sel_patient_id" id="sel_patient_id" class="form-control select notranslate">
										<option value="">Select Patient</option>
									</select> -->
								</div>
								<div class="col-lg-2 mb-5 date_filter_div_month">
									<label>Select Month:</label>
									<select id="sel_month" name="sel_month" class="form-control" onchange="checkyearmonthchange()">
										<option value="">-Select-</option>
																			</select>																											
								</div>	
								<div class="col-lg-2 mb-5 date_filter_div_year">
									<label>Select Year:</label>
									<select id="sel_year" name="sel_year" class="form-control" onchange="checkyearmonthchange()">
										<option value="">-Select-</option>
																			</select>																											
								</div>	
								<div class="col-lg-1 mt-10">
									<span class="divider_text">(OR)</span>
								</div>
								<div class="col-lg-2 mb-6 period_wise_div_start">
									<label>Start Date:</label>
									<input type="text" class="form-control date_picker2" name="sel_start_date" id="sel_start_date" value="" onchange="checkdateschange()" placeholder="MM/DD/YYYY">																											
								</div>	
								<div class="col-lg-2 mb-6 period_wise_div_end">
									<label>End Date:</label>
									<input type="text" class="form-control date_picker2" name="sel_end_date" id="sel_end_date" value="" onchange="checkdateschange()" placeholder="MM/DD/YYYY">																											
								</div>
								<div class="col-lg-3 text-center mt-7">
									<button type="button" class="ml-2 mb-2 btn btn-light-primary font-weight-bold" onclick="load_vsreport_details('search');">Search</button>
									<button type="button" class="ml-2 mb-2 btn btn-light-warning font-weight-bold" onclick="resetForm()">Reset</button>
									<!-- <button type="button" class="ml-2 mb-2 btn btn-light-success font-weight-bold" onclick="load_vsreport_details('export')">Export</button> -->
								</div>
								<!-- <div class="col-lg-1">
								</div> -->
							</div>
						
							<table class="table table-separate table-head-custom table-checkable" id="kt_datatable_sophie">
								<thead>
									<tr>
										<th>Date & Time of the transaction</th>
										<th>Patient Name (UID)</th>
										<th>Category</th>	
										<th>Provider Name/NPI or Nurse</th>
										<!-- <th>User Name</th> -->
										<th>Requested By</th>								
										<th style="width:15% !important;">Request Details</th>								
										<th style="width:10% !important;">Action</th>											
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<div class="tab-pane fade show " id="kt_tab_pane_2" role="tabpanel" aria-labelledby="kt_tab_pane_2">
							<div class="form-group row filter_div">
								<div class="col-lg-4 mb-5">
									<label>Select Locations:</label><br>
									<select id="a_sel_location" name="a_sel_location" class="form-control select notranslate" onchange="a_get_location_users(this.value)">
										<option value="">All</option>
																			</select>	
								</div>
								<div class="col-lg-3 mb-5 date_filter_div_month">
									<label>Select Care Team Member:</label>
																			<select name="a_care_team_id" id="a_care_team_id" class="form-control select notranslate" onchange="a_get_careteam_patients(this.value)">
											<option value="" selected='selected'>My Self</option>
										</select>
																		</div>
								<div class="col-lg-1 mt-10">
									<span class="divider_text">(OR)</span>
								</div>
								<div class="col-lg-3 mb-5 date_filter_div_month row">
									<label>Select Patient:</label>
									<br>
									<input type="text" class="form-control search_input_field typeahead notranslate" style="line-height:1; font-size:0.8rem;background-color: #FFF; width:100%" id="a_sel_patient_id" name="a_search" placeholder="Search and Select Patient" value="">
									<!-- <span class="input-group-text ml-4" onclick="clearPatientSeach()" style="cursor: pointer; float:right;">
										<i class="quick-search-close ki ki-close icon-sm text-muted"></i>
										</span>		 -->
									<!-- <select name="sel_patient_id" id="sel_patient_id" class="form-control select notranslate">
										<option value="">Select Patient</option>
									</select> -->
								</div>
								<div class="col-lg-2 mb-5 date_filter_div_month">
									<label>Select Month:</label>
									<select id="a_sel_month" name="a_sel_month" class="form-control" onchange="a_checkyearmonthchange()">
										<option value="">-Select-</option>
																			</select>																											
								</div>	
								<div class="col-lg-2 mb-5 date_filter_div_year">
									<label>Select Year:</label>
									<select id="a_sel_year" name="a_sel_year" class="form-control" onchange="a_checkyearmonthchange()">
										<option value="">-Select-</option>
																			</select>																											
								</div>	
								<div class="col-lg-1 mt-10">
									<span class="divider_text">(OR)</span>
								</div>
								<div class="col-lg-2 mb-6 period_wise_div_start">
									<label>Start Date:</label>
									<input type="text" class="form-control date_picker2" name="a_sel_start_date" id="a_sel_start_date" value="" onchange="a_checkdateschange()" placeholder="MM/DD/YYYY">																											
								</div>	
								<div class="col-lg-2 mb-6 period_wise_div_end">
									<label>End Date:</label>
									<input type="text" class="form-control date_picker2" name="a_sel_end_date" id="a_sel_end_date" value="" onchange="a_checkdateschange()" placeholder="MM/DD/YYYY">																											
								</div>
								<div class="col-lg-3 text-center mt-7">
									<button type="button" class="ml-2 mb-2 btn btn-light-primary font-weight-bold" onclick="load_sophie_aduit_logs('search');">Search</button>
									<button type="button" class="ml-2 mb-2 btn btn-light-warning font-weight-bold" onclick="a_resetForm()">Reset</button>
									<button type="button" class="ml-2 mb-2 btn btn-light-success font-weight-bold" onclick="load_sophie_aduit_logs('export')">Export</button>
								</div>
								<!-- <div class="col-lg-1">
								</div> -->
							</div>
							<div class="col-lg-12 col-md-12 col-sm-12 mb-4">
								<label class=""><b>Note:</b> Please apply filters to get the data.</label>
							</div>
							<table class="table table-separate table-head-custom table-checkable" id="kt_datatable_sophie_audit">
								<thead>
									<tr>
										<th>Date & Time of the transaction</th>
										<th>Patient Name (UID)</th>
										<th>Category</th>
										<th>Requested By</th>								
										<th>Request Details</th>								
										<th style="width:40% !important;">Response Details</th>											
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				
				
			</div>
		</div>
	</div>
</div>
<div id="providerResponseModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="providerResponseModal" aria-hidden="true">
	<div class="modal-dialog modal-md">
		<div class="modal-content modal-md">
			<div class="modal-header">
				<h4 class="modal-title" id="sophie_res_name">Sophie Conversation</h4>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>
			<div class="modal-body">
				<div class="col-12 row" id="json_data"></div>
				
			</div>

		</div>
	</div>
</div>
<div id="acknweldgeModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="acknweldgeModel" aria-hidden="true" style="width: 40%;margin: auto 30%;">
	<div class="modal-dialog modal-md"> 
		<div class="modal-content modal-md">
			<div class="modal-header">
				<h4 class="modal-title" id="">Acknowledgement</h4>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>
			<div class="modal-body">
				<div class="col-12 row">
					<div class="col-5 mb-2"><b>Acknowledged By</b>: </div>
					<div class="col-7 mb-2">, </div>
					<div class="col-5"><b>Acknowledged On:</b> </div>
					<div class="col-7"></div> 
				</div>
				<div class="mt-10" style="float: left; width: 80%; text-align: center">
					<input type="hidden" id="a_audit_id" name="a_audit_id" value="">
					<button type="button" id="saveBtn" onClick="saveAcknowledge()" class="btn btn-light-primary font-weight-bold mr-3">Save</button>
					<button type="button" class="btn btn-light-danger font-weight-bold" data-dismiss="modal">Cancel</button>
				</div>
			</div>

		</div>
	</div>
</div>
<div class="modal fade" id="details_appointment" tabindex="-1" role="dialog" aria-labelledby="details_appointment" aria-hidden="true">
   	<div class="modal-dialog modal-dialog-top modal-xl" role="document">
      	<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Appointment Details</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<i aria-hidden="true" class="ki ki-close"></i>
				</button>
			</div>
        	 <div class="modal-body" id="appointment_modal_popup2">	
				<form>	
					<input type="hidden" name="details_appoint_category_id" id="details_appoint_category_id" value="">
					<input type="hidden" name="audit_id" id="audit_id" value="">
					<input type="hidden" name="user_request" id="user_request" value="">
					<div class="form-group row">
						<div class="col-lg-4">
							<label class="appoint_details_class">Category:</label><br>
							<span id="details_appoint_category"></span>
						</div>

						<div class="col-lg-4">
							<label class="appoint_details_class">Title:</label><br>	
							<span id="details_appoint_title"></span>
						</div>
						<div class="col-lg-4">
							<label class="appoint_details_class">Attempted Count:</label><br>	
							<span id="details_appoint_notifycount"></span>
						</div>
					</div>
					<div class="form-group row">
						<div class="col-lg-4">
							<label class="appoint_details_class">Careteam Member:</label><br>
							<span id="details_appoint_physician" class="notranslate"></span>
						</div>

						<div class="col-lg-4">
							<label class="appoint_details_class">Patient Name:</label><br>
							<span id="details_appoint_patient" class="notranslate"></span>
						</div>

						<div class="col-lg-4">
							<label class="appoint_details_class">Priority:</label><br>
							<span id="details_appoint_priority"></span>
						</div>
					</div>
					<div class="form-group row">
						<div class="col-lg-3">
							<label class="appoint_details_class">Event Start Date <span class="text-danger">*</span></label>
							<input class="form-control appointment_date" type="text" name="event_startdate_slot" id="event_sdate" required="required" autocomplete="off" placeholder="MM/DD/YYYY" im-insert="true">
						</div>
						<div class="col-lg-3">
							<label class="appoint_details_class">Event Start Time <span class="text-danger">*</span></label>
							<input class="form-control time_picker" type="text" name="event_starttime_slot" id="event_stime" required="required" autocomplete="off" onchange="update_appointend_date();" placeholder="HH:mm">
						</div>
						<div class="col-lg-3">
							<label class="appoint_details_class">Event End Date <span class="text-danger">*</span></label>
							<input class="form-control appointment_date" type="text" name="event_enddate_slot" id="event_enddate" required="required" autocomplete="off" placeholder="MM/DD/YYYY" im-insert="true">							
						</div>
						<div class="col-lg-3">
							<label class="appoint_details_class">Event End Time <span class="text-danger">*</span></label>
							<input class="form-control time_picker" type="text" name="event_endtime_slot" id="event_endtime" required="required" autocomplete="off" placeholder="HH:mm">							
						</div>
					</div>
					<div class="form-group row">
						<div class="col-lg-4">
							<label class="appoint_details_class">Appointment Summary:</label><br>
							<span id="details_appoint_comments"></span>
						</div>
						<div class="col-lg-4">
							<label class="appoint_details_class">Appointment Status:</label><br>
							<span id="details_appoint_status"></span>
						</div>

						<div class="col-lg-4">
							<label class="appoint_details_class">Checkin Status:</label><br>
							<span id="details_appoint_checkin"></span>
						</div>
					</div>
					<div id="details_appoint_logs"></div>
					<div class="card-toolbar pb-10 mt-3" style="float: left; width: 100%; text-align: center">
						<a class="btn btn-info font-weight-bold mr-3" id="confirm_appointment">Confirm</a>
						<a class="btn btn-danger font-weight-bold mr-3" id="decline_appointment">Decline</a>
						<a class="btn btn-light-danger font-weight-bold" onclick="cancel_form()">Close</a>																
					</div>
				</form>
		 		<div id="divLoadingInPopup1" class="tabloadershow1"></div>
			</div>
      	</div>
   	</div>
</div><!--Modal 1 Ends-->
<div id="divLoadingInPopup" class="tabloadershow"></div>
<script src="{{ asset('assets/js/date-pickerJs.js')}}"></script>
<script src="{{ url('/assets/js/bootstrap-multiselect.min.js') }}"></script>
<script src="{{ url('/assets/js/typeahead_notranslate.js') }}"></script> 
<script>
var cur_month = '{{ $cur_month }}';
var cur_year = '{{ $cur_year }}';
$(document).ready(function() {
	$('.select').select2({
		dropdownCssClass: "notranslate"
	});
	$(".select2-selection").addClass("notranslate");
	$(".select2-container").addClass("notranslate");
   load_vsreport_details('search')

   $('.date_picker2').datepicker({
        format: 'mm/dd/yyyy',
        endDate: '+0d',
        autoclose: true
    });
});
$( "#sel_patient_id" ).typeahead({
	source: function (query, result) {
		var care_team_id = $('#care_team_id').val();
		var category_filter = 'active';
		var url = "{{ url('/searchSophiePatients') }}?query="+query+"&category_filter="+category_filter+'&care_team_id='+care_team_id;
		$.ajax({
			url: url,
			data: 'query=' + query+'&category_filter='+category_filter,            
			dataType: "json",
			success: function (data) {
				if(data.hasOwnProperty("status") && data['status']=="validation"){
					swal(data.message); return false;
				}
				if(data.session!=undefined && data.session=='expired'){
					window.location.href = "{{ url('/') }}";return false;
				} else {
					result($.map(data, function (item) {
						return item;
					}));
					setTimeout(function (){
						$('ul.typeahead').addClass('notranslate');
						$('ul.typeahead').addClass('spatientsearch_class');
					},100);
				}
			}
		});
	},
	matcher: function(item) {
		return true;
	},
	afterSelect: function(item) {
		if(item=='No items found'){
			$('#sel_patient_id').val('');
			return false;
		} else {
			let itm = item.split('-');
			//let pid = itm[1].replace(')','');
			let pid = itm.at(-1).replace(')','');
			pid = pid.replace(' ','');
			// load_vsreport_details('search',pid)
			//globalPageFilter('Search',pid,'active',item);
		}
	}
});
$( "#a_sel_patient_id" ).typeahead({
	source: function (query, result) {
		var care_team_id = $('#a_care_team_id').val();
		var category_filter = 'active';
		var url = "{{ url('/searchSophiePatients') }}?query="+query+"&category_filter="+category_filter+'&care_team_id='+care_team_id;
		$.ajax({
			url: url,
			data: 'query=' + query+'&category_filter='+category_filter,            
			dataType: "json",
			success: function (data) {
				if(data.hasOwnProperty("status") && data['status']=="validation"){
					swal(data.message); return false;
				}
				if(data.session!=undefined && data.session=='expired'){
					window.location.href = "{{ url('/') }}";return false;
				} else {
					result($.map(data, function (item) {
						return item;
					}));
					setTimeout(function (){
						$('ul.typeahead').addClass('notranslate');
						$('ul.typeahead').addClass('spatientsearch_class');
					},100);
				}
			}
		});
	},
	matcher: function(item) {
		return true;
	},
	afterSelect: function(item) {
		if(item=='No items found'){
			$('#a_sel_patient_id').val('');
			return false;
		} else {
			let itm = item.split('-');
			//let pid = itm[1].replace(')','');
			let pid = itm.at(-1).replace(')','');
			pid = pid.replace(' ','');
			// load_vsreport_details('search',pid)
			//globalPageFilter('Search',pid,'active',item);
		}
	}
});
var load_url = "{{ url('images/loading-icon.gif') }}";
//load_idletime_logs('load');
function getPatientDetails(patient_id){
	$(".tabloadershow").show();
	window.location.href = "{{ url('/patientdetails') }}/"+patient_id+"?search_val=&page_type=sophierequests&monitor_type=&filter_type=&category=";
}
function load_vsreport_details(action_type){
	var sel_location = $('#sel_location').val();
	var care_team_id = $('#care_team_id').val();
	var sel_month = $('#sel_month').val();
	var sel_year = $('#sel_year').val();
	let sel_patient = $('#sel_patient_id').val();
	let itm = sel_patient.split('-');
	//let pid = itm[1].replace(')','');
	let pid = itm.at(-1).replace(')','');
	var sel_patient_id = pid.replace(' ','');
	// var sel_patient_id = $("#sel_patient_id").val();
	var sel_start_date = $('#sel_start_date').val();
	var sel_end_date = $('#sel_end_date').val();
	var location_text = $('#sel_location option:selected').text();
	var careteam_text = $('#care_team_id option:selected').text();
	// if(care_team_id==''){
	// 	swal("Please select care team member");
	// 	return false;
	// }
   if((sel_month!='' && sel_year=='') || (sel_month=='' && sel_year!='')){
		swal("Please select month and year");
		return false;
	}
	if((sel_start_date!='' && sel_end_date=='') || (sel_start_date=='' && sel_end_date!='')){
		swal("Please select start and end dates");
		return false;
	}
	if(sel_start_date!='' && sel_end_date!=''){
		var sel_start_date_comp = new Date(sel_start_date);
		var sel_end_date_comp = new Date(sel_end_date);
		if(sel_start_date_comp>sel_end_date_comp){
			swal("End date should be greater than start date");
			return false;
		}
	}
	const today = new Date();
	const month = today.toLocaleString('default', { month: '2-digit' });
	// $('#sel_month').val(month);
	const year = today.getFullYear();
	if(sel_month!='' && sel_year!=''){
		if(sel_month>month && sel_year>=year){
			swal("Please select valid month and year");
			return false;
		}
	}
	if(action_type=='export'){
		// var datatable_search = $('input[type="search"]').val();
		// if(datatable_search === null){
		// 	var dt_search = '';
		// } else {
		// 	var dt_search = datatable_search;
		// }
		$('.tabloadershow').show();
		setTimeout(() => {
			$('.tabloadershow').hide();
         swal({position: 'top',type: 'success',title: "Download is in progress, it may take few seconds, please check in downloads after some time!"});
		}, 3500);
		var export_url = "{{ url('/SophieRequestedLogs') }}?data_type=export&sel_location="+sel_location+"&care_team_id="+care_team_id+"&sel_month="+sel_month+"&sel_year="+sel_year+"&sel_start_date="+sel_start_date+"&sel_end_date="+sel_end_date+"&location_text="+encodeURIComponent(location_text)+"&careteam_text="+encodeURIComponent(careteam_text)+"&patient_id="+sel_patient_id+"&datatable_search=";
		window.location.href = export_url;
	} else {
		var load_report_url = '{{ URL::to("/") }}/SophieRequestedLogs';
		$("#kt_datatable_sophie").dataTable().fnDestroy();
		var table = $('#kt_datatable_sophie').DataTable({
			'processing': true,
			'serverSide': true,
			oLanguage: {sProcessing: "<img src='{{ URL::to('images/loading-icon.gif') }}'>"},
			ajax: {
				url: load_report_url,
				type: 'POST',
				data: {'_token':'{{csrf_token()}}', 'sel_location':sel_location,'care_team_id':care_team_id,
                     'sel_month':sel_month,'sel_year':sel_year, 'sel_start_date':sel_start_date,'sel_end_date':sel_end_date,'patient_id':sel_patient_id}
			},
			'columns': [
				{ data: 'date_time' },
				{ data: 'patient_name' },
				{ data: 'category' },
				{ data: 'provider_name' },
				// { data: 'user_name' },
				{ data: 'requested_by' },
				{ data: 'requested_data' },
				{ data: 'response_data' }
			],
			'columnDefs': [ {
				'targets': [2], /* column index */
				'orderable': false, /* true or false */
			}],
			'aaSorting': []
		});
         $('#kt_datatable_sophie_filter input').off();
 
        // Bind your own event (e.g., search after 500ms idle time)
        let searchDelay;
        $('#kt_datatable_sophie_filter input').on('keyup', function () {
            clearTimeout(searchDelay);
            var self = this;
            searchDelay = setTimeout(function () {
                table.search($(self).val()).draw();
            }, 500); // 500ms delay after typing stops
        });
		//load_sophie_aduit_logs(action_type)
	}
}
function load_sophie_aduit_logs(action_type){
	var sel_location = $('#a_sel_location').val();
	var care_team_id = $('#a_care_team_id').val();
	var sel_month = $('#a_sel_month').val();
	var sel_year = $('#a_sel_year').val();
	let sel_patient = $('#a_sel_patient_id').val();
	let itm = sel_patient.split('-');
	//let pid = itm[1].replace(')','');
	let pid = itm.at(-1).replace(')','');
	var sel_patient_id = pid.replace(' ','');
	var sel_start_date = $('#a_sel_start_date').val();
	var sel_end_date = $('#a_sel_end_date').val();
	var location_text = $('#a_sel_location option:selected').text();
	var careteam_text = $('#a_care_team_id option:selected').text();
	if(care_team_id=='' && sel_patient_id==''){
		swal("Please select care team member or patient");
		return false;
	}
   if((sel_month!='' && sel_year=='') || (sel_month=='' && sel_year!='')){
		swal("Please select month and year");
		return false;
	}
	if((sel_start_date!='' && sel_end_date=='') || (sel_start_date=='' && sel_end_date!='')){
		swal("Please select start and end dates");
		return false;
	}
	if(sel_start_date!='' && sel_end_date!=''){
		var sel_start_date_comp = new Date(sel_start_date);
		var sel_end_date_comp = new Date(sel_end_date);
		if(sel_start_date_comp>sel_end_date_comp){
			swal("End date should be greater than start date");
			return false;
		}
	}
	const today = new Date();
	const month = today.toLocaleString('default', { month: '2-digit' });
	// $('#sel_month').val(month);
	const year = today.getFullYear();
	if(sel_month!='' && sel_year!=''){
		if(sel_month>month && sel_year>=year){
			swal("Please select valid month and year");
			return false;
		}
	}
	if(action_type=='export'){
		// var datatable_search = $('input[type="search"]').val();
		// if(datatable_search === null){
		// 	var dt_search = '';
		// } else {
		// 	var dt_search = datatable_search;
		// }
		$('.tabloadershow').show();
		setTimeout(() => {
			$('.tabloadershow').hide();
         swal({position: 'top',type: 'success',title: "Download is in progress, it may take few seconds, please check in downloads after some time!"});
		}, 3500);
		var export_url = "{{ url('/sophieAuditLogs') }}?data_type=export&sel_location="+sel_location+"&care_team_id="+care_team_id+"&sel_month="+sel_month+"&sel_year="+sel_year+"&sel_start_date="+sel_start_date+"&sel_end_date="+sel_end_date+"&location_text="+encodeURIComponent(location_text)+"&careteam_text="+encodeURIComponent(careteam_text)+"&patient_id="+sel_patient_id+"&datatable_search=";
		window.location.href = export_url;
	} else {
		var load_report_url = '{{ URL::to("/") }}/sophieAuditLogs';
		$("#kt_datatable_sophie_audit").dataTable().fnDestroy();
		var table = $('#kt_datatable_sophie_audit').DataTable({
			'processing': true,
			'serverSide': true,
			oLanguage: {sProcessing: "<img src='{{ URL::to('images/loading-icon.gif') }}'>"},
			ajax: {
				url: load_report_url,
				type: 'POST',
				data: {'_token':'{{csrf_token()}}', 'sel_location':sel_location,'care_team_id':care_team_id,
                     'sel_month':sel_month,'sel_year':sel_year, 'sel_start_date':sel_start_date,'sel_end_date':sel_end_date,'patient_id':sel_patient_id}
			},
			'columns': [
				{ data: 'date_time' },
				{ data: 'patient_name' },
				{ data: 'category' },
				{ data: 'requested_by' },
				{ data: 'requested_data' },
				{ data: 'response_data' }
			],
			'columnDefs': [ {
				'targets': [2], /* column index */
				'orderable': false, /* true or false */
			}],
			'aaSorting': []
		});
         $('#kt_datatable_sophie_audit_filter input').off();
 
        // Bind your own event (e.g., search after 500ms idle time)
        let searchDelay;
        $('#kt_datatable_sophie_audit_filter input').on('keyup', function () {
            clearTimeout(searchDelay);
            var self = this;
            searchDelay = setTimeout(function () {
                table.search($(self).val()).draw();
            }, 500); // 500ms delay after typing stops
        });
	}
}
function checkyearmonthchange(){
	var sel_month = $('#sel_month').val();
	var sel_year = $('#sel_year').val();
	if(sel_month!='' || sel_year!=''){
		$('#sel_start_date').val('');
		$('#sel_end_date').val('');
	}
	if(sel_month!='' && sel_year==''){
		$('#sel_year').val(cur_year);
	}
	if(sel_month=='' && sel_year!=''){
		$('#sel_month').val(cur_month);
	}
}
function a_checkyearmonthchange(){
	var sel_month = $('#a_sel_month').val();
	var sel_year = $('#a_sel_year').val();
	if(sel_month!='' || sel_year!=''){
		$('#a_sel_start_date').val('');
		$('#a_sel_end_date').val('');
	}
	if(sel_month!='' && sel_year==''){
		$('#a_sel_year').val(cur_year);
	}
	if(sel_month=='' && sel_year!=''){
		$('#a_sel_month').val(cur_month);
	}
}
function checkdateschange(){
	var sel_start_date = $('#sel_start_date').val();
	var sel_end_date = $('#sel_end_date').val();
	if(sel_start_date!='' || sel_end_date!=''){
		$('#sel_month').val('');
		$('#sel_year').val('');
	}
}
function a_checkdateschange(){
	var sel_start_date = $('#a_sel_start_date').val();
	var sel_end_date = $('#a_sel_end_date').val();
	if(sel_start_date!='' || sel_end_date!=''){
		$('#a_sel_month').val('');
		$('#a_sel_year').val('');
	}
}
function resetForm(){
    $('#sel_location').val('');
	$('#care_team_id').val('');
	$('#sel_month').val('');
	$('#sel_year').val('');
	$('#sel_patient_id').val('');
	$('#sel_start_date').val('');
	$('#sel_end_date').val('');
	//$(".tabloadershow").show();
   //location.reload(true);
   	const today = new Date();
	const month = today.toLocaleString('default', { month: '2-digit' });
	$('#sel_month').val(month);
	const year = today.getFullYear();
	$('#sel_year').val(year);
	$('.select').select2({
		dropdownCssClass: "notranslate"
	});
	$(".select2-selection").addClass("notranslate");
	$(".select2-container").addClass("notranslate");
	autoSelectIfSingle('#care_team_id');
}
function a_resetForm(){
    $('#a_sel_location').val('');
	$('#a_care_team_id').val('');
	$('#a_sel_month').val('');
	$('#a_sel_year').val('');
	$('#a_sel_patient_id').val('');
	$('#a_sel_start_date').val('');
	$('#a_sel_end_date').val('');

	const today = new Date();
	const month =  today.toLocaleString('default', { month: '2-digit' });
	$('#a_sel_month').val(month);
	const year = today.getFullYear();
	$('#a_sel_year').val(year);
	$('.select').select2({
		dropdownCssClass: "notranslate"
	});
	$(".select2-selection").addClass("notranslate");
	$(".select2-container").addClass("notranslate");
	//$(".tabloadershow").show();
   //location.reload(true);
   autoSelectIfSingle('#a_care_team_id');
}
function autoSelectIfSingle(selector) {
    var $dropdown = $(selector);

    // get only valid options (exclude empty)
    var options = $dropdown.find('option').filter(function() {
        return $(this).val() !== '';
    });

    if (options.length === 1) {
        $dropdown.val(options.first().val()).trigger('change');
    } else {
        $dropdown.val('').trigger('change');
    }
}
function get_location_users(location_id){
	var load_details_url = '{{ URL::to("/") }}/getLocationUsers';
	$.ajax({
        url : load_details_url,
        type: "POST",
        data:{'_token':'{{csrf_token()}}','location_id':location_id},
        success: function(data){
			$('#care_team_id').html(data);
			$('.select').select2({
				dropdownCssClass: "notranslate"
			});
			$(".select2-selection").addClass("notranslate");
			$(".select2-container").addClass("notranslate");
        }
	});
}
function get_careteam_patients(care_team_id){
	var load_details_url = '{{ URL::to("/") }}/getCareTeamPatients';
	$('#sel_patient_id').val('');
	// $.ajax({
    //     url : load_details_url,
    //     type: "POST",
    //     data:{'_token':'{{csrf_token()}}','care_team_id':care_team_id},
    //     success: function(data){
	// 		$('#sel_patient_id').html(data);
	// 		$('.select').select2({
	// 			dropdownCssClass: "notranslate"
	// 		});
	// 		$(".select2-selection").addClass("notranslate");
	// 		$(".select2-container").addClass("notranslate");
    //     }
	// });
}
function a_get_location_users(location_id){
	var load_details_url = '{{ URL::to("/") }}/getLocationUsers';
	$.ajax({
        url : load_details_url,
        type: "POST",
        data:{'_token':'{{csrf_token()}}','location_id':location_id},
        success: function(data){
			$('#a_care_team_id').html(data);
			$('.select').select2({
				dropdownCssClass: "notranslate"
			});
			$(".select2-selection").addClass("notranslate");
			$(".select2-container").addClass("notranslate");
        }
	});
}
function a_get_careteam_patients(care_team_id){
	var load_details_url = '{{ URL::to("/") }}/getCareTeamPatients';
	$('#a_sel_patient_id').val('');
	// $.ajax({
    //     url : load_details_url,
    //     type: "POST",
    //     data:{'_token':'{{csrf_token()}}','care_team_id':care_team_id},
    //     success: function(data){
	// 		$('#a_sel_patient_id').html(data);
	// 		$('.select').select2({
	// 			dropdownCssClass: "notranslate"
	// 		});
	// 		$(".select2-selection").addClass("notranslate");
	// 		$(".select2-container").addClass("notranslate");
    //     }
	// });
}
function updateResponse(audit_id,audit_request,patient_id,appointment_id){
	// $("#providerResponseModal").modal('show');
	 $("#audit_id").val(audit_id);
	 $("#user_request").val(audit_request);

	$(".tabloadershow").show();
	$.ajax({
		url:  "{{ url('/getAppointmentDetails') }}?appointment_id="+appointment_id,
		dataType:'json',
		success: function(data){
			if(data.hasOwnProperty("status") && data['status']=="validation"){
              swal(data.message); return false;
            }
			$(".tabloadershow").hide();
			$('#details_appoint_category_id').html(data.category);
			$('#details_appoint_category').html(data.CategoryName);
			$('#details_appoint_title').html(data.event_title);
			$('#details_appoint_notifycount').html(data.notifi_count);
			$('#details_appoint_physician').html(data.careteam_member);
			$('#details_appoint_patient').html(data.patient_name);
			$('#details_appoint_priority').html(data.priority);
			$('#details_appoint_comments').html(data.event_comments);
			// $('#details_appoint_startdate').html(data.date_from);
			// $('#details_appoint_enddate').html(data.date_to);
			$('#event_sdate').val(data.date_from_value);
			$('#event_stime').val(data.time_from_value);
			$('#event_enddate').val(data.date_to_value);
			$('#event_endtime').val(data.time_to_value);

			$('#details_appoint_status').html(data.appointment_status);
			$('#details_appoint_checkin').html(data.checkin_status);
			$('#details_appoint_logs').html(data.attempted_str);
			$('#confirm_appointment').attr('onclick','manage_appointment('+patient_id+',2,'+appointment_id+')');
			$('#decline_appointment').attr('onclick','manage_appointment('+patient_id+',3,'+appointment_id+')');
			$('#details_appointment').modal('show');
		}
	});
}
function manage_appointment(patient_id,status,appointment_id){
	$(".tooltip").tooltip("hide");
	var event_sdate = $('#event_sdate').val();
	var event_stime = $('#event_stime').val();
	var event_enddate = $('#event_enddate').val();
	var event_endtime = $('#event_endtime').val();
	if(event_sdate==''){
		swal("Please select event start date");
		return false;
	}
	if(event_stime==''){
		swal("Please select event start time");
		return false;
	}
	if(event_enddate==''){
		swal("Please select event end date");
		return false;
	}
	if(event_endtime==''){
		swal("Please select event end time");
		return false;
	}
	if(status=='2'){
		var swal_title = 'Are you sure you want to Confirm this Appointment?';
	} else {
		var swal_title = 'Are you sure you want to Decline this Appointment?';
	}
	swal({
		title: swal_title,
		text: "",
		type: 'warning',
		showCancelButton: true,
		confirmButtonColor: '#218838',
		cancelButtonColor: '#dc3545',
		confirmButtonText: 'Yes',
		showLoaderOnConfirm: true,
		position: 'top',
		preConfirm: function() {
			return new Promise(function(resolve) {
				$(".tabloadershow").show();
				$.ajax({
					type: "POST",
					url : "{{ url('/manageAppointment') }}",
					data:{'_token':'{{csrf_token()}}','status':status,'patient_id':patient_id,'appointment_id':appointment_id,
						'event_sdate':event_sdate,'event_stime':event_stime,'event_enddate':event_enddate, 'event_endtime':event_endtime},
					success:function(data){
						$(".tabloadershow").hide();
						if(data.hasOwnProperty("status") && data['status']=="validation"){
			              swal(data.message); return false;
			            }
						$('#details_appointment').modal('hide');
						swal.close();
						saveProviderResponse(patient_id,status,'','','','Appointment')
						//alerts_list('new');
					},
					error:function() {
						$(".tabloadershow").hide();
						swal('Something went wrong. Please try again later.');
					}
				});
			});
		},
	}).then(function (result) {
		$(".tabloadershow").hide();
		swal.close();
		return false;
	});
}
function cancel_form(){
	$('.ki-close').trigger('click');
}
function emergencyNotiFunc(status,patient_id,row_id,patient_username,notification_id,user_request=''){
	$(".tooltip").tooltip("hide");
	if(status=='Accepted'){
		$.ajax({
			type: "POST",
			url : "{{ url('/manageEmergencyRequest') }}",
			data:{'_token':'{{csrf_token()}}','status':status,'patient_id':patient_id,'row_id':row_id,'notification_id':notification_id},
			success: function(data){
				$(".tabloadershow").hide();
				if(data.hasOwnProperty("status") && data['status']=="validation"){
				  swal(data.message); return false;
				}
				saveProviderResponse(patient_id,status,notification_id,row_id,user_request,'urgent call')				
			},
			error:function() {
				swal({position: 'top',type: 'error',title: "Something went wrong. Please try again later."});
			}
		});
		var meetings_url = '{{ $meetings_url }}?type=Host&env={{ $environment }}&platform={{ $platform }}&attendee={{ $username }}&patientName='+patient_username+'&calling_from=Emergency&emergencyId='+row_id+'&host_fname={{ $first_name }}&host_lname={{ $last_name }}';
		//parent.$(parent.document).trigger("openVideocallPopup",[meetings_url,'Video Call - '+patient_username,'video',username]);
		window.open(meetings_url,"_blank");
	} else {
		if(status=='InitiateCall'){
			var swal_title = 'Are you sure you want to Accept this Callback Request?';
		} else {
			var swal_title = 'Are you sure you want to Decline this Callback Request?';
		}
		swal({
			title: swal_title,
			text: "",
			type: 'warning',
			showCancelButton: true,
			confirmButtonColor: '#218838',
			cancelButtonColor: '#dc3545',
			confirmButtonText: 'Yes',
			showLoaderOnConfirm: true,
			position: 'top',
			preConfirm: function() {
				return new Promise(function(resolve) {
					$(".tabloadershow").show();
					$.ajax({
						type: "POST",
						url : "{{ url('/manageEmergencyRequest') }}",
						data:{'_token':'{{csrf_token()}}','status':status,'patient_id':patient_id,'row_id':row_id,'notification_id':notification_id},
						success: function(data){
							if(data.hasOwnProperty("status") && data['status']=="validation"){
				              swal(data.message); return false;
				            }
							$(".tabloadershow").hide();
							saveProviderResponse(patient_id,status,notification_id,row_id,user_request,'urgent call')
							swal.close();
						},
						error:function() {
							swal({position: 'top',type: 'error',title: "Something went wrong. Please try again later."});
						}
					});
				});
			},
		}).then(function (result) {
			$(".tabloadershow").hide();
			swal.close();
			return false;
		});
	}
}
function saveProviderResponse(patient_id,status,notification_id='',row_id='',user_request='',req_type=''){
	$(".tabloadershow").show();
	var audit_id = $("#audit_id").val()?$("#audit_id").val():notification_id;
	var user_request = $("#user_request").val()?$("#user_request").val():user_request;
	var update_url = "{{ url('/saveProviderResponse') }}";
	var formData = new FormData();

	//formData = new FormData($('#auditres_form')[0]);
	formData.append("_token", '{{csrf_token()}}'); 
	formData.append("patient_id", patient_id); 
	formData.append("status", status); 
	formData.append("audit_id", audit_id); 
	formData.append("user_request", user_request); 
	formData.append("req_type", req_type); 
	$.ajax({
		url:update_url,
		type:'POST',
		data: formData,
		contentType: false,
		processData: false,
		success:function(result){
			$(".tabloadershow").hide();
			if(result=='success'){
				// swal("Saved Successfully");
				$("#providerResponseModal").modal('hide');
				$("#audit_id").val('');
				$("#user_request").html('');
				$("#response_data").val('');
				load_vsreport_details('search')
			}else{
				swal("Something went wrong")
			}
		}
	});
}
function load_json_data(audit_id,file_path,patient_name,created_date){
	$(".tabloadershow").show();
	var post_url = '{{ URL::to("/") }}/getSophieJsonData';
	$.ajax({
		type : "GET",
		url  : post_url,
		data : {audit_id:audit_id,file_path:file_path},
		success:function(result){
			$("#sophie_res_name").html("Sophie Conversation On "+created_date+" - "+patient_name)
			$("#json_data").html(result);
			$("#providerResponseModal").modal('show');	
			$(".tabloadershow").hide();
		}
	});	
}
function update_appointend_date(){
	var start_date = $('#event_sdate').val();
	var start_time = $('#event_stime').val();
	var appointment_type = $('#details_appoint_category_id').val();
	if(start_date!='' && start_time!=''){
		var link_url = "{{ url('/updateAppointendDate') }}?start_date="+start_date+'&start_time='+start_time+'&appointment_type='+appointment_type;
		$.ajax({
			url : link_url,
			success: function(data){
				if(data.hasOwnProperty("status") && data['status']=="validation"){
	              swal(data.message); return false;
	            }
				var dtArr = data.split('@@');
				$('#event_enddate').val(dtArr[0]);
				$('#event_endtime').val(dtArr[1]);
			}
		});
	}
}

function updateAppointmentStatus(audit_id,requested_data,patient_id,row_id,row_comments){
	
	swal({
		title: "Are You Sure You Want To Cancel",
		text: requested_data,
		type: 'warning',
		showCancelButton: true,
		confirmButtonColor: '#218838',
		cancelButtonColor: '#dc3545',
		confirmButtonText: 'Yes',
		showLoaderOnConfirm: true,
		position: 'top',
		preConfirm: function() {
			return new Promise(function(resolve) {
				$(".tabloadershow").show();
				$.ajax({
					type: "POST",
					url : "{{ url('/updateAppointmentStatus') }}",
					data:{'_token':'{{csrf_token()}}','audit_id':audit_id,'patient_id':patient_id,'appointment_id':row_id,
						'row_comments':row_comments,'requested_data':requested_data},
					success:function(data){
						$(".tabloadershow").hide();
						
						swal.close();
						load_vsreport_details('search');
						//alerts_list('new');
					},
					error:function() {
						$(".tabloadershow").hide();
						swal('Something went wrong. Please try again later.');
					}
				});
			});
		},
	}).then(function (result) {
		$(".tabloadershow").hide();
		swal.close();
		return false;
	});	
}
function acknowledgeAlert(audit_id,requested_data,patient_id,row_id='',row_comments=''){
	//$("#acknweldgeModel").modal('show');
	//$("#a_audit_id").val(audit_id)
	swal({
		title: "Are you sure you want to mark this alert as Acknowledged?",
		text: '',
		type: 'warning',
		showCancelButton: true,
		confirmButtonColor: '#218838',
		cancelButtonColor: '#dc3545',
		confirmButtonText: 'Yes',
		cancelButtonText: 'No',
		showLoaderOnConfirm: true,
		position: 'top',
		preConfirm: function() {
			return new Promise(function(resolve) {
				$(".tabloadershow").show();
				$.ajax({
					type: "POST",
					url : "{{ url('/saveAcknowledge') }}",
					data:{'_token':'{{csrf_token()}}','audit_id':audit_id },
					success:function(data){
						$(".tabloadershow").hide();			
						swal.close();
						swal("Acknowledged Successfully")
						load_vsreport_details('search');
						
						//alerts_list('new');
					},
					error:function() {
						$(".tabloadershow").hide();
						swal('Something went wrong. Please try again later.');
					}
				});
			});
		},
	}).then(function (result) {
		$(".tabloadershow").hide();
		swal.close();
		return false;
	});
	
}
function saveAcknowledge(){
	var audit_id =$("#a_audit_id").val();
	$(".tabloadershow").show();
	$("#acknweldgeModel").modal('hide');
	$.ajax({
		type: "POST",
		url : "{{ url('/saveAcknowledge') }}",
		data:{'_token':'{{csrf_token()}}','audit_id':audit_id },
		success:function(data){
			$(".tabloadershow").hide();			
			swal.close();
			swal("Acknowledged Successfully")
			load_vsreport_details('search');
			
			//alerts_list('new');
		},
		error:function() {
			$(".tabloadershow").hide();
			swal('Something went wrong. Please try again later.');
		}
	});
	
}
</script>
@endsection