@extends('layouts.header')
@section('content')
@php
$results_obj = json_decode($results);
$pass_array=array("ModuleId"=>$ModuleId,"RowId"=>$RowId);
// added on 28th April '21
$userdetails = Auth::user();
$LoggedUser = $userdetails->name;
$DateFormat = $userdetails->DateFormat;
$TimeZone = $userdetails->TimeZone;
$TimeFormat = $userdetails->TimeFormat;
$ModuleName = $module_name;
echo "<pre>";
	//print_r($tempFiles);
	//print_r($AssignedToList);
	//print_r($ListBoxNamesIDs);
	//print_r($RelatedModules);
	//print_r($GetDropdownLists);
	//print_r($header);
	//print_r($results_obj);
	//print_r($RelateModules);
	//print_r($EmailValues);
echo "</pre>";
//die();

// added {{$modules[AssociationType]}} on 29th Jul '21

$RoleAccess_c="1264d300-9915-11eb-948a-56b1773fd56f";   // None 8eca7f5f-9914-11eb-948a-56b1773fd56f
$RoleAccess_l="1264d300-9915-11eb-948a-56b1773fd56f";   // All
$RoleAccess_e="1264d300-9915-11eb-948a-56b1773fd56f";   // All
$RoleAccess_d="1264d300-9915-11eb-948a-56b1773fd56f";   // All

//print_r(ModulesAccess);

