@extends('layouts.header')
@section('content')

@php
// echo "<pre>";
	// print_r($allDropdowns);
// echo "</pre>";
// die();
@endphp

<div class="row layout-top-spacing">


	<div id="tableSimple" class="col-lg-12 col-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>Email Ticket Dropdown Configuration</h4>
					</div>
				</div>
			</div>
			<div class="widget-content widget-content-area">


				<div class="table-responsive">
					<table class="table">
						<thead>
							<tr>
								<th scope="col">Column</th>
								<th scope="col">Dropdown Name</th>
								<th  scope="col">Value</th>
							</tr>
						</thead>

						<tbody>
							<tr>

								@php
								$sourceDN="";
								if(array_key_exists("Source",$DropDownConfigs))
								{
									$sourceDN=$DropDownConfigs["Source"]['DropDownNameId'];
									$sourceVal=$DropDownConfigs["Source"]['DropDownListId'];
								}
								@endphp

								<td>Source</td>

								<td>
									

									<select class="form-control" onchange="updateDropDownList(this.value,'Source')">
										<option value="">--Select Dropdown--</option>
										@foreach($allDropdowns as $key => $allDropdown)

										@php
										$selected="";
										if($sourceDN==$key)
										{
											$selected="selected";
										}
										@endphp

										<option  value="{{$key}}" {{$selected}}> {{$allDropdown['name']}} </option>
										@endforeach
									</select>
								</td>

								<td>
									<select class="form-control " id="Source" onchange="updateValue(this.value,'Source')">
										<option value="">--Select Source Value--</option>

										@if($sourceDN)
										@foreach($allDropdowns[$sourceDN]["values"] as $dd)

										@php
										$selected="";
										if($dd->DropDownListId==$sourceVal)
										{
											$selected="selected";
										}
										@endphp

										<option value="{{$dd->DropDownListId}}" {{$selected}}> {{$dd->DropDownListName}} </option>

										@endforeach
										@endif
									</select>
								</td>

							</tr>
							<tr>

								@php
								$statusDN="";
								if(array_key_exists("Status",$DropDownConfigs))
								{
									$statusDN=$DropDownConfigs["Status"]['DropDownNameId'];
									$statusVal=$DropDownConfigs["Status"]['DropDownListId'];
								}
								@endphp

								<td>Status</td>

								<td>
									<select class="form-control " onchange="updateDropDownList(this.value,'Status')">
										<option value="">--Select Dropdown--</option>
										@foreach($allDropdowns as $key => $allDropdown)

										@php
										$selected="";
										if($statusDN==$key)
										{
											$selected="selected";
										}
										@endphp

										<option  value="{{$key}}" {{$selected}}> {{$allDropdown['name']}} </option>
										@endforeach
									</select>
								</td>

								<td>
									<select class="form-control" id="Status" onchange="updateValue(this.value,'Status')">
										<option value="">--Select Status Value--</option>

										@if($statusDN)
										@foreach($allDropdowns[$statusDN]["values"] as $dd)

										@php
										$selected="";
										if($dd->DropDownListId==$statusVal)
										{
											$selected="selected";
										}
										@endphp

										<option value="{{$dd->DropDownListId}}" {{$selected}}> {{$dd->DropDownListName}} </option>

										@endforeach
										@endif
									</select>
								</td>

							</tr>
							<tr>
								@php
								$statusDN="";
								if(array_key_exists("StatusNew",$DropDownConfigs))
								{
									$statusDN=$DropDownConfigs["StatusNew"]['DropDownNameId'];
									$statusVal=$DropDownConfigs["StatusNew"]['DropDownListId'];
								}
								@endphp

								<td>StatusNew</td>

								<td>
									<select class="form-control " onchange="updateDropDownList(this.value,'Status')">
										<option value="">--Select Dropdown--</option>
										@foreach($allDropdowns as $key => $allDropdown)
										@php
										$selected="";
										if($statusDN==$key)
										{
											$selected="selected";
										}
										@endphp

										<option  value="{{$key}}" {{$selected}}> {{$allDropdown['name']}} </option>
										@endforeach
									</select>
								</td>

								<td>
									<select class="form-control" id="Status" onchange="updateValue(this.value,'StatusNew')">
										<option value="">--Select Status Value--</option>

										@if($statusDN)
										@foreach($allDropdowns[$statusDN]["values"] as $dd)

										@php
										$selected="";
										if($dd->DropDownListId==$statusVal)
										{
											$selected="selected";
										}
										@endphp

										<option value="{{$dd->DropDownListId}}" {{$selected}}> {{$dd->DropDownListName}} </option>

										@endforeach
										@endif
									</select>
								</td>

							</tr>
						</tbody>

						
					</table>
				</div>




			</div>
		</div>
	</div>
</div>
@endsection

<script type="text/javascript">

	updateDropDownList=(DropDownNameId,UpdateColumn)=>
	{
		if(!DropDownNameId)
		{
			return;
		}

		$.ajax({
			type:"post",
			url:"{{url('GetDropdownValues')}}",
			data:{DropDownNameId},
			beforeSend:()=>{
				$(`#${UpdateColumn}`).empty();
			},
			success:response=>{
				res=JSON.parse(response);
				dropDownList=`<option value=""> --Select ${UpdateColumn} Value-- </option>`;
				res.map((dropdown)=>{
					dropDownList+=`<option value="${dropdown.DropDownListId}"> ${dropdown.DropDownListName} </option>`
				});
				$(`#${UpdateColumn}`).append(dropDownList);
			}
		});
	}

	updateValue=(DropDownValue,Column) => 
	{
		console.log(`${DropDownValue},${Column}`);

		$.ajax({
			type:"post",
			url:"{{url('DropdownConfiguration-Update')}}",
			data:{DropDownValue,Column},
			beforeSend:()=>{},
			success:response=>{
				// console.log(response);
				res=JSON.parse(response);
				Snackbar.show({
					text: res.msg,
					pos: 'top-right'
				});
			}
		});
	}
</script>