@extends('dashboard/layout.app')
@section('title', 'BettrAi | Patient Alerts/Requests')
@section('content')
<style type="text/css">
	.mx-3 {
		margin-left: 0.11rem !important;
		margin-right: 0.51rem !important;
	}
	.nav{
		margin-bottom: -14px !important;
	}
	.action_td{
		width:20% !important;
	}
	.card.card-custom.card-stretch{
		border-radius: 1.5rem !important;
		padding: 10px 25px 25px 25px !important;
	}
	.back_btn{
		margin-left: 60% !important;
	}
	.p-5{
		padding: 5px !important;
	}
	.mb-5{
		margin-bottom: 6px !important;
	}
	.font-size-lg {
		font-size: 12px;
	}
	.symbol.symbol-40 > img {
		max-width: 25px !important;
		height: 25px !important;
	}
	.font-size-h6 {
		font-size: 12px !important;
	}
	.chat_timestamp{
		font-size: 12px !important;
	}
	.cust_header{
		min-height: 50px !important;
	}
	.textarea_form{
		width:100% !important;
		border: 1px solid #ECF0F3 !important;
		padding:11px !important;
	}
	.scroll-pull{
		height: 240px !important;
	}
	.message_count_span{
		height: 20px !important;
		width: 32px !important;
		padding: 2px 0px;
		margin-top: -32px;
		border-radius: 6px;
		position: absolute;
		/* left: 89%; */
	}
	.rightslide_span{
		padding: 4px 8px;
		border-radius: 50%;
		float: right;
		width: 35px !important;
		margin-left: 10px;
		height: 25px !important;
		text-align: center;
	}