if(!empty($ModulesAccess))
{
	foreach($ModulesAccess['Actions'] as $ActionName)
	{
		if($ActionName['ActionName']=="Create")
		$RoleAccess_c=$ActionName['RoleAccess'];

		if($ActionName['ActionName']=="List")
		$RoleAccess_l=$ActionName['RoleAccess'];

		if($ActionName['ActionName']=="Edit")
		$RoleAccess_e=$ActionName['RoleAccess'];

		if($ActionName['ActionName']=="Delete")
		$RoleAccess_d=$ActionName['RoleAccess'];

	}
}
@endphp
<script type="text/javascript">
</script>
<div class="page-header">
	<div class="breadcrumb-four">
		<ul class="breadcrumb">
			@php
			$Dashboard=url('dashboard');
			$Listurl=url('ListView',$ModuleId);
			$Createurl=url('CreateView',$ModuleId);
			@endphp
			<li><a href="{{$Dashboard}}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
			<li>
				<a href="{{$Listurl}}" title="List {{$ModuleName}}">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>List {{$ModuleName}}</a>
				</li>
				<li>
					<a href="{{$Createurl}}" title="Create {{$ModuleName}}">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>Create {{$ModuleName}}</a>
					</li>
					
				</ul>
			</div>
		</div>
		<br>
		<div class="row">
			<div class="col-lg-12 col-md-12 layout-spacing">
				<div class="layout-px-spacing">

					<div class="row layout-spacing">
						<div class="col-xl-4 col-lg-6 col-md-5 col-sm-12 layout-top-spacing">
							<div class="user-profile layout-spacing">
								<div class="widget-content widget-content-area">
									<div class="d-flex justify-content-between">
										<h3 class="">{{$ModuleName}}</h3>
										<a href="{{ url('ShowEditView',$pass_array) }}" class="mt-2 edit-profile"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-3"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg></a>
									</div>
									<div class="text-center user-info">
										<p class=""></p>
									</div>
									<div class="user-info-list">
										<div class="">
											<input type="hidden" name="folder" id="folder" value="{{$page['folder']}}" >
											<input type="hidden" name="RowId" id="RowId" value="{{$RowId}}" >
											<input type="hidden" name="ModuleId" id="ModuleId" value="{{$ModuleId}}" >
											<ul class="contacts-block list-unstyled">
												@foreach($header as $fieldList)
												@php
												$field_name=$fieldList['FieldName'];
												$DisplayName=$fieldList['DisplayName'];
												if(array_key_exists('FontIcon',$fieldList))
												{
													$FontIcon=$fieldList['FontIcon'];
												}
												else
												{
													$FontIcon="";
												}
												
												$LabelValue = $results_obj[0]->$field_name;
												$DisplayType=$fieldList['DisplayType'];
												@endphp
												<div class="text-center user-info">
													@if($DisplayType==9)
													@if(array_key_exists($LabelValue,$tempFiles))
													<a href="{{url('DownloadFiles',$tempFiles[$LabelValue][0]['fileId'])}}" title="Click here to Download" target="_blank">
														<img src="{{$tempFiles[$LabelValue][0]['path']}}" alt="{{$tempFiles[$LabelValue][0]['name']}}" style="width:75px">
													</a>
													@php
													$LabelValue="";
													$DisplayName="";
													@endphp
													@endif
													@endif

													<p class=""></p>
												</div>
												@php
												if($DisplayType==2 || $DisplayType==26)
												{
													if(empty($ListBoxNamesIDs))
													{
														$LabelValue="";
														//$LabelValue=$GetDropdownLists[$LabelValue];
													}
													else
													{
														$ListBoxNamesIDVal=$DropDownIds[$field_name];
														$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
														if(array_key_exists($LabelValue,$listBoxVal))
														$LabelValue=$listBoxVal[$LabelValue];
													}
												}
												if($DisplayType==3)
												{
													if(empty($ListBoxNamesIDs))
													{
														$LabelValue="";
														//$LabelValue=$GetDropdownLists[$LabelValue];
													}
													else
													{
														$ListBoxNamesIDVal=$DropDownIds[$field_name];
														$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
														$listArray=explode(",",$LabelValue);
														$LabelValue="";
														$LabelValue="<ul>";
															foreach($listArray as $listVal)
															{
																if(array_key_exists($listVal,$listBoxVal))
																$LabelValue.="<li>".$listBoxVal[$listVal]."</li>";
															}
														$LabelValue.="</ul>";
													}

												}
												if($DisplayType==5)
												{
													if(empty($ListBoxNamesIDs))
													{
														$LabelValue="";
														//$LabelValue=$GetDropdownLists[$LabelValue];
													}
													else
													{
														$ListBoxNamesIDVal=$DropDownIds[$field_name];
														$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
														if(array_key_exists($LabelValue,$listBoxVal))
														$LabelValue=$listBoxVal[$LabelValue];
													}
												}
												if($DisplayType==4 && $DateFormat!="" && $LabelValue!="")
												{
													// added on 28th April '21
													if($LabelValue=="0000-00-00")
													$LabelValue="";
													else
													$LabelValue = date("$DateFormat", strtotime($LabelValue));
												}

												if($DisplayType==14 && $DateFormat!="" && $TimeFormat!="" && $LabelValue!="")
												{
													// updated on 16th Sept '21
													if($LabelValue=="0000-00-00 00:00:00")
													{
														$LabelValue="";
													}
													else
													{
														// added on 29th April '21
														$datetime = new DateTime($LabelValue);
														$datetime->format("$DateFormat $TimeFormat");
														$la_time = new DateTimeZone($TimeZone);
														$datetime->setTimezone($la_time);
														$LabelValue = $datetime->format("$DateFormat $TimeFormat");
													}
												}

												if($DisplayType==8 )
												{
													// RelateTo
													$passArray=array("ModuleId"=>$LabelValue,"RowId"=>$field_name);
													$row_id=$LabelValue;

													if($LabelValue!="")
													$LabelValue=$RelateModules[$LabelValue];
												}

												if($DisplayType==15 && $LabelValue!="")
												{
													// AssignedTo
													if(array_key_exists($LabelValue,$AssignedToList))
													$LabelValue=$AssignedToList[$LabelValue]['name'];
												}
												if($DisplayType==12)
												{
													if(!empty($EmailValues))
													{
														if(array_key_exists($LabelValue,$EmailValues))
														{
															foreach($EmailValues[$LabelValue] as $emailValue)
															{
																$LabelValue=$emailValue;
															}
														}
													}
												}
												if($DisplayType==23)
												{
													if(array_key_exists($LabelValue,$getChildDependentRelateToList))
													{
														$LabelValue=$getChildDependentRelateToList[$LabelValue];
													}
													else
													{
														$LabelValue=$LabelValue;
													}
												}
												if($DisplayType==7 || $DisplayType==10)
												{
													// TextArea OR TextEditor, added on 6th May '21
													$LabelValue=strip_tags($LabelValue);
												}
												@endphp
												<li class="contacts-block__item">
													@php 
													if($FontIcon)
													{
														@endphp
														<div style="cursor:pointer" title="{{$DisplayName}}">
															@php
															echo $FontIcon;
														}
														else{
														@endphp
														<div style="cursor:pointer" title="{{$DisplayName}}">
															<font class="text-primary"> {{$DisplayName}} </font>
															@php
														}
														@endphp 
														: 
														@php
														if($DisplayType==12)
														{
															@endphp
															<font style="cursor:pointer" class="text-primary" onclick="composeMail('{{$LabelValue}}')">{{$LabelValue}}</font>
															@php
														}
														if($DisplayType==29)
														{
															@endphp
															<a href="{{$LabelValue}}" class="text-primary" target="_blank">{{$LabelValue}}</a>
															@php
														}
														else
														{
															echo $LabelValue;
														}

														@endphp
													</div>
												</li>

												@if(($DisplayType=="26") && !empty($results_obj[0]->$field_name))
												@php
												//echo "Dependent Dropdown";
												//echo $results_obj[0]->$field_name;
												@endphp
												<div id="{{$field_name}}" class="col-md-12" style="padding:0px">
													<script>
														document.addEventListener("DOMContentLoaded",function(){
															setTimeout(GetDependentFieldsDetailView,100,'{{$field_name}}','{{$results_obj[0]->$field_name}}');
														});
													</script>
												</div>
												@endif

												@endforeach
												<li class="contacts-block__item">
													<ul class="list-inline">

													</ul>
												</li>
												

											</ul>
										</div>                                    
									</div>
									<div class="row">
										<div class="col-md-12 text-center">
											<div class="form-group">
												<br />
												@if($RoleAccess_e!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
												<a href="{{ url('ShowEditView',$pass_array) }}" class="btn btn-primary mb-2">Edit</a>
												@endif
												@if($RoleAccess_d!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
												<a onclick="RemoveMe('{{$ModuleId}}','{{$RowId}}','DetailView')" class="btn btn-danger mb-2">Delete</a>
												@endif
												<a onclick="AuditLog('{{$ModuleId}}','{{$RowId}}','DetailView')" class="btn btn-info mb-2" data-toggle="modal" data-target="#exampleModalfromProfileView">View Change Log</a>
												@if($ModuleId == '32f08263-96a5-11eb-948a-56b1773fd56f')
												<a href="{{ url('Convert-Lead',$RowId) }}" class="btn btn-secondary mb-2">Convert Lead</a>
												@endif
												@if($ModuleId == '69772a9d-aa88-4ca1-a701-b7f0c887a770')
												<a href="{{ url('Download-iCal',$pass_array) }}" class="btn btn-success mb-2">Download iCalendar</a>
												@endif
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12 text-center">
											<div class="form-group">
												<br />
												@if($RoleAccess_e!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
												<button type="button" id="mySubBtn" class="btn btn-success" onclick="duplicatetoCreate()">Duplicate</button>
												@endif

											</div>
										</div>
									</div>
								</div>
							</div>
						</div>	

						<div class="col-xl-8 col-lg-6 col-md-7 col-sm-12 layout-top-spacing">

							@if($RelatedModules['Status']=="Success")
							@php
							$subpanel_loop=0;
							@endphp
							<div id="icc">
								@foreach($RelatedModules['data'] as $subpanels=>$modules)
								@if($modules['AssociationType']==2 || $modules['AssociationType']==3)
								@php
								$SecondaryModuleId=$modules['SecondaryModuleId'];
								$AssociationType=$modules['AssociationType'];
								$ModuleIcon=$modules['ModuleIcon'];
								$TableCount=$modules['TableCount'];
								$SubPanel_Count=0;  // $modules['AssociationType'];
								@endphp


								<div id="toggleAccordion{{$subpanel_loop}}" class="accordion-icons accordion">
									<div class="card">
										<div class="card-header" id="headingThree{{$subpanel_loop}}"  onclick="GetSubPanel('{{$module_name}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}',3,'UpdatedDate','1','{{$AssociationType}}','{{$ModuleId}}')">
											<section class="mb-0 mt-0">
												<div role="menu" class="collapsed" data-toggle="collapse" data-target="#defaultAccordionOne{{$subpanel_loop}}" aria-expanded="true" aria-controls="defaultAccordionOne{{$subpanel_loop}}">
													<div class="accordion-icon">
														@php echo $ModuleIcon @endphp {{$modules['ModuleName']}} 
													</div>													
													@if($TableCount!=0)
													<div class="icons"><span class="badge badge-info">{{$TableCount}}</span></div>
													@endif

												</div>
											</section>
										</div>

										<div id="defaultAccordionOne{{$subpanel_loop}}" class="collapse" aria-labelledby="headingThree{{$subpanel_loop}}" data-parent="#toggleAccordion{{$subpanel_loop}}">
											<div class="card-body">
												@if($SubPanel_Count>0)
												<p>{{$SubPanel_Count}}</p>
												@endif
												<div class="col-sm-12 col-md-12"  align="right">
													<a onclick="QuickCreatefromProgileView('{{$SecondaryModuleId}}','{{$subpanel_loop}}')" class="btn btn-primary mb-2" data-toggle="modal" data-target="#exampleModalfromProfileView">Create</a>
													<a onclick="PopUpLinking('{{$module_name}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}','Link','UpdatedDate','1','{{$AssociationType}}','{{$ModuleId}}',)" class="btn btn-primary mb-2" data-toggle="modal" data-target="#exampleModalfromProfileView">Link</a>
													<div class="card-body" id="SubPanel{{$subpanel_loop}}">
													</div>
												</div>	
											</div>
										</div>
									</div>
								</div>

								@php
								$subpanel_loop++;
								@endphp
								@endif
								@endforeach
							</div>
							@endif

						</div>

					</div>
				</div>

			</div>

		</div>

		<!-- </div> -->


		<input type="hidden" name="ModuleName" id="ModuleName" value="{{$ModuleName}}">

		<!-- Modal -->
		<div class="modal fade" id="exampleModalfromProfileView" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-xl" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="exampleModalLabelprofileView">BPM360</h5>
						<button type="button" class="btn-close close" data-dismiss="modal" aria-label="Close">
							<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
						</button>
					</div>
					<div class="modal-body" id="response_div_ProfileView">
						<p class="modal-text"></p>
					</div>
					<div class="modal-footer">
						<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
						<!-- <button type="button" class="btn btn-primary">Save</button> -->
					</div>
				</div>
			</div>
		</div>


		@endsection

		<script type="text/javascript">
			setTimeout(function(){
				$('#icc').sortable();
			},1500);

			function duplicatetoCreate()
			{
				var RowId = $('#RowId').val();
				var ModuleId = $('#ModuleId').val();
				var formData = {
					ModuleId: ModuleId,
					RowId: RowId,
				};
				swal({
					title: 'Are you sure?',
					text: "You want to Duplicate this Record!",
					type: 'warning',
					showCancelButton: true,
					confirmButtonText: 'Duplicate',
					padding: '2em'
				}).then(function(result) {
					if (result.value) {
						$.ajax({
							type: "POST",
							url: "{{url('CreateDuplicate')}}",
							data: formData,
							beforeSend:function()
							{
							},
							headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
							dataType: 'json',
							success: function () {
							},
							complete: function (response) {
								var txt = response.responseJSON;
								if(txt.Status=="Success"){
									Snackbar.show({
										text: txt.Message,
										pos: 'top-right',
									});
									var RowId=txt.RowId;
									var url="../../ShowEditView/"+ModuleId+"/"+RowId+"";
									var href="{{'"+url+"'}}";
									window.location.href = url;

								}
								else if(txt.Status=="Fail")
								{
									Snackbar.show({
										text: txt.Message,
										actionTextColor: '#fff',
										backgroundColor: '#e2a03f',
										pos: 'top-right',
									});
								}
							},
							error: function (data) {
								console.log(data);
							}
						}); 
					}
					else{
						RowId="817541b5-f4a4-4f52-ac58-2fe6367fb925";

						Snackbar.show({
							text: 'Warning',
							actionTextColor: '#fff',
							backgroundColor: '#e2a03f',
							text: 'You have not Duplicate this Record!',
							pos: 'top-right',
						});
					}
				})
			}

			function GetSubPanel(module_name,SecondaryModuleId,subpanel_loop,mode,field_name,page_num,AssociationType,PrimaryModuleId){

				var RowId = $('#RowId').val();
				console.log( "Getting ListView Data... "+RowId+" = "+module_name+" -> "+SecondaryModuleId+" | "+subpanel_loop+" / "+mode);
				if(mode==1)
				{
				// var page_num=1;
				var limit=5;
				// var field_name="UpdatedDate";
				var sort_order="DESC";
			}
			else
			{
					// from SubPanel.blade.php
				// var page_num = $('#page_num').val();
				var limit=5;
				// var field_name=subpanel_loop;
				var sort_order="DESC";
		  //   	var ajax_url = "{{ url('GetListViewPagination') }}";

		  //   	var formData = {
				// 	ModuleId: SecondaryModuleId,
				// 	page_num: page_num,
				// 	limit: limit,
				// 	field_name: field_name,
				// 	sort_order: sort_order,
				// 	mode: mode
				// };
			}

	var ajax_url = "{{ url('GetListViewPagination') }}";
	var formData = {
	        // data: searchForm,
	        RowId: RowId,
	        module_name: module_name,
	        SecondaryModuleId: SecondaryModuleId,
	        page_num: page_num,
	        limit: limit,
	        field_name: field_name,
	        sort_order: sort_order,
	        subpanel_loop: subpanel_loop,
	        mode: mode,
	        ModuleId: PrimaryModuleId,
	        AssociationType: AssociationType
	    };
	    $.ajaxSetup({
	    	headers: {
	    		'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
	    	}
	    });
	    $.ajax({
	    	url: ajax_url,
	    	type: 'POST',
	    	data: formData,
	    	beforeSend:function() {
	    		$('#SubPanel'+subpanel_loop).html("<div class='loader dual-loader mx-auto'></div>");
	    	},
	    	success: function(result) {
	    		console.log("Success...");
                //$('#loading').html('');
                // $('#SecondaryModuleId'+subpanel_loop).val(SecondaryModuleId);
                $('#SubPanel'+subpanel_loop).html(result);
            },
            error: function (data) {
            	console.log("Error:"+data);
            	var na='<div class="alert alert-arrow-right alert-icon-right alert-light-danger mb-4" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" data-dismiss="alert" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line></svg><strong>Not Available!</strong></div>';
                $('#SubPanel'+subpanel_loop).html(na);  // 'Not Available!'
            }
        });
	}

	function RemoveMe(ModuleId,RowId,Source){
		swal({
			title: 'Are you sure?',
			text: "You won't be able to revert this!",
			type: 'warning',
			showCancelButton: true,
			confirmButtonText: 'Delete',
			padding: '2em'
		}).then(function(result) {
			if (result.value) {
				$.ajaxSetup({
					headers: {
						'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
					}
				});
				var formData = {
					ModuleId: ModuleId,
					RowId: RowId,
					Source: Source,
				};
				var type = "POST";
				var ajaxurl = "{{ url('DeleteMe') }}";
				$.ajax({
					type: type,
					url: ajaxurl,
					data: formData,
					dataType: 'json',
					success: function () {

					},
					complete: function (result) {
						var obj = result.responseJSON;
						var msg=obj.Message;

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

                    // redirect to listview
                    var url="../../ListView/"+ModuleId+"";
                    var href="{{'"+url+"'}}";
                    window.location.href = url;
                },
                error: function (data) {
                	console.log(data);
                }
            });
				swal(
					'Deleted!',
					msg,
					'success'
					)
			}
			else
			{
				Snackbar.show({
					text: 'Warning',
					actionTextColor: '#fff',
					backgroundColor: '#e2a03f',
					text: 'You have not deleted this record!',
					pos: 'top-right',
				});
			}
		})

	}


	function AuditLog(ModuleId,RowId,Source){
		$('#response_div_ProfileView').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 web_route="ViewChangeLog/"+ModuleId+"/"+RowId;
    // var ajaxurl = "{{ url('ViewChangeLog/"+ModuleId+"/"+RowId+"') }}";
    var ajaxurl = "../../ViewChangeLog/"+ModuleId+"/"+RowId+"";
    $.ajax({
    	type: 'POST',
    	url: ajaxurl,
    	data: formData,
    	success: function (response) {
    		$('#response_div_ProfileView').html(response);
    	},
    	complete: function () {
    	},
    	error: function (data) {
    		console.log(data);
    	}
    });

}


function open_me(obj){
	var ModuleId=obj.ModuleId;
	var RowId=obj.RowId;
	var url="../../ShowDetailView/"+ModuleId+"/"+RowId;
	var href="{{'"+url+"'}}";
	console.log("Opening "+url);
	window.location.href = url;
}

function popUp(ModuleId,row_id,display_type,field_name,LabelValue){
        // added on 6th May '21
        $('#response_div_ProfileView').text("");
        $('#exampleModalLabel').text(LabelValue);
        $.ajaxSetup({
        	headers: {
        		'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
        	}
        });
        var form_Data = {
        	Source: 'DetailView'
        };
        var ajax_url = "../../PopUpView/"+ModuleId+"/"+row_id+"/"+display_type+"/"+field_name;
    // var ajax_url = "./PopUpView/"+ModuleId+"/"+row_id+"/"+display_type+"/"+field_name;
    $.ajax({
    	type: 'POST',
    	url: ajax_url,
    	data: form_Data,
    	success: function (response) {
    		$('#response_div_ProfileView').html(response);
    	},
    	complete: function () {
    	},
    	error: function (data) {
    		console.log(data);
    	}
    });
}
downloadDoc=(src)=>
{
	var link=document.createElement('a');
	document.body.appendChild(link);
	link.href= src;
	link.download = '';
	link.click();
}

function QuickCreatefromProgileView(SecondaryModuleId,subpanel_loop)
{
	moduleID=$('#ModuleId').val();
	RowId='{{$RowId}}';
    //alert(SecondaryModuleId);
    // return false;
    $.ajaxSetup({
    	headers:{
    		'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')
    	}
    });
    $.ajax({
    	type:"POST",
    	data:{ModuleId:SecondaryModuleId,RowId:RowId,subpanel_loop:subpanel_loop,PrimaryModuleId:moduleID},
    	url:"{{url('GetQuickCreateFields')}}",
    	success:function(response)
    	{
    		$('#response_div_ProfileView').html(response);
    		$('#exampleModalLabelprofileView').html("Create "+$('#ModuleName').val());
            // alert(JSON.stringify(response));
        }

    });
    // alert(moduleID);
}

    // added on 17th Aug '21
    function PopUpLinking(module_name,SecondaryModuleId,subpanel_loop,mode,field_name,page_num,AssociationType,PrimaryModuleId)
    {
    // moduleID=$('#ModuleId').val();
    // SecondaryModuleId=$('#SecondaryModuleId').val();
    // RowId='{{$RowId}}';

    // $.ajaxSetup({
    //     headers:{
    //         'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')
    //     }
    // });
    // $.ajax({
    //     type:"POST",
    //     data:{ModuleId:ModuleId,SecondaryModuleId:SecondaryModuleId,RowId:RowId,AssociationType:AssociationType},
    //     url:"{{url('GetQuickLinking')}}",
    //     success:function(response)
    //     {
    //         $('#response_div_ProfileView').html(response);
    //         $('#exampleModalLabel').html("Create"+$('#ModuleName').val());
    //         // alert(JSON.stringify(response));
    //     }

    // });

    var ModuleName=$('#ModuleName').val();
    var ModuleName_txt="Associate Records to "+ModuleName;
    $('#exampleModalLabel').text(ModuleName_txt);
    var RowId = $('#RowId').val();

    var limit=5;
    var sort_order="DESC";

    console.log( "Popup... "+RowId+" = "+module_name+" -> "+SecondaryModuleId+" | "+subpanel_loop+" / "+mode);

    // var ajax_url = "{{ url('GetSubPanel') }}";
    var ajax_url = "{{ url('GetQuickLinking') }}";

    var formData = {
    	RowId: RowId,
    	module_name: module_name,
    	PrimaryModuleId: PrimaryModuleId,
    	SecondaryModuleId: SecondaryModuleId,
    	page_num: page_num,
    	limit: limit,
    	field_name: field_name,
    	sort_order: sort_order,
    	subpanel_loop: subpanel_loop,
    	mode: mode,
    	AssociationType: AssociationType
    };
    $.ajaxSetup({
    	headers: {
    		'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
    	}
    });
    $.ajax({
    	url: ajax_url,
    	type: 'POST',
    	data: formData,
    	beforeSend:function() {
    		$('#response_div_ProfileView').html("<div class='loader dual-loader mx-auto'></div>");
    	},
    	success: function(result) {
    		console.log("Via PopUp");
    		$('#response_div_ProfileView').html(result);
    	},
    	error: function (data) {
    		console.log("Error:"+data);
    		var na='<div class="alert alert-arrow-right alert-icon-right alert-light-danger mb-4" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" data-dismiss="alert" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line></svg><strong>Not Available!</strong></div>';
                $('#SubPanel'+subpanel_loop).html(na);  // 'Not Available!'
            }
        });
}

function LinkMe(PrimaryModuleId, SecondaryModuleId, UniqueId, AssociationType, Source, subpanel_loop,mode,field_name,page_num){
	swal({
		title: 'Are you sure?',
		text: "Do you want to link this record?",
		type: 'warning',
		showCancelButton: true,
		confirmButtonText: 'Associate',
		padding: '2em'
	}).then(function(result) {
		if (result.value) {
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
				}
			});

			var module_name=$('#ModuleName').val();
			var RowId = $('#RowId').val();
			var formData = {
				UniqueId: RowId,
				PrimaryModuleId: PrimaryModuleId,
				SecondaryModuleId: SecondaryModuleId,
				RowId: UniqueId,
				AssociationType: AssociationType,
				Source: Source,
			};
			var type = "POST";
			var ajaxurl = "{{ url('LinkSaveAssociation') }}";
			$.ajax({
				type: type,
				url: ajaxurl,
				data: formData,
				dataType: 'json',
				success: function () {

				},
				complete: function (result) {

					var obj = result.responseJSON;
					var msg=obj.Message;
					var Success=obj.Status;

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

                    // redirect to listview
                // var url="../../ListView/"+ModuleId+"";
                // var href="{{'"+url+"'}}";
                // window.location.href = url;
                    // on 18th Aug '21
                    if(Success=='Success')
                    {
                    	$('#exampleModal').modal('hide');
                    	GetSubPanel(module_name,SecondaryModuleId,subpanel_loop,'Auto','UpdatedDate','1',AssociationType,PrimaryModuleId);
                    }

                },
                error: function (data) {
                	console.log(data);
                }
            });
			swal(
				'Associated!',
				msg,
				'success'
				)
		}
		else
		{
			Snackbar.show({
				text: 'Warning',
				actionTextColor: '#fff',
				backgroundColor: '#e2a03f',
				text: 'You have not linked this record!',
				pos: 'top-right',
			});
		}
	})

}


    // added on 19th Aug '21
    function Click2Call(ModuleId,click_to_call)
    {
    	var RowId = $('#RowId').val();
    	var ajaxurl = "{{ url('ClickToCall') }}";
    	var form_Data = {
    		ModuleId: ModuleId,
    		RowId: RowId,
    		click_to_call: click_to_call,
    		Source: 'DetailView'
    	};

    	$.ajaxSetup({
    		headers: {
    			'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
    		}
    	});

    	$.ajax({
    		url: ajaxurl,
    		type: 'POST',
    		data: form_Data,
    		dataType: 'json',
    		beforeSend:function() {
    			$('#Click2Call_Response').html("<div class='loader dual-loader mx-auto'></div>");
    		},
    		success: function () {
    			$('#Click2Call_Response').html("");
    		},
    		complete: function (result) {
    			var obj = result.responseJSON;
    			var Success_text=obj.Status;
    			var msg_text=obj.Message;

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

    			$('#Click2Call_Response').html(msg_text);
    		},
    		error: function (data) {
    			console.log("Error:"+data);
    			var na='<div class="alert alert-arrow-right alert-icon-right alert-light-danger mb-4" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" data-dismiss="alert" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line></svg><strong>Not Available!</strong></div>';
    			$('#Click2Call_Response').html(na);
    		}
    	});
    }
    composeMail=(EmailId)=>{
    // console.log(EmailId);
    $('#m-to').val(EmailId);

    $('#ComposeMailModal').modal("show");
    $('.ql-toolbar').remove();
    try{
    	$('#m-form').select2('destroy');
    }
    catch(e){}
    var quill = new Quill('#editor-container', {
    	modules: {
    		toolbar: [
    		[{ header: [1, 2, false] }],
    		['bold', 'italic', 'underline'],
    		['image', 'code-block']
    		]
    	},
    	placeholder: 'Compose an epic...',
    	theme: 'snow'
    });

    getDraftEmail();
}

