@php

echo "<pre>";

	//print_r($columns);

echo "</pre>";

@endphp	

<br>

<style>
	.configeErrors
	{
		display: none;
	}
</style>
<div class="table-responsive">
	<table class="table table-bordered">
		<thead>
			<tr>

				<th class="" scope="col">Column Name</th>
				<th scope="col">Previous Value</th>
				<th scope="col">New Value <font color="red">*</font></th>
				<th scope="col">Email Template <font color="red">*</font></th>
				<th scope="col">Send Mail From <font color="red">*</font></th>
				<th scope="col">Status <font color="red">*</font></th>
				<th scope="col">Save/Update</th>

			</tr>
		</thead>
		<tbody>

			@foreach($columns as $column)
			<tr>
				<td> {{$column['LabelValue']}} </td>
				<td> 
					<select class="form-control customdropdown" id="PreviousValue{{$column['DemographyConfigId']}}" name="PreviousValue{{$column['DemographyConfigId']}}}">
						<option value=""> --Select--</option>
						@foreach($ColumnDropDownValues[$column['DemographyConfigId']] as $key=>$value)
						<option value={{$key}}> {{$value}} </option>
						@endforeach
					</select>
				</td>

				<td> 
					<select class="form-control customdropdown" id="NewValue{{$column['DemographyConfigId']}}" name="NewValue{{$column['DemographyConfigId']}}}">
						<option value=""> --Select--</option>
						@foreach($ColumnDropDownValues[$column['DemographyConfigId']] as $key=>$value)
						<option value={{$key}}> {{$value}} </option>
						@endforeach
					</select>

					<div class="configeErrors  configeErrors{{$column['DemographyConfigId']}}" id="NewValueError{{$column['DemographyConfigId']}}">
						<font color="red">Please Fill This Field</font>
					</div>

				</td>

				<td>
					<select class="form-control customdropdown" id="Template{{$column['DemographyConfigId']}}" name="Template{{$column['DemographyConfigId']}}}">
						<option value=""> --Select--</option>
						@foreach($EmailTemplatesList as $EmailTemplate)
						<option value="{{$EmailTemplate->EmailTemplatesId}}"> {{$EmailTemplate->Name}} </option>
						@endforeach
					</select>

					<div class="configeErrors  configeErrors{{$column['DemographyConfigId']}}" id="TemplateError{{$column['DemographyConfigId']}}">
						<font color="red">Please Fill This Field</font>
					</div>
				</td>

				<td>
					<select class="form-control customdropdown" id="MailFrom{{$column['DemographyConfigId']}}" name="MailFrom{{$column['DemographyConfigId']}}}">
						<option value=""> --Select--</option>
						@foreach($OutboudMailIds as $OutboudMailId)
						<option value="{{$OutboudMailId['FromAddress']}}"> {{$OutboudMailId['FromName']}} </option>
						@endforeach
					</select>

					<div class="configeErrors  configeErrors{{$column['DemographyConfigId']}}" id="MailFromError{{$column['DemographyConfigId']}}">
						<font color="red">Please Fill This Field</font>
					</div>
				</td>

				<td>
					<select class="form-control customdropdown" id="Status{{$column['DemographyConfigId']}}" name="Status{{$column['DemographyConfigId']}}}">
						<option value=""> --Select--</option>
						<option value="1">Active</option>
						<option value="0">In-Active</option>
					</select>

					<div class="configeErrors  configeErrors{{$column['DemographyConfigId']}}" id="StatusError{{$column['DemographyConfigId']}}">
						<font color="red">Please Fill This Field</font>
					</div>
				</td>

				<td>
					@php
					$DemographyConfigId=$column['DemographyConfigId'];
					@endphp
					<button class="btn btn-primary" onclick="SaveConfig('{{$DemographyConfigId}}')">Update</button>
				</td>

			</tr>
			@endforeach


		</tbody>
	</table>
</div>

<script>
	SaveConfig=(DemographyConfigId)=>
	{
		ModuleId=$(`#ModuleId :selected`).val();
		PreviousValue=$(`#PreviousValue${DemographyConfigId} :selected`).val();
		NewValue=$(`#NewValue${DemographyConfigId} :selected`).val();
		Template=$(`#Template${DemographyConfigId} :selected`).val();
		MailFrom=$(`#MailFrom${DemographyConfigId} :selected`).val();
		Status=$(`#Status${DemographyConfigId} :selected`).val();


		validForm=1;

		mandatoryFields=[{NewValue},{Template},{MailFrom},{Status}]
		mandatoryFields.map((field)=>{
			fieldName=Object.keys(field);
			fieldName=fieldName[0];
			if(field[fieldName]=="")
			{
				$(`#${fieldName}Error${DemographyConfigId}`).css("display","block");
				validForm=0;
			}
			else
			{
				$(`#${fieldName}Error${DemographyConfigId}`).css("display","none");
			}
			// console.log(fieldName)
		});
		

		if(validForm==1)
		{
			$.ajax({
				type:"post",
				url:"{{url('EmailTickets-AutoMail-ConfigUpdate')}}",
				data:{ModuleId,DemographyConfigId,PreviousValue,NewValue,Template,MailFrom,Status},
				beforeSend:()=>{},
				success:response=>{
					console.log(response);
					res=JSON.parse(response);
					if(res.status=="success")
					{
						Snackbar.show({
							text: res.msg,
							pos: 'top-right',
							
						});
					}
					else
					{
						Snackbar.show({
							text: res.msg,
							pos: 'top-right',
							actionTextColor: '#fff',
							backgroundColor: '#e7515a'
						});
					}

					
				}
			});
		}
		


	}
</script>