</style>
<link href="{{ url('/assets/plugins/custom/datatables/datatables.bundle.css') }}" media="screen" rel="stylesheet" type="text/css" >
<div class="content d-flex flex-column flex-column-fluid inner_content" id="kt_content">
   	<div class="d-flex flex-column-fluid">
		<div class="container">
			<div class="card card-custom">
				<div class="card-header flex-wrap py-5">
					<div class="card-title"></div>											
						<div class="col-12 bg-white">
							<ul class="nav nav-tabs nav nav-pills">
								<li class="nav-item"><a class="nav-link " onclick="reload_page_requests('htr');"
									data-toggle="tab" href="#kt_tab_pane_1">Help Topic Requests<span class="symbol-badge bg-danger w-50 h-50 text-white font-weight-bold rightslide_span" id="helptopic_spanid">0</span></a>
								</li>											
								<li class="nav-item"><a class="nav-link " data-toggle="tab" onclick="reload_page_requests('vwr');"
									href="#kt_tab_pane_2">Virtual Waiting Room Requests <span class="symbol-badge bg-danger w-50 h-50 text-white font-weight-bold rightslide_span" id="manage_virtual_spanid">0</span></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" style="">
										<form id="emergency_form" name="emergency_form" method="post" onclick="return false;" >
											<table class="table table-head-custom table-vertical-center p-5" id="kt_advance_table_widget_4">          
												<thead>
													<tr>		
														<th>SNo</th>
														<th>Patient Name</th>
														<th>Provider</th>
														<th>Sub Topic</th>
														<th class="action_td">Requested Date</th>
														<th style="width:20%;">Last Responded By</th>
														<th style="width:26%;">Action</th>
													</tr>
												</thead>    	
												<tbody>
																								</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" style="float:left; width:100%; height:350px;height:85vh; overflow-y:auto;overflow-x:hidden; ">
										<form id="emergency_form" name="emergency_form" method="post" onclick="return false;" >
											<table class="table table-head-custom table-vertical-center p-5" id="kt_advance_table_widget_5">          
												<thead>
													<tr>		
														<th>SNo</th>
														<th>Patient Name</th>
														<th>Provider</th>
														<th>Sub Topic</th>
														<th class="action_td">Requested Date</th>
														<th>Action</th>
													</tr>
												</thead>    	
												<tbody>
																									</tbody>
											</table>
										</form>
									</div>
 								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal modal-sticky modal-sticky-bottom-right" id="kt_chat_modal" role="dialog" data-backdrop="false">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<!--begin::Card-->
			<div class="card card-custom">
				<!--begin::Header-->
				<div class="card-header align-items-center px-4 py-3">
					<div class="text-left flex-grow-1">
					</div>
					<div class="text-center flex-grow-1">
						<div id="header_title" class="text-dark-75 font-weight-bold font-size-h5 cust_header"></div>
						<!-- <div>
							<span class="label label-dot label-success"></span>
							<span class="font-weight-bold text-muted font-size-sm">Active</span>
						</div> -->
					</div>
					<div class="text-right flex-grow-1">
						<button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-dismiss="modal" onclick="reset_values();">
							<i class="ki ki-close icon-1x"></i>
						</button>
					</div>
				</div>
				<!--end::Header-->
				<!--begin::Body-->
				<div class="card-body">
					<!--begin::Scroll-->
					<div class="scroll scroll-pull" data-height="240" data-mobile-height="350">
						<!--begin::Messages-->
						<div class="messages">
							<div style="text-align:center;"><img id="small_loader_img" alt="Logo" src="{{ url('assets/images/ui-anim_basic_16x16.gif') }}" class="logo-sticky max-h-35px" /></div>
						</div>
						<!--end::Messages-->
					</div>
					<!--end::Scroll-->
				</div>
				<!--end::Body-->
				<!--begin::Footer-->
				<div class="card-footer align-items-center">
					<form name="chat_message_form" id="chat_message_form">
						<input type="hidden" name="patient_id" id="patient_id" value="">
						<input type="hidden" class="chat_appointment_id" name="appointment_id" id="appointment_id" value="">
						<input type="hidden" name="chatuser_id" id="chatuser_id" value="">
						<input type="hidden" name="chatuser_type" id="chatuser_type" value="">
						<input type="hidden" name="patient_full_name" id="patient_full_name" value="">
						<input type="hidden" name="chat_type" id="chat_type" value="">
						<input type="hidden" name="help_request_id" id="help_request_id" value="">
						<!--begin::Compose-->
						<div class="row">
							<div class="col-10"><textarea name="chat_message" id="chat_message" class="form-control border-0 p-0 textarea_form" rows="2" maxlength="1000" placeholder="Type a message"></textarea></div>
							<div class="col-2">
								<button type="button" onclick="sendMessage();" class="btn btn-primary btn-md text-uppercase font-weight-bold chat-send py-2 px-6">Send</button>
								<img id="loader_img" style="display:none;" alt="Logo" src="{{ url('assets/images/ui-anim_basic_16x16.gif') }}" class="logo-sticky max-h-35px" />
							</div>
						</div>
						<!-- <div class="d-flex align-items-center justify-content-between mt-5">
							<div class="mr-3">
								<a href="#" class="btn btn-clean btn-icon btn-md mr-1">
								</a>
								<a href="#" class="btn btn-clean btn-icon btn-md">
								</a>
							</div>
							<div>
								<button type="button" onclick="send_chat_message();" class="btn btn-primary btn-md text-uppercase font-weight-bold chat-send py-2 px-6">Send</button>
								<img id="loader_img" style="display:none;" alt="Logo" src="{{ url('assets/images/ui-anim_basic_16x16.gif') }}" class="logo-sticky max-h-35px" />
							</div>
							
						</div> -->
						<!--begin::Compose-->
					</form>
				</div>
				<!--end::Footer-->
			</div>
			<!--end::Card-->
		</div>
	</div>