getDraftEmail=()=>
{
	document.querySelector('.ql-editor').addEventListener("blur",UpdateEmailContent);
	const draftId=$('#draftId').val();
	if(draftId=='')
	{
		CreateDraft();
	}
	else
	{
		getDraftContents();
	}
    // console.log("draftid=",draftId);
}

getDraftContents=()=>
{
	draftId=$('#draftId').val();

    // alert(draftId);
    if(draftId!='')
    {
    	var type = "POST";
    	var ajaxurl = "{{url('GetDraft')}}";
    	$.ajax({
    		type: type,
    		url: ajaxurl,
    		data:{draftId},
    		success: function (result) 
    		{
                // alert(result);

                res=JSON.parse(result);
                to=res.ToAddress;
                cc=res.CcAddress;
                Subject=res.Subject;
                content=res.ContentTags;

                $('#m-to').val(to);
                $('#m-cc').val(cc);
                $('#m-subject').val(Subject);
                $('.ql-editor').removeClass('ql-blank');
                $('.ql-editor').html(content);
                // console.log(result);
            }
        });
    }
}


UpdateEmailContent=()=>
{
	draftId=$('#draftId').val();
	messagetype = $('.ql-editor').html();
	message=$('.ql-editor').text();

    // alert(message);
    if(message!='')
    {
    	var type = "POST";
    	var ajaxurl = "{{url('UpdateMailContent')}}";
    	$.ajax({
    		type: type,
    		url: ajaxurl,
    		data:{message,messagetype,draftId},
    		success: function (result) 
    		{
    			console.log(result);
    		}
    	});
    }
}

