@php
//print_r($ActionHeader);
//print_r($RoleAccesses);
//print_r($DropdownListArray);
@endphp
<table class="table table-bordered table-hover table-striped">
	<thead>
		<tr>
			@php
			$headerloop=0
			@endphp
			@foreach($ActionHeader as $header)
			<th nowrap="nowrap"> {{$header}} </th>
			@endforeach
		</tr>
	</thead>
	@php
	$loopcount=0;
	$Totloopcount=0;
	@endphp
	@foreach($RoleAccesses as $RoleAccess)
	<tr>
		<th>{{$RoleAccess['ModuleName']}}</th>
		@foreach($ActionHeader as $header)
		@foreach($RoleAccess['Actions'] as $actions)
		@php
		$dropdownkey = $actions['RealtedDropdownNameID'];
		$header_role=$actions['ActionName'];
		$header_display="";
		if(in_array("$header_role", $ActionHeader))
		$header_display="$header_role";//$output[$header_role];
		@endphp
		@if($header==$header_role)
		<td title="{{$RoleAccess['ModuleName']}} - {{ $header_display }}">
			<input type="hidden" name="Action{{$Totloopcount}}" id="Action{{$Totloopcount}}" value="{{$actions['ActionId']}}" />
			<select class="form-control  basic" id="values{{$Totloopcount}}" onchange="UpdateAccess({{$Totloopcount}})">
				@foreach($DropdownListArray[$dropdownkey] as $dropdownskey=>$dropdownvalue)
				<option value="{{$dropdownskey}}"
				@if($dropdownskey == $actions['RoleAccess'])
				selected="selected"
				@endif
				>{{$dropdownvalue}}</option>
				@endforeach
			</select>
		</td>
		@endif
		@php
		$Totloopcount++;
		@endphp
		@endforeach
		@endforeach
	</tr>
	@php
	$loopcount++
	@endphp
	@endforeach
</table>
<br>
<center><h3>Email Access Configuration</h3></center>
	
	@php
		try
		{
			$ComposeAccess = $EmailAccess->ComposeAccess;
			$FwdAccess = $EmailAccess->FwdAccess;
			$ViewAccess = $EmailAccess->ViewAccess;
			$ReplyAccess = $EmailAccess->ReplyAccess;
		}
		catch(\Exception $e)
		{
			$ComposeAccess = "";
			$FwdAccess = "";
			$ViewAccess = "";
			$ReplyAccess = "";
		}

		if($ViewAccess==1)
		$V1="selected";
		else
		$V1="";

		if($ViewAccess==2)
		$V2="selected";
		else
		$V2="";

		if($ViewAccess==3)
		$V3="selected";
		else
		$V3="";

		if($ViewAccess==4)
		$V4="selected";
		else
		$V4="";




		if($ComposeAccess==1)
		$C1="selected";
		else
		$C1="";
		if($ComposeAccess==2)
		$C2="selected";
		else
		$C2="";



		if($ReplyAccess==1)
		$R1="selected";
		else
		$R1="";
		if($ReplyAccess==2)
		$R2="selected";
		else
		$R2="";

		if($FwdAccess==1)
		$F1="selected";
		else
		$F1="";
		if($FwdAccess==2)
		$F2="selected";
		else
		$F2="";


		

	@endphp
<table class="table table bordered">
	<thead>
		<tr>
			<th>Compose</th> <th>View</th> <th>Forward</th> <th>Reply</th>
		</tr>
	</thead>

	<tr>
		<td>
			<select class="form-control" name="Compose" id="Compose" onchange="UpdateEmailAccess('Compose')">
				<option value="">--Select--</option>
				<option value="1" {{$C1}}>Yes</option>
				<option value="2" {{$C2}}>No</option>
			</select>
		</td>

		<td>
			<select class="form-control" name="View" id="View" onchange="UpdateEmailAccess('View')">
				<option value="">--Select--</option>
				<option value="1" {{$V1}}>All</option>
				<option value="2" {{$V2}}>Assigned To</option>
				<option value="3" {{$V3}}>Team</option>
				<option value="4" {{$V4}}>None</option>
			</select>
		</td>
		<td>
			<select class="form-control" name="Reply" id="Reply" onchange="UpdateEmailAccess('Reply')">
				<option value="">--Select--</option>
				<option value="1" {{$R1}}>Yes</option>
				<option value="2" {{$R2}}>No</option>
			</select>
		</td>
		<td>
			<select class="form-control" name="Forward" id="Forward" onchange="UpdateEmailAccess('Forward')">
				<option value="">--Select--</option>
				<option value="1" {{$F1}}>Yes</option>
				<option value="2" {{$F2}}>No</option>
			</select>
		</td>
	</tr>

</table>
<br>
<br>
<br>

<script type="text/javascript">
	function UpdateAccess(TotLoopCount){
		var ActionName = "Action"+TotLoopCount;
		var ActionNameValue = document.getElementById(ActionName).value;
		var DropdownValuesName = "values"+TotLoopCount;
		var DropdownValues = document.getElementById(DropdownValuesName).value;
		var RoleId = document.getElementById('role_id').value;
		$.ajax({
			url: "RoleAccessUpdate",
			type: 'POST',
			data:{
				ActionNameValue: ActionNameValue,
				RoleId: RoleId,
				DropdownValues: DropdownValues,
			},
			headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			dataType: 'json',
			success: function() {
				//alert("Updated");
			},
			complete:function(response){
				var txt = response.responseJSON;
				if(txt.Status =="Success"){
					Snackbar.show({
						text: 'Access Level  Updated Successfully',
						pos: 'top-right',
					});
				}else{
					Snackbar.show({
						text: 'Update Failed',
						pos: 'top-right',
						actionTextColor: '#fff',
						backgroundColor: '#e7515a'
					});
				}
			}
		});
	}

	UpdateEmailAccess=(AccessType)=>{
		value=$(`#${AccessType} :selected`).val();
		RoleId=$(`#role_id :selected`).val();
		$.ajax({
			type:"post",
			url:"{{url('UpdateEmailAccess')}}",
			data:{AccessType,value,RoleId},
			beforeSend:()=>{},
			success:response=>{
				console.log('response',response);

				txt=JSON.parse(response);

				if(txt.status =="success"){
					Snackbar.show({
						text: txt.msg,
						pos: 'top-right',
					});
				}else{
					Snackbar.show({
						text: txt.msg,
						pos: 'top-right',
						actionTextColor: '#fff',
						backgroundColor: '#e7515a'
					});
				}

			}
		});
	}
</script>