</div>
<div class="modal fade" id="exampleModalSizeSm" tabindex="-1" role="dialog" aria-labelledby="exampleModalSizeSm" 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">Manage Request</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_popup">	
				<form name="appointment_settings" id="appointment_settings" method="post">	
					<input type="hidden" name="popup_patient_id" id="popup_patient_id" value="">
					<input type="hidden" name="popup_sub_topic_id" id="popup_sub_topic_id" value="">	
					<input type="hidden" name="popup_patient_name" id="popup_patient_name" value="">
					<input type="hidden" name="popup_sub_topic_name" id="popup_sub_topic_name" value="">	
					<div class="form-group row">
						<div class="col-4">
							<select id="request_type" name="request_type" class="form-control">
								<option value="">Select Request Type</option>
								<option value="chat">Chat</option>	
								<option value="audio">Audio</option>
								<option value="email">Email</option>
							</select>		
						</div>
						<div class="col-4">
							<select id="completion_type" name="completion_type" class="form-control"  onchange="show_commentsection(this.value);">
								<option value="">Select Status</option>
								<option value="closed">Resolved/Closed</option>	
								<option value="escalate">Escalate</option>
								<option value="inappropriate">Inappropriate</option>
							</select>		
						</div>
						<div class="col-4" id="comment_section" style="display:none;">
							<textarea id="comments" name="comments" class="form-control" placeholder="Add a comment for escalation(Mandatory)"></textarea>		
						</div>
					</div>
					<div class="card-toolbar pb-10" style="float: left; width: 100%; text-align: center">
						<button type="button"
							class="btn btn-light-primary font-weight-bold mr-3" onclick="save_details();">Save</button>													
						<a class="btn btn-light-danger font-weight-bold" onclick="cancel_form()">Cancel</a>																
					</div>
				</form>
			</div>
		</div>
	</div>
	<div id="divLoadingInPopup" class="tabloadershow"></div>						