getDraftEmail=()=>
{
	document.querySelector('.ql-editor').addEventListener("blur",UpdateEmailContent);
	const draftId=$('#draftId').val();
	if(draftId=='')
	{
		CreateDraft();
	}
	else
	{
		getDraftContents();
	}
}

CreateDraft=()=>
{
	var type = "POST";
	var ajaxurl = "{{url('SaveDraft')}}";
	$.ajax({
		type: type,
		url: ajaxurl,
		success: function (result) 
		{
			$('#draftId').val(result);
			UpdateToMailId();
		}
	});
}
UpdateToMailId=()=>
{

	toMailId=$('#m-to').val();
	draftId=$('#draftId').val();
	if(toMailId!='')
	{
		var type = "POST";
		var ajaxurl = "{{url('UpdateToMailId')}}";
		$.ajax({
			type: type,
			url: ajaxurl,
			data:{toMailId,draftId},
			success: function (result) 
			{
				console.log(result);
			}
		});
	}
}

UpdateMailSubject=()=>
{
	subject=$('#m-subject').val();
	draftId=$('#draftId').val();
	if(subject!='')
	{
		var type = "POST";
		var ajaxurl ="{{url('UpdateMailSubject')}}";
		$.ajax({
			type: type,
			url: ajaxurl,
			data:{subject,draftId},
			success: function (result) 
			{
				console.log(result);
			}
		});
	}
}

