@props(['propsarray'])

@php


$TextFields=$propsarray['TextFields'];
$EmailFields=$propsarray['EmailFields'];
$ModuleTemplates=$propsarray['ModuleTemplates'];
$OtherTemplates=$propsarray['OtherTemplates'];

$DateFields=$propsarray['DateFields'];
$DateTimeFields=$propsarray['DateTimeFields'];
echo "<pre>";
	//print_r($propsarray);
	//print_r($ModuleTemplates);
echo "</pre>";

@endphp

<div class="form-group row">

	<div class="col-md-4">
		<label>Email Template<font color="red">*</font> </label>
		<select class="form-control customDropdown" name="TemplateId" id="ToAddressType" required>
			<option value="">--select--</option>
			@foreach($ModuleTemplates as $ModuleTemplate)
			<option value="{{$ModuleTemplate->EmailTemplatesId}}">{{$ModuleTemplate->Name}}</option>
			@endforeach
			@foreach($OtherTemplates as $ModuleTemplate)
			<option value="{{$ModuleTemplate->EmailTemplatesId}}">{{$ModuleTemplate->Name}}</option>
			@endforeach
		</select>
		<div class="invalid-feedback">
			Please fill Email Template
		</div>
	</div>

	<div class="col-md-4">
		<label>From Address Type  <font color="red">*</font></label>
		<select class="form-control customDropdown" name="FromAddressType" id="FromAddressType" required onchange="GetFromAddressColumn(this.value)"> 
			<option value="">--select--</option>
			<option value="1">Module Column</option>
			<option value="2">Manual</option>
			<option value="3">Email Configuration</option>
		</select>
		<div class="invalid-feedback">
			Please fill From Address Type
		</div>
	</div>

	<div class="col-md-4">
		<label>From Address <font color="red">*</font> </label>
		<span id="FromAddressDiv"></span>
	</div>

	

	
</div>



<div class="form-group row" >


	<div class="col-md-4">
		<label>Time <font color="red">*</font>    
			<span class="text-primary"  title="Add" onclick="addTime('EmailTimeDiv')"> 
				<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-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
			</span>

		</label>
		<select name="EscalationTime[]" class="form-control" required>
			<option value="">--Select--</option>
			@for($x=5;$x<=120;$x=$x+5)
			<option value="{{$x}}">Greater {{$x}} Minutes</option>
			@endfor
		</select>
		<div class="invalid-feedback">
			Please fill To Time
		</div>
	</div>
	<div class="col-md-4">
		<label>To Address Type <font color="red">*</font> </label>

		@php
		$uniqId=uniqid();
		@endphp

		<select class="form-control customDropdown" name="ToAddressType[]" id="ToAddressType" required onchange="GetToAddressColumn(this.value,'{{$uniqId}}')">
			<option value="">--select--</option>
			<option value="1">Module Column</option>
			<option value="2">Manual</option>
		</select>
		<div class="invalid-feedback">
			Please fill To Address Type
		</div>
	</div>

	<div class="col-md-4">
		<label>To Address <font color="red">*</font> </label>
		<span id="ToAddressDiv{{$uniqId}}"></span>
	</div>

</div>

<div  id="EmailTimeDiv"></div>

<!-- <div class="form-group row" >
	<div class="col-md-4" >
		<button class="btn btn-outline-primary btn-icon mb-2 me-4 btn-rounded" onclick="addTime('EmailTimeDiv')" title="Add">
			<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>
		</button>
	</div>
</div> -->