</div><!--Modal 1 Ends-->
<input type="hidden" name="user_profile_image" id="user_profile_image" value="">
<input type="hidden" name="logged_user_id" id="logged_user_id" value="">
<input type="hidden" name="logged_userfullname" id="logged_userfullname" value=" ">
<script type="text/javascript">
	var site_url = '{{ $site_url }}';
	$(document).ready( function () {
		$('#kt_advance_table_widget_4').DataTable();
		$('#kt_advance_table_widget_5').DataTable();
		$('.tabloadershow').hide();
	});

	//$(function(){
		$("#chat_message").keyup(function (e) {
			if (e.which == 13) {
				//send_chat_message();
				sendMessage();
			}
		});
		var sender_image=$('#user_profile_image').val();
		var patient_full_name=$('#patient_full_name').val();
		var logged_user_id=$('#logged_user_id').val();
		var user_id=$('#logged_user_id').val();
		var logged_userfullname=$('#logged_userfullname').val();
		var message_type = 'helpdesk';
		var sender_uname = 'helpdesk';
		const FADE_TIME = 150; // ms
		const TYPING_TIMER_LENGTH = 400; // ms
			// Initialize variables
		const $window = $(window);
		//const $usernameInput = $('.chat_message'); // Input for username
		const $messages = $('.messages');           // Messages area
		const $inputMessage = $('#chat_message');   // Input message input box

		//const $loginPage = $('.login.page');        // The login page
		//const $chatPage = $('.chat.page');          // The chatroom page

		//const socket = io();

		// Prompt for setting a username
		let username;
		let connected = true;
		let typing = false;
		let lastTypingTime;
		var socket = io.connect('', {'transports': ['websocket', 'polling']});
		
		socket.emit('add_user', {"username":"helpdesk"});
	
		//   // Prevents input from having injected markup
		function cleanInput(input){
			return $('<div/>').text(input).html();
		}
		function sendMessage(){
			//current date and time
			var now     = new Date(); 
			var year    = now.getFullYear();
			var month   = now.getMonth()+1; 
			var day     = now.getDate();
			var hour    = now.getHours();
			var minute  = now.getMinutes();
			var second  = now.getSeconds(); 
			if(month.toString().length == 1) {
				month = '0'+month;
			}
			if(day.toString().length == 1) {
				day = '0'+day;
			}   
			if(hour.toString().length == 1) {
				hour = '0'+hour;
			}
			if(minute.toString().length == 1) {
				minute = '0'+minute;
			}
			if(second.toString().length == 1) {
				second = '0'+second;
			}   
			//var dateTime = year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;   
			var time_value = hour+':'+minute;
			let message = $inputMessage.val();
			var patient_id = $('#patient_id').val();
			var appointment_id = $('#appointment_id').val();
			var chatuser_id = $('#chatuser_id').val();
			var chatuser_type = $('#chatuser_type').val();

			//UTC date and time
			var nowdate     = new Date();
			var year    = nowdate.getUTCFullYear();
			var month   = nowdate.getUTCMonth()+1; 
			var day     = nowdate.getUTCDate();
			var hour    = nowdate.getUTCHours();
			var minute  = nowdate.getUTCMinutes();
			var second  = nowdate.getUTCSeconds(); 
			if(month.toString().length == 1) {
				month = '0'+month;
			}
			if(day.toString().length == 1) {
				day = '0'+day;
			}   
			if(hour.toString().length == 1) {
				hour = '0'+hour;
			}
			if(minute.toString().length == 1) {
				minute = '0'+minute;
			}
			if(second.toString().length == 1) {
				second = '0'+second;
			}   
			var dateTime = year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;   
			var patient_id = $('#patient_id').val();
			var appointment_id = $('#appointment_id').val();
			var chatuser_id = $('#chatuser_id').val();
			var chatuser_type = $('#chatuser_type').val();
			var chat_type = $('#chat_type').val();
			var help_request_id = $('#help_request_id').val();
			// Prevent markup from being injected into the message
			message = cleanInput(message);
			// if there is a non-empty message and a socket connection
			if (message && connected) {
				$inputMessage.val('');
				addChatMessage({ patient_id, message,sender_image,time_value,message_type,sender_uname,user_id });
				// tell server to execute 'new messsage' and send along one parameter
				//socket.emit('new message', message);
				if(chat_type=='appointment'){
					socket.emit('new_message', {
												"appointment_id":appointment_id,
												"patient_id":patient_id,
												"user_id":logged_user_id,
												"message":message,
												"message_type":message_type,
												"sender_uname":sender_uname,
												"receiver_uname":"appointment_patient_"+appointment_id,
												"sender_image":'',
												"sender_fullname":"Help Desk",
												"message_time":dateTime,
												"time_value":time_value
											});
				} else {
					socket.emit('help_topic_message', {
									"topic_id":"",
									"sub_topic_id":appointment_id,
									"patient_id":patient_id,
									"message":message,
									"message_type":message_type,
									"sender_uname":sender_uname,
									"receiver_uname":"help_patient_"+patient_id,
									"sender_image":'',
									"sender_fullname":'Help Desk',
									"message_time":dateTime,
									"time_value":time_value,
									"user_id":logged_user_id,
									"help_request_id":help_request_id
								});
				}
					
			}
		}
		//   // Adds the visual chat message to the message list
		function addChatMessage(data){
			// Don't fade the message in if there is an 'X was typing'
			var log_user_id = '';
			if(data.message_type=='helpdesk' && data.user_id==log_user_id){
				const $messageDiv = $('<div class="d-flex flex-column mb-5 align-items-end messege_text">'+
										'<div class="d-flex align-items-center">'+
											'<div>'+
												'<span class="text-muted font-size-sm chat_timestamp">'+data.time_value+' </span>'+
												'<a href="#" class="text-dark-75 text-hover-primary font-weight-bold font-size-h6">You</a>'+
											'</div>'+
										'</div>'+
										'<div class="mt-2 rounded p-5 bg-light-primary text-dark-50 font-weight-bold font-size-lg text-right max-w-400px">'+data.message+'</div>'+
									'</div>');
				addMessageElement($messageDiv,data.sender_uname,data.chat_type,data.id);
			} else {
				const $messageDiv = $('<div class="d-flex flex-column mb-5 align-items-start messege_text">'+
											'<div class="d-flex align-items-center">'+
												'<div>'+
													'<a href="#" class="text-dark-75 text-hover-primary font-weight-bold font-size-h6">'+data.sender_full_name+' </a>'+
													'<span class="text-muted font-size-sm chat_timestamp">'+data.time_value+'</span>'+
												'</div>'+
											'</div>'+
											'<div class="mt-2 rounded p-5 bg-light-success text-dark-50 font-weight-bold font-size-lg text-left max-w-400px">'+data.message+'</div>'+
										'</div>');
				addMessageElement($messageDiv,data.sender_uname,data.chat_type,data.id);
			}
			
		}

		function addMessageElement(el,sender_uname,chat_type,id){
			var appointment_id = $('.chat_appointment_id').val();
			var patient_id = $('#patient_id').val();
			const $el = $(el);
			// // Setup default options
			// if (!options) {
			// options = {};
			// }
			// if (typeof options.fade === 'undefined') {
			// options.fade = true;
			// }
			// if (typeof options.prepend === 'undefined') {
			// options.prepend = false;
			// }

			// // Apply options
			// if (options.fade) {
			// $el.hide().fadeIn(FADE_TIME);
			// }
			// if (options.prepend) {
			// $messages.prepend($el);
			// } else {
			//$messages.append($el);
			//}
			if(sender_uname=='helpdesk'){
				$('.messages').append($el);
			} else {
				const myArr = sender_uname.split("_"); 
				if(chat_type=='appointment'){
					$('#messages_div_'+myArr[0]+'_'+patient_id+'_'+id).append($el);
				} else {
					$('#messages_div_'+myArr[0]+'_'+myArr[2]+'_'+id).append($el);
				}
			}
			
			//$messages[0].scrollTop = $messages[0].scrollHeight;
			$('.scroll-pull').animate({scrollTop: $('.scroll-pull').prop("scrollHeight")}, 300);
		}
		socket.on('new_message', (data) => {
			addChatMessage(data);
		});
		socket.on('help_topic_message', (data) => {
			addChatMessage(data);
		});
		socket.on('new_user_message', (data) => {
			console.log(data);
			getUnreadChatMessagesCount();
			//reloadNotificationsCount();
		});
		socket.on('new_user_fileattachment', (data) => {
			getUnreadChatMessagesCount();
		});

		socket.on('dashboard_notifications', (data) => {
			console.log('dash-board notification');
			console.log(data);
			let type = data.type
			if(type=='unread_msg_count'){
				refreshDashboardCount(type,'virtual_spanid');//unread_msg_count
			}
			if(type=='audiorequest'){
				refreshDashboardCount(type,'audiorequest_spanid');//audiorequest count
				//reloadAudioCallAlerts();
			}
			if(type=='unread_chatmsg_count'){
				//getUnreadChatMessagesCount();
			}
			if(type=='notifications_count'){
				reloadNotificationsCount();
			}
			if(type=='email_count'){
				reloadEmailount();
			}
			if(type=='todo_count'){
				reloadTodoCount();
			}
			if(type=='vital_count'){
				reloadAlertsCount();
			}
			if(type=='help_message'){
				reloadMessagesCount();
			}
			//reloadEmergencyNotiCount(); 
			//addChatMessage(data);
			//getUnreadMsgCount();
		});
		// socket.on('user joined', (data) => {
		// 	log(`${data.username} joined`);
		// 	addParticipantsMessage(data);
		// });

		// // Whenever the server emits 'user left', log it in the chat body
		// socket.on('user left', (data) => {
		// 	log(`${data.username} left`);
		// 	addParticipantsMessage(data);
		// 	removeChatTyping(data);
		// });
	//});