SaveEmail=()=>
{
	to=$('#m-to').val();
	cc=$('#m-cc').val();
	subject=$('#m-subject').val();
	messagetype = $('.ql-editor').html();
	message=$('.ql-editor').text();

	if(to=="" || subject=="" || message=="")
	{
		swal({
			title: 'Error',
			text: "Please fill all the fields!",
			padding: '2em'
		})
		return false;
	}

	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
		}
	});


	const draftId=$('#draftId').val();
	var type = "POST";
	var ajaxurl = "{{url('SaveEmail')}}";
	$.ajax({
		type: type,
		url: ajaxurl,
		data:{ to,cc,subject,messagetype,message,draftId},
		success: function (result) 
		{
			swal({
				title: 'Email!',
				text: "Saved Successfully!",
				type: 'success',
				padding: '2em'
			});
			$('#composeMailModal .close').click();

			$('#draftId').val('');
		},

	});
}

DiscardMail=()=>
{
	draftId=$('#draftId').val();

	var type = "POST";
	var ajaxurl = "{{url('DiscardMail')}}";
	$.ajax({
		type: type,
		url: ajaxurl,
		data:{draftId},
		success: function (result) 
		{
            // alert(result);
            swal({
            	title: 'Email!',
            	text: result,
            	type: 'success',
            	padding: '2em'
            });
            draftId=$('#draftId').val('');

        }
    });
}

