@php
$siteurl=$_SERVER['HTTP_HOST'];
@endphp
<script type="text/javascript">
	
	ChangeSubject=(subject,replyType)=>
	{

		return new Promise((resolve,reject)=>{
			$('#mailSubject').val(subject);

			$('#toAdress').val('');
			$('#ccAdress').val('');

			if(replyType=="forward")
			{	
				$('#ChangeEmailContent1Div').css('display','none');
				$('#ChangeEmailContent3').click();
				reject();
			}
			else
			{
				$('#ChangeEmailContent1').click();
				$('#ChangeEmailContent1Div').css('display','inline-flex');
				resolve();
			}


		});



		// if(replyType=="forward")
		// {
		// 	getSignaturewithall();
		// }
		// else
		// {
		// 	getSignature();
		// }
	}

	EmailReply=async (updateTicket='')=>
	{	
		RowId=$('#RowId').val();
		ModuleId=$('#EmailModuleId').val();

		$('#UpdateAndReplyBtn').attr('disabled',true);
		$('#updateRecordBtn').attr('disabled',true);

		$(`#ContentLoaderDiv`).html(`<center> <div class="spinner-border text-primary align-self-center loader-lg">Loading...</div> Please wait...<center>`)

		try{

			if(!$('#draftId').val())
			{
				draftId=await CreateDraft();
				$('#draftId').val(draftId);
			}

			toMailStatus= await UpdateToMailId();
			ToCCIdStatus=await UpdateToCCId();
			MailSubjectStatus=await UpdateMailSubject();
			EmailContentStatus=await UpdateEmailContent();

			// if("{{$_SERVER['REMOTE_ADDR']}}"=="171.76.87.163")
			// {
			// 	console.log(EmailContentStatus);
			// 	return false;
			// }

			// EmailAttachments=await uploadAttachments();

			try
			{
				templateId=$('#TemplateId :selected').val();
			}
			catch(e)
			{
				templateId="";
			}
			
			sendStatus=await SendNewMail(draftId,templateId);

			if(updateTicket)
			{
				updateRecord();	
			}

			
			UpdateFirstResponseTime(ModuleId,RowId);
			Snackbar.show({
				text:sendStatus,
				pos: 'top-right',
			});

			// location.reload();
		}
		catch(e)
		{
			Swal.fire({
				icon: 'error',
				title: e,
			});
		}
	}

	CreateDraft=()=>{
		//alert("Creating Draft");
		
		var UpdateAndReplyVal = document.getElementById('ReplyTypeSelection').value;
		//alert(UpdateAndReplyVal);
		
		return new Promise((resolve,reject)=>{
			// var SiteUrl='';
			// if(SiteUrl=='tbo.bpm360.net')
			// {
			// 	// from="ozonetel.test@tbo.com";
			// 	from='whitelabel@tbo.com';
			// }
			// else
			// {
			// 	from="support@bpm360.net";
			// }


			from=$('#FromAddress :selected').val();
			RowIdNew=$('#RowId').val();
			ModuleId=$('#EmailModuleId').val();
			//alert(from);
			if(!from)
			{
				reject("Please select From EMail Address");
			}

			console.clear();
			console.log(`Mail will be sent from ${from}`);
			
			var type = "POST";
			var ajaxurl = "{{url('SaveDraft')}}";
			$.ajax({
				type: type,
				url: ajaxurl,
				data:{from,RowIdNew,ModuleId, UpdateAndReplyVal},
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				success: function (result) 
				{
					resolve(result);
				}
			});
		});
	}


	UpdateToMailId=()=>{
		return new Promise((resolve,reject)=>{

			draftId=$('#draftId').val();

			try{
				toaddress=JSON.parse($('#toAdress').val());
			}catch(e)
			{
				reject("Please Enter ToAddress");
			}


			if(toaddress.length==0)
			{
				reject("Please Enter ToAddress");
			}

			toMailId=[];
			toaddress.map(function(mailid){

				toMailId.push(mailid.value);
			});	
			toMailId=toMailId.join(',');

			var type = "POST";
			var ajaxurl = "{{url('UpdateToMailId')}}";
			$.ajax({
				type: type,
				url: ajaxurl,
				data:{toMailId,draftId},
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				success: function (result) 
				{
					resolve("Updated To Mail Ids");
				}
			});

		})
	}


	UpdateToCCId=()=>
	{	

		return new Promise((resolve,reject)=>{
			draftId=$('#draftId').val();
			try{
				ccAdress=JSON.parse($('#ccAdress').val());
			}
			catch(e){
				resolve();
			}


			if(ccAdress.length==0)
			{
				resolve();
			}
			else
			{
				toCCId=[];

				ccAdress.map(function(mailid){

					toCCId.push(mailid.value);
				});	
				toCCId=toCCId.join(',');

				var type = "POST";
				var ajaxurl ="{{url('UpdateToCCId')}}";
				$.ajax({
					type: type,
					url: ajaxurl,
					data:{toCCId,draftId},
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
					success: function (result) 
					{
						resolve("Updated CC Ids");
					}
				});

			}

		})
	}


	UpdateMailSubject=()=>
	{
		return new Promise((resolve,reject)=>{
			subject=$('#mailSubject').val();
			draftId=$('#draftId').val();
			if(subject!='')
			{
				var type = "POST";
				var ajaxurl ="{{url('UpdateMailSubject')}}";
				$.ajax({
					type: type,
					url: ajaxurl,
					data:{subject,draftId},
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
					success: function (result) 
					{
						resolve("mail Subject Updated");
					}
				});
			}
			else
			{
				reject("Email Subject Required");
			}
		})
		
	}


	UpdateEmailContent=()=>
	{
		return new Promise((resolve,reject)=>{
			draftId=$('#draftId').val();
			messagetype = CKEDITOR.instances['mailContent'].getData();
			message=CKEDITOR.instances['mailContent'].editable().getText();

			RowId=$('#TicketRowId').val();
			if(message!='')
			{
				var type = "POST";
				var ajaxurl ="{{url('UpdateMailContent')}}" ;
				$.ajax({
					type: type,
					url: ajaxurl,
					data:{message,messagetype,draftId,RowId},
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
					success: function (result) 
					{
						resolve("Mail Content Updated");
					}
				});
			}
			else
			{
				reject("Mail Content Required");
			}

		})	
	}


	SendNewMail=(draftId,templateId='')=>
	{
		return new Promise((resolve,reject)=>{

			if(!$('#FromName').val())
			{
				FromName=0;
			}
			else
			{
				FromName=$('#FromName').val()
			}

			source="compose";
			$.ajax({
				type: "post",
				url:"{{url('SendNewMail')}}",
				data:{draftId,templateId,source,FromName:FromName},
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				success: function (result) 
				{
					$('.modal .btn-close').click();
					resolve(result);
				},
				complete: function () {
					//autoreload();
				}
			});
		})
	}

	UpdateFirstResponseTime=(ModuleId,RowId)=>
	{
		$.ajax({
			type: "post",
			url:"{{url('UpdateFirstResponseTime')}}",
			data:{ModuleId,RowId},
			headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			success: function (result) 
			{
			},
			complete: function () {
					//autoreload();
			}
		});
	}
	updateRecord=(askConfitmation=0)=>
	{

		// console.log($('#TicketForm .invalid-feedback'));

		var form = document.getElementById('TicketForm');
		form.classList.add('was-validated');

		if(askConfitmation)
		{

			Swal.fire({
				title: 'Are you sure to Update the Ticket without Reply?',
				icon: 'warning',
				showCancelButton: true,
				confirmButtonColor: '#3085d6',
				cancelButtonColor: '#d33',
				confirmButtonText: 'Yes'
			}).then((result) => {
				if (result.isConfirmed) {
					
					
					if (form.checkValidity() === false) 
					{
						event.preventDefault();
						event.stopPropagation();

						Snackbar.show({
							text: 'Please fill all the mandatory field!',
							pos: 'top-right',
							actionTextColor: '#fff',
							backgroundColor: '#e7515a'
						});

					}
					else
					{
						buttonClicked="Update Without Reply";	
						ModuleId=$('#EmailModuleId').val();
						RowId=$('#RowId').val();
						formData=JSON.stringify($('#TicketForm').serializeArray());
						$.ajax({

							type:"post",
							url:"{{url('EmailTickets-Update')}}",
							data:{ModuleId,RowId,formData,buttonClicked},
							headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
							beforeSend:()=>{},
							success:response=>{

								console.clear();
								console.log(response);

								res=JSON.parse(response);

								if(res.Status=="Success")
								{
									Snackbar.show({
										text:res.Message,
										pos: 'top-right',
									});
								}
								else
								{
									Snackbar.show({
										text:res.Message,
										actionTextColor: '#fff',
										backgroundColor: '#e2a03f',
										pos: 'top-right',
									});
								}

								$('.modal .btn-close').click();

							},
							complete: function () {
								autoreload();
							}
						})
					}
					form.classList.add('was-validated');



				}
			})
		}
		else
		{
			
			
			var form = document.getElementById('TicketForm');
			if (form.checkValidity() === false) 
			{
				event.preventDefault();
				event.stopPropagation();

				Snackbar.show({
					text: 'Please fill all the mandatory field!',
					pos: 'top-right',
					actionTextColor: '#fff',
					backgroundColor: '#e7515a'
				});

			}
			else
			{

				buttonClicked="Update and Reply";

				ModuleId=$('#EmailModuleId').val();
				RowId=$('#RowId').val();
				formData=JSON.stringify($('#TicketForm').serializeArray());
				$.ajax({

					type:"post",
					url:"{{url('EmailTickets-Update')}}",
					data:{ModuleId,RowId,formData,buttonClicked},
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
					beforeSend:()=>{},
					success:response=>{
						console.log(response);

						res=JSON.parse(response);

						if(res.Status=="Success")
						{
							Snackbar.show({
								text:res.Message,
								pos: 'top-right',
							});
						}
						else
						{
							Snackbar.show({
								text:res.Message,
								actionTextColor: '#fff',
								backgroundColor: '#e2a03f',
								pos: 'top-right',
							});
						}

						$('.modal .btn-close').click();

					},
					complete: function () {
						autoreload();
					}
				})
			}
			form.classList.add('was-validated');



			
		}

		
	}

	UpdateAndReply1=()=>{
		const UpdateAndReplyVal = document.querySelector('[mailType]');
		console.log(UpdateAndReplyVal);
	}
	
	UpdateAndReply=()=>{

		var invalid = $( '#TicketForm .invalid-feedback');
		var form = document.getElementById('TicketForm');
		if (form.checkValidity() === false) 
		{
			// alert('Triggered from emailTicketview');

			// invalid.css('display', 'block');
			// $('#TicketForm .invalid-feedback').css('display', 'block');

			

			event.preventDefault();
			event.stopPropagation();
			Snackbar.show({
				text: 'Please fill all the mandatory field!!',
				pos: 'top-right',
				actionTextColor: '#fff',
				backgroundColor: '#e7515a'
			});

		}
		else
		{
			var UpdateAndReplyVal = document.getElementById('ReplyTypeSelection').value;
			// const UpdateAndReplyVal = document.querySelector('[mailType]');
			//alert(UpdateAndReplyVal);
			// console.log(UpdateAndReplyVal);
			EmailReply('UpdateRecord');			
			// updateRecord();

		}
	}

	

	ViewEmailConversation=(ModuleId,RowId)=>{
		$.ajax({
			type:"post",
			url:"{{url('ViewEmailConversation')}}",
			data:{ModuleId,RowId,source:"listview"},
			headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			beforeSend:()=>{
				$('#response_div').html('');
				$('#EmailBody').html(`<center> <div class="spinner-border text-primary align-self-center loader-lg">Loading...</div><center>`);
				$('#CurrentPage').val(1);
			},
			success:response=>{
				$('#exampleModal').modal('show');
				$('#EmailBody').html(response);

				setTimeout(()=>{
					// $('#EmailConversationContainer').scrollTop(0);
					$('#TempRowId').val(RowId);
					$('#TempModuleId').val(ModuleId);

					console.clear();
					divHeight=$('#EmailConversationContainer').innerHeight();
					console.log(`divHeight before updating ${divHeight}`)



					newHeight=parseInt(divHeight)-1;
					console.log(`divHeight ${divHeight} NewHeight ${newHeight}`)
					$('#EmailConversationContainer').css('height',newHeight);


					

					//.height() - returns the height of element excludes padding, border and margin.
		//.innerHeight() - returns the height of element includes padding but excludes border and margin.
		//.outerHeight() - returns the height of the div including border but excludes margin.
		//.outerHeight(true) - returns the height of the div including margin.

					$('#EmailConversationContainer').scrollTop(1);
					$('#EmailConversationContainer').on('scroll', EmailConversationScroll);

					UnreadEmailsCount(RowId);

				},500)
				

			// console.log('email Conversation response',response);
			}
		});
	}


	uploadAttachment=async ()=>
	{	
		try{
			if(!$('#draftId').val())
			{
				draftId=await CreateDraft();
				$('#draftId').val(draftId);
			}
			await uploadAttachments();
		}
		catch(e){

			// alert(e);
		}
		
	}


	uploadAttachments=()=>{

		return new Promise((resolve,reject)=>{

			attachmentsFile=document.getElementById('formFile');
			EmailForm=new FormData;
			draftId=$('#draftId').val();


			FilesSize=0;

			for(i=0;i<attachmentsFile.files.length;i++)
			{
				EmailForm.append("Attachments"+i,attachmentsFile.files[i]);
				FilesSize+=attachmentsFile.files[i].size;

				
			}

			FilesSize=(FilesSize/(1024*1024));
			if(location.hostname=="sundarambpo.bpm360.net" || location.hostname=="sundarambpot.bpm360.net")
			{
				if(FilesSize>10)
				{
				// alert('File size is greater than 10MB');
					Snackbar.show({
						text: 'Files size is greater than 10MB',
						pos: 'top-right',
						actionTextColor: '#fff',
						backgroundColor: '#e7515a'
					});

					reject("stop");
					return;

				}
			}


			EmailForm.append("DraftId",draftId);




			$.ajax({
				url: "{{url('UploadAttachments')}}",
				type: 'POST',
				data: EmailForm,
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				mimeType: "multipart/form-data",
				contentType: false,
				cache: false,
				processData: false,
				beforeSend:function()
				{
					$('#btn-send1').attr("disabled",true);
				},
				success:function(response)
				{
					console.log(response);


					attachmenstDiv='';
					res=JSON.parse(response);
			// console.log(res);

					res.forEach((attch)=>{
				// console.log(attch.fileName);

						attachmenstDiv+=`
						<a href="${attch.path}" target="_blank">${attch.fileName}</a>-<span style="cursor:pointer;margin-right:10px" onclick="RemoveAttachment('${attch.fileId}')">X</span>\t\t
						`;
					});

					$('#AttachmentsListView').html(attachmenstDiv);
					$('#formFile').val('');
					$('#btn-send1').attr("disabled",false);

					console.log(attachmenstDiv);

					resolve();


				}
			});

		});


	}


	RemoveAttachment=(id)=>
	{
		draftId=$('#draftId').val();
		Swal.fire({
			title: 'Are you sure to Remove Attachment?',
			text: "You won't be able to revert this!",
			icon: 'warning',
			showCancelButton: true,
			confirmButtonColor: '#3085d6',
			cancelButtonColor: '#d33',
			confirmButtonText: 'Yes, delete it!'
		}).then((result) => {
			if (result.isConfirmed) {
				$.ajax({
					url: "{{url('RemoveAttachments')}}",
					type: 'POST',
					data: {id,draftId},
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
					beforeSend:function()
					{
					},
					success:function(response)
					{
					// console.log(response);

						attachmenstDiv='';
						res=JSON.parse(response);
						res.forEach((attch)=>
						{
						// console.log(attch.fileName);
							attachmenstDiv+=`
							<a href="${attch.path}" target="_blank">${attch.fileName}</a>-<span style="cursor:pointer;margin-right:10px" onclick="RemoveAttachment('${attch.fileId}')">X</span>`;
						});
						$('#AttachmentsListView').html(attachmenstDiv);

					}
				});
			}
		})
	}


	function AuditLog(ModuleId,RowId,Source){
		$('#response_div').text("");
		$('#exampleModalLabel').text("View Change Log");
		console.log( "Getting Audit Data... "+RowId+" = "+ModuleId);
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
			}
		});
		var formData = {
			ModuleId: ModuleId,
			RowId: RowId,
			Source: Source,
		};
		var ajaxurl = "../../ViewChangeLog/"+ModuleId+"/"+RowId+"";
		$.ajax({
			type: 'POST',
			url: ajaxurl,
			data: formData,
			success: function (response) {
				$('#response_div').html(response);
			},
			complete: function () {
			},
			error: function (data) {
				console.log(data);
			}
		});
	}

	function autoreload()
	{
		console.log('autoreload called from EmailTicket view1')
	}



	EmailConversationScroll=(e)=>
	{
		var elem = $(e.currentTarget);
		
		
		// if("{{$_SERVER['HTTP_HOST']}}"=="crm.bpm360.net")
		// if("{{$_SERVER['REMOTE_ADDR']}}"=="49.205.146.66")
		// {

			//if(elem[0].scrollHeight - elem.scrollTop()==elem[0].scrollHeight)  //scroll to top

		divHeight= Math.round(elem.outerHeight());
		scrolledHeight=Math.round(elem[0].scrollHeight - elem.scrollTop());

		console.clear();
		console.log(`outer height=`,divHeight);
		console.log(`scrolled Height=`,scrolledHeight);

			// if(scrolledHeight <= divHeight) //scroll to bottom
			if( (scrolledHeight - divHeight) <= 1  ) //scroll to bottom
			{

				currentPage=parseInt($('#CurrentPage').val());
				totalPages=parseInt($('#TotalPages').val());


				console.clear();
				console.log(`outer height=`,divHeight);
				console.log(`scrolled Height=`,scrolledHeight);

				console.log(`currentPage1 ${currentPage} totalPages ${totalPages}`);

				if(currentPage > totalPages)
				{
					console.log(`No New Conversations`);
					return;
				}
				

				currentPage++;

				
				console.log(`currentPage2 ${currentPage} totalPages ${totalPages}`);

				ModuleId=$('#TempModuleId').val();
				RowId=$('#TempRowId').val();

				pageNum=currentPage;
				$.ajax({
					type:'post',
					url:"{{url('ViewEmailConversation')}}",
					data:{ModuleId,RowId,source:"listview",pageNum},
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
					beforeSend:()=>{

						$('#CurrentPage').val(currentPage);

						$('#loaderDiv').css('display','block');
						// $('#EmailConversationContainer').scrollTop(1);
					},
					success:response=>{
						divHeight=$('#EmailConversationContainer').innerHeight();

						if(divHeight<500)
						{
							divHeight=divHeight*2;

							if(divHeight>500)
							{
								reduceHeight=(divHeight-500);

								divHeight=divHeight-reduceHeight;
							}

							newHeight=parseInt(divHeight)-1;
							$('#EmailConversationContainer').css('height',newHeight);
						}
						
						$('#loaderDiv').css('display','none');
						// $('#EmailConversationContainer').prepend(response);
						$('#EmailConversationContainer').append(response);
						UnreadEmailsCount(RowId);
					}
				});
			}
		// }


		}

		UnreadEmailsCount=(RowId)=>{
			$.ajax({
				type:"post",
				url:"{{url('EmailTickets-UnreadEmailsCount')}}",
				data:{RowId},
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				beforeSend:()=>{},
				success:response=>{

					console.clear();
					res=JSON.parse(response);
					console.log(res);

					if(res.UnreadCount==0)
					{
						$(`#Badge${RowId}`).removeClass("badge-danger");
						$(`#Badge${RowId}`).addClass("badge-success");
						$(`#Badge${RowId}`).attr("title",`${res.UnreadCount} Unread Emails`);
					}
					else
					{
						$(`#Badge${RowId}`).removeClass("badge-success");
						$(`#Badge${RowId}`).addClass("badge-danger");
						$(`#Badge${RowId}`).attr("title",`${res.UnreadCount} Unread Emails`);
					}
				}
			})
		}	


		ChangeContent=(EmailId)=>
		{
			console.clear();

			Swal.fire({
				title: 'Are you sure change the format?',
				text: "You won't be able to revert this!",
				icon: 'warning',
				showCancelButton: true,
				confirmButtonColor: '#3085d6',
				cancelButtonColor: '#d33',
				confirmButtonText: 'Yes, change it!'
			}).then((result) => {
				if (result.isConfirmed) {

					$.ajax({
						type:"post",
						url:"{{url('EmailTickets-ChangeEncodedFormat')}}",
						data:{EmailId},
						headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
						beforeSend:()=>{},
						success:response=>{

							// console.log(response);
							res=JSON.parse(response);

							Snackbar.show({
								text: res.msg,
								pos: 'top-right',
							});
						}
					})
				}	
			});

		}
	</script>