$('.showloader').click(function(){
	$(".tabloadershow").show();
});

function newTab(id){	
	//window.open('?patient_id='+id,"_blank");
}
reloaMessagesList();
function reloaMessagesList(){
	var link_url="{{ url('/managePatientMessages') }}?reqtype=messages_count&user_id=";
	$.ajax({
		url : link_url,
		success: function(json_data){
			var count_data = jQuery.parseJSON(json_data);
			var cdata = count_data.data;
			$.each(cdata, function(key, value) {
				if(value.unread_count>0){
					$('#unread_'+value.sub_topic_id+'_'+value.patient_id).show();
					$('#unread_'+value.sub_topic_id+'_'+value.patient_id).html(value.unread_count);
				} else {
					$('#unread_'+value.sub_topic_id+'_'+value.patient_id).hide();
					$('#unread_'+value.sub_topic_id+'_'+value.patient_id).html('0');
				}

				if(value.audiocall_count>0){
					$('#audiocall_'+value.sub_topic_id+'_'+value.patient_id).show();
					$('#audiocall_'+value.sub_topic_id+'_'+value.patient_id).html(value.audiocall_count);
				} else {
					$('#audiocall_'+value.sub_topic_id+'_'+value.patient_id).hide();
					$('#audiocall_'+value.sub_topic_id+'_'+value.patient_id).html('0');
				}

				if(value.emailrequest_count>0){
					$('#emailrequest_'+value.sub_topic_id+'_'+value.patient_id).show();
					$('#emailrequest_'+value.sub_topic_id+'_'+value.patient_id).html(value.emailrequest_count);
				} else {
					$('#emailrequest_'+value.sub_topic_id+'_'+value.patient_id).hide();
					$('#emailrequest_'+value.sub_topic_id+'_'+value.patient_id).html('0');
				}
			});
			var pat_id = $('#patient_id').val();
			var app_id = $('#appointment_id').val();
			var chatuser_id = $('#chatuser_id').val();
			var chatuser_type = $('#chatuser_type').val();
			var chat_type = $('#chat_type').val();
			if(pat_id!='' && app_id!=''){
				if(chat_type=='appointment'){
					$.ajax({
						url : site_url+'common_apis/virtual_room_chat.php?user_id='+chatuser_id+'&appointment_id='+app_id+'&usertype=helpdesk&type=change_messagestatus',
						success: function(data){
							$('#loader_img').hide();
							return true;
						}
					});
				} else {
					$.ajax({
						url : site_url+'common_apis/virtual_room_chat.php?user_id='+pat_id+'&appointment_id='+app_id+'&usertype=helpdesk&type=change_helpmessagestatus',
						success: function(data){
							$('#loader_img').hide();
							return true;
						}
					});
				}
			}
		}
	});

	var link_url="{{ url('/managePatientMessages') }}?reqtype=vwr_messages_count&user_id=";
	$.ajax({
		url : link_url,
		success: function(json_data){
			var count_data = jQuery.parseJSON(json_data);
			var cdata = count_data.data;
			$.each(cdata, function(key, value) {
				if(value.unread_count>0){
					$('#vwrunread_'+value.appointment_id+'_'+value.patient_id).show();
					$('#vwrunread_'+value.appointment_id+'_'+value.patient_id).html(value.unread_count);
				} else {
					$('#vwrunread_'+value.appointment_id+'_'+value.patient_id).hide();
					$('#vwrunread_'+value.appointment_id+'_'+value.patient_id).html('0');
				}
			});
		}
	});
  }