UpdateSendMail=()=>
{
	draftId=$('#draftId').val();
	var type = "POST";
	var ajaxurl = "{{url('UpdateSendMail')}}";

	to=$('#m-to').val();
	cc=$('#m-cc').val();
	subject=$('#m-subject').val();
	messagetype = $('.ql-editor').html();
	message=$('.ql-editor').text();


	if(to=="")
	{
		swal({
			title: 'Error',
			text: "Please fill To mail address!",
			padding: '2em'
		})
		return false;
	}

	if(subject=="")
	{
		swal({
			title: 'Error',
			text: "Please fill mail Subject!",
			padding: '2em'
		})
		return false;
	}

	if(message=="")
	{
		swal({
			title: 'Error',
			text: "Please fill mail Content!",
			padding: '2em'
		})
		return false;
	}

    // return false;
    $.ajax({
    	type: type,
    	url: ajaxurl,
    	data:{draftId},
    	success: function (result) 
    	{
    		swal({
    			title: 'success',
    			text: result,
    			padding: '2em'
    		});
            // alert(result);
            $('#draftId').val('');
            $('#AttachmentsList').html('');
            $('#composeMailModal .close').click();
            templateId=$('#template :selected').val();
            $('#template').val('').change();
            // alert(templateId);
            SendNewMail(draftId,templateId);
        }
    });
}

