@extends('layouts.header')
@section('content')
@php
$Status="";

//echo "<pre>";
	//print_r($ModulesArray);
	//	print_r($ListTemplates);
//echo "</pre>";

@endphp
<!--  BEGIN CONTENT AREA  -->
<br>
<div class="page-header">
	<div class="breadcrumb-four">
		<ul class="breadcrumb">
			@php
			$Dashboard=url('dashboard');
			$Createurl=url('Create-EmailTemplates');
			$Listurl=url('EmailTemplates');
			@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 class="active"">
				<a href="javascript:void(0);" title="List Email  Template">
					<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 Email  Template</a>
				</li>
				<li>
					<a href="{{$Createurl}}" title="Create Email Template ">
						<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 Email Template </a>
					</li>

				</ul>
			</div>
		</div>
		<br>
		<div class="row">
			<div class="col-lg-12 col-md-12 layout-spacing">
				<div class="statbox widget box box-shadow">
					<div class="widget-header">
						<div class="row">
							<div class="col-xl-12 col-md-12 col-sm-12 col-12">
								<h4>List of Email-Templates</h4>
							</div>   

							<div class="col-md-3">
								<select class="form-control" onchange="GetModuleTemplates(this.value)">
									<option value="all">All</option>
									<option value="g">General Template</option>
									@foreach($ModulesArray as $mk=>$mn)
									<option value="{{$mk}}">{{$mn}}</option>

									@endforeach
								</select>
							</div>
						</div>
					</div>
					<br>
					<div class="widget-content widget-content-area">
						<div class="table-responsive">
							<div id="TemplatesDiv">
								<table class="table table-bordered mb-4">
									<thead>
										<tr>
											<th>Template Name</th>
											<th>Module</th>
											<th>Status</th>
											<th>Created Date</th>
											<th>Action</th>
										</tr>
									</thead>
									<tbody>
										@foreach ($ListTemplates as $Listtemplate)									
										<tr>
											<td>
												{{$Listtemplate->Name}}
											</td>

											<td>
												@php
												if(array_key_exists($Listtemplate->ModuleId,$ModulesArray))
												{
													echo $ModulesArray[$Listtemplate->ModuleId];
												}
												else
												{
													echo "General Template";
												}
												@endphp
											</td>

											<td>
												@if($Listtemplate->Status==1)
												@php
												$disabled="";
												$Status="Active";
												@endphp
												@elseif($Listtemplate->Status==0)
												@php
												$disabled="disabled";
												$Status="InActive";
												@endphp
												@endif
												{{$Status}}
											</td>
											<td>
												@php
												$CreatedDate=date("d-m-Y h:i A",strtotime($Listtemplate->CreatedDate));
												@endphp
												{{$CreatedDate}}
											</td>


											<td>
												<a href="{{url('Edit-EmailTemplates',$Listtemplate->EmailTemplatesId) }}" title="Edit Email Template"><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-2 p-1 br-6 mb-1"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path></svg></a>
												&nbsp;
												<font style="cursor:pointer" title="Delete Email Template" onclick="DeleteTemplate('{{$Listtemplate->EmailTemplatesId}}')"><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-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg></font>
											</td>
										</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="AssingModal" class="modal animated fadeInDown" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title"><div id="ModalHeading" name="ModalHeading"></div></h5>
							<button type="button" class="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">
							<p class="modal-text">
								<div class="loader dual-loader mx-auto" name="LoadingDiv" id="LoadingDiv" style="display:none"></div>
								<div id="ListRolesTeams" name="ListRolesTeams"></div>
							</p>
						</div>
						<div class="modal-footer">
							<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i>Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--  END CONTENT AREA  -->
		@endsection
		<script type="text/javascript">
			function DeleteTemplate(TemplateId)
			{
				var formData = {
					TemplateId: TemplateId,
				};
				swal.fire({
					title: 'Are you sure?',
					text: "You want to Delete the Template!",
					type: 'warning',
					showCancelButton: true,
					confirmButtonText: 'Delete',
					padding: '2em'
				}).then(function(result) {
					if (result.value) {
						$.ajax({
							type: "POST",
							url: "{{url('Delete-EmailTemplates')}}",
							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',
									});
								}
								else if(txt.Status=="Fail")
								{
									Snackbar.show({
										text: txt.Message,
										actionTextColor: '#fff',
										backgroundColor: '#e2a03f',
										pos: 'top-right',
									});
								}
							},
							error: function (data) {
								console.log(data);
							}
						}); 
						setTimeout(function(){ window.location='{{$Listurl}}'}, 1500);
					}else
					{
						Snackbar.show({
							text: 'Warning',
							actionTextColor: '#fff',
							backgroundColor: '#e2a03f',
							text: 'You have not deleted this template!',
							pos: 'top-right',
						});
					}
				})

			}

			GetModuleTemplates=(ModuleId)=>{
				// console.log(ModuleId);
				$.ajax({
					type:"post",
					url:"{{url('GetModuleTemplates')}}",
					data:{ModuleId},
					beforeSend:()=>{

						$('#TemplatesDiv').html("<div class='loader dual-loader mx-auto'></div>")
					},
					success:response=>{
						// console.log(response);
						$('#TemplatesDiv').html(response)
					}
				});
			}

			
		</script>