setInterval(reloaMessagesList, 6000);
function get_chat_details(help_request_id,appointment_id, patient_id, user_id, usertype,username, request_type,sub_topic_name){
	$('.scroll-pull').animate({scrollTop: 0}, 300);
	$('.messages').html('<div style="text-align:center;"><img id="small_loader_img" alt="Logo" src="{{ url('assets/images/ui-anim_basic_16x16.gif') }}" class="logo-sticky max-h-35px" /></div>');
	$('#patient_id').val(patient_id);
	$('#appointment_id').val(appointment_id);
	$('#chatuser_id').val(user_id);
	$('#chatuser_type').val(usertype);
	$('#chat_type').val(request_type);
	$('#help_request_id').val(help_request_id);
	if(request_type=='appointment'){
		$('#header_title').html(username);
	} else {
		$('#header_title').html(username+' <br> Topic - '+sub_topic_name);
	}
	$('#patient_full_name').val(username);
	$('.messages').attr('id','messages_div_'+request_type+'_'+patient_id+'_'+appointment_id);
	$('#vwrunread_'+appointment_id+'_'+patient_id).hide();
	//$('.messages').load(link_url);
	if(request_type=='appointment'){
		var link_url = site_url+"common_apis/virtual_room_chat.php?patient_id="+patient_id+"&appointment_id="+appointment_id+"&user_id="+user_id+"&usertype="+usertype+"&type=user";
		$.ajax({
			url : link_url,
			success: function(jdata){
				$('.messages').html('');
				$('.messages').append(jdata);
				$('.scroll-pull').animate({scrollTop: $('.scroll-pull').prop("scrollHeight")}, 300);
			}
		});
		$.ajax({
			url : site_url+'common_apis/virtual_room_chat.php?user_id='+user_id+'&appointment_id='+appointment_id+'&usertype=helpdesk&type=change_messagestatus',
			success: function(data){
				return true;
			}
		});
	} else {
		var link_url="{{ url('/managePatientMessages') }}?reqtype=get_help_chat&appointment_id="+appointment_id+"&patient_id="+patient_id;
		$.ajax({
			url : link_url,
			success: function(jdata){
				$('.messages').html('');
				$('.messages').append(jdata);
				$('.scroll-pull').animate({scrollTop: $('.scroll-pull').prop("scrollHeight")}, 300);
			}
		});
	}
	$('#unread_'+appointment_id+'_'+patient_id).html('0');
	$(".tabloadershow").hide();
}
function send_chat_message(){
	var patient_id = $('#patient_id').val();
	var appointment_id = $('#appointment_id').val();
	var chat_message = $('#chat_message').val();
	var chatuser_id = $('#chatuser_id').val();
	if(chat_message==''){
		return false;
	}
	$('#chat_message').val('');
	$('#loader_img').show();
	$.ajax({
		url : site_url+"/common_apis/save_chat_conversation.php",
		type: "POST",	
		data:{"patient_id":patient_id, "appointment_id":appointment_id,"chat_message":chat_message,"chatuser_id":chatuser_id,"message_type":"helpdesk"},	        
		success: function(data){
			//$('.messages').load(link_url);
			var link_url = site_url+"/common_apis/virtual_room_chat.php?patient_id="+patient_id+"&appointment_id="+appointment_id+"&user_id="+chatuser_id+"&usertype=helpdesk&type=user";
			$.ajax({
				url : link_url,
				success: function(jdata){
					$('.messages').html('');
					$('.messages').append(jdata);
					$('.scroll-pull').animate({scrollTop: $('.scroll-pull').prop("scrollHeight")}, 300);
				}
			});
			$('#loader_img').hide();
		}
	});
	$.ajax({
		url : site_url+'/common_apis/virtual_room_chat.php?user_id='+chatuser_id+'&appointment_id='+appointment_id+'&usertype=helpdesk&type=change_messagestatus',
		success: function(data){
			$('#loader_img').hide();
			return true;
		}
	});
}
function reset_values(){
	$('#patient_id').val('');
	$('#appointment_id').val('');
	$('#chatuser_id').val('');
	$('#chatuser_type').val('');
}