SendNewMail=(draftId,templateId='')=>
{
    // console.log(draftId);
    source="compose";
    $.ajax({
    	type: "post",
    	url: "{{url('SendNewMail')}}",
    	data:{draftId,templateId,source},
    	success: function (result) 
    	{
    		swal({
    			title: 'success',
    			text: result,
    			padding: '2em'
    		});
            // alert(result);
            $('#draftId').val('');

            // console.log(result);
        }
    });

}

ShowTimeInput=()=>
{
	to=$('#m-to').val();
	cc=$('#m-cc').val();
	subject=$('#m-subject').val();
	messagetype = $('.ql-editor').html();
	message=$('.ql-editor').text();

	if(to=="")
	{
		swal({
			title: 'Error',
			text: "Please fill To mail address!",
			padding: '2em'
		})
		return false;
	}

	if(subject=="")
	{
		swal({
			title: 'Error',
			text: "Please fill mail Subject!",
			padding: '2em'
		})
		return false;
	}

	if(message=="")
	{
		swal({
			title: 'Error',
			text: "Please fill mail Content!",
			padding: '2em'
		})
		return false;
	}
	$('#timePickerDiv').css("display","block");
    // alert("ShowTimeInput");
}

SendLater=()=>{
	draftId=$('#draftId').val();
	sendDate=$('#MailTime').val();
	$.ajax({
		type: "post",
		url: "{{url('SendMailLater')}}",
		data:{draftId,sendDate},
		success: function (result) 
		{
			swal({
				title: 'success',
				text: result,
				padding: '2em'
			});
			$('#draftId').val('');
		}
	});
	$('#composeMailModal .close').click();
	$('#timePickerDiv').val("");
	$('#timePickerDiv').css("display","none");

}

