@php
$serverOrigin = $_SERVER['HTTP_ORIGIN'];
@endphp
<style type="text/css">
	.w150 {
		width: 150px;
	}
</style>
@if(!$emailTemps->isEmpty())
	<div class="d-flex align-items-start list-item card-spacer-x py-3">
		<div class="d-flex align-items-center">
			<div class="d-flex align-items-center mr-3">
				<label class="checkbox checkbox-inline checkbox-primary flex-shrink-0 mr-3">
					<input type="checkbox" disabled="true">
					<span></span>
				</label>
			</div>
			<div class="d-flex align-items-center flex-wrap mr-3" style="width:350px" data-toggle="view">
				Email Name
			</div>
		</div>
		<div class="flex-grow-1 mt-2 mr-2" style="width:250px" data-toggle="view">
			<div>
				<span class="font-weight-bolder font-size-lg mr-2">Status</span>
			</div>
		</div>
		<div class="flex-grow-1 mt-2 mr-2" style="width:250px" data-toggle="view">
			<div>
				<span class="font-weight-bolder font-size-lg mr-2">Created By</span>
			</div>
		</div>
		<div class="mt-2 mr-3 font-weight-bolder w-100px text-right" data-toggle="view">
			Date Created
		</div>
	</div>
	@php
		$i = 0;
	@endphp
	@foreach($emailTemps as $data)
		<div class="d-flex align-items-start list-item card-spacer-x py-3 emailRes_{{$data->id}}" data-inbox="emailRes">
			<input type="hidden" class="datID" value="{{$data->id}}">
			<div class="d-flex align-items-center">
				<div class="d-flex align-items-center mr-3" data-inbox="actions">
					<label class="checkbox checkbox-inline checkbox-primary flex-shrink-0 mr-3">
						<input type="checkbox" class="cbxThisRes" data="{{$data->id}}">
						<span></span>
					</label>
					<input type="hidden" class="cbxAllRes" value="{{$data->id}}">
				</div>
				<div class="d-flex align-items-center flex-wrap mr-3" style="width:350px" data-toggle="view">
					<div class="symbol symbol-light-primary symbol-35 mr-3">
						<span class="symbol-label font-weight-bolder">
							{{returnAcronym($data->email_name)}}
						</span>
					</div>
					<a href="#" class="font-weight-bold text-dark-75 text-hover-primary">
						{{$data->email_name}}
					</a>
				</div>
			</div>
			<div class="flex-grow-1 mt-2 mr-2" style="width:250px;margin-bottom: -15px;" data-toggle="view">
				<div>
						
					@if($data->status == 1)
						<div class="alert alert-custom alert-notice alert-light-success fade show w150" role="alert">
						    <div class="alert-text">Active</div>
						</div>
					@else
						<div class="alert alert-custom alert-notice alert-light-danger fade show w150" role="alert">
						    <div class="alert-text">Inactive</div>
						</div>
					@endif
				</div>
			</div>
				<div class="flex-grow-1 mt-2 mr-2" style="width:250px" data-toggle="view">
				<div>
					<span class="font-weight-bolder font-size-lg mr-2">{{$users[$i]}}</span>
				</div>
			</div>
			<div class="mt-2 mr-3 font-weight-bolder text-right" style="width:250px" data-toggle="view">
				{{$data->created_at->diffForHumans()}}
			</div>
		</div>
		@php
			$i++;
		@endphp
	@endforeach
	<div class="loadDataRes" style="display:none"></div>
	<script type="text/javascript">

		jQuery(document).ready(function() {
			
			jQuery('.cbxThisRes').click(function(e) {
				var dt = jQuery(this).attr('data');
				var localCbxArray = localStorage.getItem("responseCbx");
				var localExp = localCbxArray.split(",");
				var cbxArray = [];
				if (localCbxArray != '') {
					for (var i = 0; i < localExp.length; i++) {
						cbxArray.push(localExp[i]);
					}
				}
				if (cbxArray.includes(dt)) {
					for( var i = 0; i < cbxArray.length; i++){ 
				        if ( cbxArray[i] === dt) { 
				            cbxArray.splice(i, 1); 
				        }
				    }
				}
				else {
					cbxArray.push(dt);
				}

				if (cbxArray.length == 0) {
					jQuery('.exportDiv').hide();
				}
				else {
					jQuery('.exportDiv').show();
				}

				localStorage.setItem("responseCbx", cbxArray);

				jQuery(".loadDataRes").load('/pdfResponse/'+dt+'-0', function(data){
                    jQuery.post('/public/savePDFResponse', {id:dt, data:data}, function(dar) {});
                });
			});
			
			jQuery('.setImportant').click(function(e) {
				e.preventDefault();
				var data = jQuery(this).attr('data');
				var id = jQuery(this).attr('dir');

				var loading = new KTDialog({
					'type': 'loader',
					'placement': 'top center',
					'message': 'Loading ...'
				});
				loading.show();

				jQuery.post('/public/setImportant', {id:id, data:data, type:2}, function(data) {
					jQuery.post('/public/subResponse', {ord:'created_at', sortDir:'desc', start:0, length:20, search:''}, function(data) {
						jQuery('#candResponse').html(data);
						loading.hide();
					});
				});

			});

		});
	</script>
@else
	<center>
		<h3>No Data to Show.</h3>
	</center>
@endif