@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>To Address Type <font color="red">*</font> </label>
		<select class="form-control customDropdown" name="ToAddressType" id="ToAddressType" required onchange="GetToAddressColumn(this.value)">
			<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"></span>
	</div>

	<div class="col-md-4">
		<label>Select Date <font color="red">*</font> </label>
		<select class="form-control customDropdown" name="DateField" id="DateField" required>
			<option value="">--Select--</option>
			@foreach($DateFields as $TextField)
			<option value="{{$TextField['DemographyConfigId']}}">{{$TextField['LabelValue']}}</option>
			@endforeach
			@foreach($DateTimeFields as $TextField)
			<option value="{{$TextField['DemographyConfigId']}}">{{$TextField['LabelValue']}}</option>
			@endforeach
		</select> 
		<div class="invalid-feedback">
			Please fill Select Date
		</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 id="EmailDateDiv">

	<div class="form-group row" >

		<div class="col-md-4">
			<label>From</label>
			<select name="DateFrequencyFrom[]" class="form-control">
				<option value="0">Same Day</option>
				<option value="3">Before  3 days</option>
				<option value="7">Before  7 days</option>
				<option value="7">Before  15 days</option>
				<option value="30">Before 30 Days</option>
				<option value="60">Before 60 Days</option>
				<option value="90">Before 90 Days</option>
			</select>
		</div>

		<div class="col-md-4">
			<label>To</label>
			<select name="DateFrequencyTo[]"  class="form-control">
				<option value="">--Select--</option>
				<option value="3">Next  3 days</option>
				<option value="7">Next  7 days</option>
				<option value="7">Next  15 days</option>
				<option value="30">Next 30 Days</option>
				<option value="60">Next 60 Days</option>
				<option value="90">Next 90 Days</option>
			</select>
		</div>

		<div class="col-md-4" >

			<button type="button" class="btn btn-success btn-small" onclick="addDate('EmailDateDiv')" style="margin-top: 30px">Add</button>
			<!-- <button type="button" class="btn btn-danger btn-small" onclick="removeDateCondition('${DivName}','${uniqId}')" style="margin-top: 30px">Remove</button> -->

		</div>
	</div>

</div>