UpdateDraftId=(draftId)=>
{
	$('#draftId').val(draftId);
}

uploadAttachments=(attachmentsFile)=>{

	EmailForm=new FormData;
	draftId=$('#draftId').val();
	for(i=0;i<attachmentsFile.files.length;i++)
	{
		EmailForm.append("Attachments"+i,attachmentsFile.files[i]);
	}
	EmailForm.append("DraftId",draftId);

	$.ajax({
		url:"{{url('UploadAttachments')}}" ,
		type: 'POST',
		data: EmailForm,
		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
            	`;
            });

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

            // console.log(attachmenstDiv);

        }
    });

}

RemoveAttachment=(id)=>
{
	draftId=$('#draftId').val();
	swal({
		title: 'Are you sure to Remove Attachment?',
		text: "You won't be able to revert this!",
		type: 'warning',
		showCancelButton: true,
		confirmButtonText: 'Remove',
		padding: '2em'
	}).then(function(result){

		if (result.value) 
		{

			$.ajax({
				url: "{{url('RemoveAttachments')}}" ,
				type: 'POST',
				data: {id,draftId},
				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>`;
					});
					$('#AttachmentsList').html(attachmenstDiv);

				}
			});

		}


	});

}

removeSelectPicker=()=>{
    // console.log("ready");
    // $('.flatpickr-monthDropdown-months').select2('destroy');   
}

GetDependentFieldsDetailView=(FieldName,DependentFieldId)=>
{
	ModuleId=$('#ModuleId').val();
	RowId=$('#RowId').val();

	$.ajax({
		type:"post",
		url:"{{url('GetDependentFieldsDetailView')}}",
		data:{ModuleId,RowId,DependentFieldId},
		beforeSend:function(){},
		success:function(response)
		{
			$('#'+FieldName).html(response);
			console.log(response);
		}
	});


}
</script>
<!-- compose mail modal -->
<!-- Modal -->
<input type="hidden" id="draftId" value=''>
<div class="modal fade" id="ComposeMailModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-body">
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close" data-dismiss="modal"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
				<div class="compose-box">
					<div class="compose-content">
						<form id="Emailform">
							<div class="row">
								<div class="col-md-12">
									<div class="d-flex mb-4 mail-form">
										<p>From:</p>
										<select class="form-control" id="m-form">
										</option>
                            <!--   <option value="info@mail.com">Info &lt;info@mail.com&gt;</option>
                            	<option value="shaun@mail.com">Shaun Park &lt;shaun@mail.com&gt;</option> -->
                            </select>
                        </div>
                    </div>
                </div>

                <div class="row">
                	<div class="col-md-6">
                		<div class="d-flex mb-4 mail-to">
                			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
                			<div class="">
                				<input type="email" id="m-to" placeholder="To" class="form-control" onblur="UpdateToMailId()">
                				<span class="validation-text"></span>
                			</div>
                		</div>
                	</div>

                	<div class="col-md-6">
                		<div class="d-flex mb-4 mail-cc">
                			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3" y2="6"></line><line x1="3" y1="12" x2="3" y2="12"></line><line x1="3" y1="18" x2="3" y2="18"></line></svg>
                			<div>
                				<input type="text" id="m-cc" placeholder="Cc" class="form-control"  onblur="UpdateToCCId()">
                				<span class="validation-text"></span>
                			</div>
                		</div>
                	</div>
                </div>

                <div class="d-flex mb-4 mail-subject">
                	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
                	<div class="w-100">
                		<input type="text" id="m-subject" placeholder="Subject" class="form-control" onblur="UpdateMailSubject()">
                		<span class="validation-text"></span>
                	</div>
                </div>



                <div class="d-flex">
                	<input type="file" class="form-control-file" id="mail_File_attachment" multiple="multiple" onchange="uploadAttachments(this);">
                </div>

                <div class="d-flex" id='AttachmentsList'>

                </div>
                <br>

                <div id="editor-container">

                </div>

            </form>
        </div>
    </div>
</div>
<div class="modal-footer">

	<div class="col-md-12" id='timePickerDiv' style="display:none">
		<input type="date" name="MailTime" id="MailTime" class="form-control" placeholder="Mail Time"  value="" onchange="SendLater()">
	</div>
	<!-- <button id="btn-save" class="btn float-left" onclick="SaveEmail(event)"> Save</button> -->
	<button id="btn-save1" class="btn float-left btn-success" onclick="SaveEmail()"> Save</button>
	<button class="btn" data-dismiss="modal" onclick="DiscardMail();"> <i class="flaticon-delete-1"></i> Discard</button>
	<button id="btn-send1" class="btn btn-primary" onclick="UpdateSendMail()"> Send</button>
	<button id="btn-send1" class="btn btn-primary" onclick="ShowTimeInput()"> Send Later</button>
</div>
</div>
</div>
</div>

</div>


</div>
<!-- compose mail modal -->