function get_audio_options(sub_topic_id, patient_id){
	var link_url="{{ url('/managePatientMessages') }}?reqtype=get_audio_options&sub_topic_id="+sub_topic_id+"&patient_id="+patient_id;
	$.ajax({
		url : link_url,
		success: function(jdata){
			if(jdata!=''){
				$('#pat_audio_'+sub_topic_id+'_'+patient_id).hide();
				$('#patient_audioreq_'+sub_topic_id+'_'+patient_id).html(jdata);
			}
		}
	});
}

function notificationFunc(status,user_id,caller_type,caller_id,host_username,user_join,host_fname,host_lname,calle_fname,calle_lname){

$(".tabloadershow").show();		
	$.ajax({
		url : "{{ url('/manageAudicallRequests') }}?reqtype=checkiscallwaiting&caller_id="+caller_id,
		// type: "POST",		        
		// dataType: 'json',
		success: function(data){
			if(data=='waiting'){
				swal("The receiver is in another call. Please try again later");
				return false;
			} else {
				window.open('?type=Host&env=&platform=&user_id='+user_id+'&caller_type='+caller_type+'&calling_from=Audiocall&caller_id='+caller_id+'&hosted_by_user_id='+host_username+'&user_join='+user_join+'&host_fname='+host_fname+'&host_lname='+host_lname+'&calle_fname='+calle_fname+'&calle_lname='+calle_lname,"_blank");
				$(".tabloadershow").hide();
				location.reload();
			}
		}
	});
	
}

function manageFunc(status,user_id,caller_type,caller_id,sub_topic_id){
	$.ajax({
		url : "{{ url('/manageAudicallRequests') }}?reqtype=managerequest&status="+status+"&user_id="+user_id+"&caller_type="+caller_type+"&caller_id="+caller_id+"&sub_topic_id="+sub_topic_id,
		success: function(data){
			get_audio_options(sub_topic_id, caller_id);
			swal("Request has been "+status);
		}
	});
}
reloadRequestCount()
setInterval(reloadRequestCount, 4000);
function reloadRequestCount(){
	var logged_user_id = $('#logged_user_id').val();
	var link_url="{{ url('/managePatientMessages') }}?reqtype=getallrequestcount&user_id="+logged_user_id;
	$.ajax({
		url : link_url,
		success: function(json_data){
			var count_data = jQuery.parseJSON(json_data);
			var cdata = count_data.data;
			$('#helptopic_spanid').html(cdata.help_requests_count);
			$('#manage_virtual_spanid').html(cdata.vwr_requests_count);
		}
	});
}
function complete_appointment(patient_id,sub_topic_id, patient_name,sub_topic_name){
	$('#request_type').val('');
	$('#request_type').trigger('change');
	$('#completion_type').val('');
	$('#completion_type').trigger('change');
	$('#popup_patient_id').val(patient_id);
	$('#popup_sub_topic_id').val(sub_topic_id);

	$('#popup_patient_name').val(patient_name);
	$('#popup_sub_topic_name').val(sub_topic_name);
	 $('#exampleModalSizeSm').modal('show');
 }
 function cancel_form(){
	 $('.ki-close').trigger('click');
 }
 function save_details(){
	var popup_patient_id = $('#popup_patient_id').val();
	var popup_sub_topic_id = $('#popup_sub_topic_id').val();
	var request_type = $('#request_type').val();
	var completion_type = $('#completion_type').val();
	var comments = $.trim($('#comments').val());
	if(request_type==''){
		swal("Please select request type");
		return false;
	}
	if(completion_type==''){
		swal("Please select type");
		return false;
	}
	if(completion_type=='escalate'){
		if(comments==''){
			swal("Please enter comments");
			return false;
		}
	}
	$(".tabloadershow").show();
	$.ajax({
		type: "POST",
		url:  "{{ url('/managePatientMessages') }}?reqtype=complete_request",
		data:$('#appointment_settings').serializeArray(),
		success:function(data)
		{
			$(".tabloadershow").hide();
			if(completion_type=='closed'){
				swal("Request has been resolved successfully");
			} else if(completion_type=='escalate'){
				swal("Request has been escalated successfully");
			} else if(completion_type=='inappropriate'){
				swal("Request has been marked as inappropriate");
			}
			setTimeout(function(){ 
				location.reload(true);
			}, 5000);
			
		},
		error:function() {
			$(".tabloadershow").hide();
			swal('Something went wrong. Please try again later.');
		}
	});
}

function loadPages(url,feature_code='',name=''){
		// $(".tabloadershow").show();
		// var permission_url = '';
		// if(feature_code!=''){
		// 	$.ajax({
		//         type:"post",
		//         url: permission_url,
		//         data:{feature_code:feature_code},
		//         dataType:"json",
		//         success:function(result) {
			        
		//         	if(result.feature_code==feature_code){
		//         		window.location.href = url;
		//         	}else{
		//         		$(".tabloadershow").hide();
		//         		swal({position: 'top',type: 'error',title: "You no longer have permission to "+name});
		//         	}
		//         }
	    //     });
		// }else{
			window.location.href = url;
		//}
		//$('#current_iframe_url').val(url);
		
	}

	function show_commentsection(status_type){
		if(status_type=='escalate'){
			$('#comment_section').show();
		} else {
			$('#comment_section').hide();
		}
	}

	function reload_page_requests(page){
		window.location.href = "{{ url('/managePatientMessages') }}?page_type="+page;
	}
</script>
@endsection