@php
$EmailFields=json_decode($EmailFields,true);
$SmsFields=json_decode($SmsFields,true);
echo "<pre>";
	//print_r($workFlowsArray);
	//print_r($EmailFields);
	//print_r($SmsFields);
echo "</pre>";
@endphp


@if(count($workFlowsArray)!=0)
<div class="col-md-12 row">
	WorkFlow Notification List
</div>
<br>
<div id="toggleAccordion">

	@foreach($workFlowsArray as $workflowNotification)
	@php
	$WorkFlowNotificationId=$workflowNotification['WorkFlowNotificationId'];
	@endphp
	<div class="card" id="WorkFlowNotification{{$workflowNotification['WorkFlowNotificationId']}}">
		<div class="card-header" id="...">
			<section class="mb-0 mt-0">
				<div role="menu" class="collapsed" data-toggle="collapse" data-target="#Accid{{$workflowNotification['WorkFlowNotificationId']}}" aria-expanded="true" aria-controls="defaultAccordionOne">
					{{$workflowNotification['WorkFlowName']}} <div class="icons">
						<svg  style="cursor:pointer" onclick="DeleteWorkFlowNotication('{{$WorkFlowNotificationId}}')" 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-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
					</div>
				</div>
			</section>
		</div>

		<div id="Accid{{$workflowNotification['WorkFlowNotificationId']}}" class="collapse" aria-labelledby="..." data-parent="#toggleAccordion" style="padding-bottom:10px">
			<div class="card-body">
				@if($workflowNotification['NotificationType']=="3")
				@php
				$fieldName=$workflowNotification['ModuleId']."_".$workflowNotification['FieldName'];
				$templateId=$workflowNotification['TemplateId'];
				$DateFieldName=$workflowNotification['DateFieldName'];

				$NotificationDateFrequency=explode(",",$workflowNotification['NotificationDateFrequency']);
				@endphp
				<div class="col-md-12">
					<div class="form-group  col-md-4" style="float: left">
						<label>Email Fields</label>
						<select class="form-control" onchange="UpdateFieldName('{{$WorkFlowNotificationId}}',this.value)">
							<option value="">--Select--</option>
							@foreach($EmailFields['Fields'] as $EmailField)
							@php
							$FieldSelected="";
							if($fieldName==$EmailField['ColumnName'])
							{
								$FieldSelected="selected";
							}
							@endphp
							<option value="{{$EmailField['ColumnName']}}" {{$FieldSelected}}> {{$EmailField['LabelValue']}} ({{$EmailField['ModuleName']}})</option>
							@endforeach
						</select>
					</div>

					<div class="form-group  col-md-4" style="float: left">
						<label>Email Templates</label>
						<select class="form-control" onchange="UpdateTemplateId('{{$WorkFlowNotificationId}}',this.value)">
							<option value="">--Select--</option>
							@foreach($EmailFields['Templates'] as $Template)
							@php
							$templateSelected="";
							if($templateId==$Template['EmailTemplatesId'])
							{
								$templateSelected="selected";
							}
							@endphp
							<option value="{{$Template['EmailTemplatesId']}}" {{$templateSelected}}> {{$Template['Name']}} </option>
							@endforeach
						</select>
					</div>

					<div class="form-group  col-md-4" style="float: left">
						<label>Date Fields</label>
						<select class="form-control" onchange="UpdateDateFieldName('{{$WorkFlowNotificationId}}',this.value)">
							<option value="">--Select--</option>
							@foreach($EmailFields['DateFields'] as $DateField)
							@php
							$DateFieldSelected="";
							if($DateFieldName==$DateField['ColumnName'])
							{
								$DateFieldSelected="selected";
							}
							@endphp
							<option value="{{$DateField['ColumnName']}}" {{$DateFieldSelected}}> {{$DateField['LabelValue']}} </option>
							@endforeach
						</select>
					</div>
				</div>
				
				<div class="col-md-12" id="datefrequency{{$WorkFlowNotificationId}}">
					@php
					$fq=0;
					@endphp
					@foreach($NotificationDateFrequency as $DateFrequency)
					@php
					$dateType=explode("_",$DateFrequency);
					$from=$dateType[0];
					$to=$dateType[1];
					$DateFieldSelected="";
					if($DateFieldName==$DateField['ColumnName'])
					{
						$DateFieldSelected="selected";
					}
					$MyuniqId=uniqid();
					$fq++;
					@endphp

					<div id="datefrequency{{$MyuniqId}}">
						<div class=" form-group col-md-4" style="float: left">
							<label>From</label>
							<select name="from{{$workflowNotification['WorkFlowNotificationId']}}" id="" class="form-control from{{$workflowNotification['WorkFlowNotificationId']}}" onchange="updateNotificationDateFrequency('{{$WorkFlowNotificationId}}')">
								<option value="">--Select--</option>

								<option value="0" @php if($from=='0')echo "selected";@endphp >Same Day</option>
								<option value="3"  @php if($from=='3')echo "selected";@endphp  >Before  3 days</option>
								<option value="7"  @php if($from=='7')echo "selected";@endphp  >Before  7 days</option>
								<option value="15"  @php if($from=='15')echo "selected";@endphp  >Before  15 days</option>
								<option value="30" @php if($from=='30')echo "selected";@endphp  >Before 30 Days</option>
								<option value="60" @php if($from=='60')echo "selected";@endphp  >Before 60 Days</option>
								<option value="90" @php if($from=='90')echo "selected";@endphp  >Before 90 Days</option>
							</select>
						</div>

						<div class="form-group col-md-4" style="float: left">
							<label>To</label>
							<select name="to{{$workflowNotification['WorkFlowNotificationId']}}" id="" class="form-control to{{$workflowNotification['WorkFlowNotificationId']}}" onchange="updateNotificationDateFrequency('{{$WorkFlowNotificationId}}')">
								<option value="">--Select--</option>

								<option value="0" @php if($to=='0')echo "selected";@endphp >Same Day</option>
								<option value="3"  @php if($to=='3')echo "selected";@endphp  >Before  3 days</option>
								<option value="7"  @php if($to=='7')echo "selected";@endphp  >Before  7 days</option>
								<option value="15"  @php if($to=='15')echo "selected";@endphp  >Before  15 days</option>
								<option value="30" @php if($to=='30')echo "selected";@endphp  >Before 30 Days</option>
								<option value="60" @php if($to=='60')echo "selected";@endphp  >Before 60 Days</option>
								<option value="90" @php if($to=='90')echo "selected";@endphp  >Before 90 Days</option>
							</select>
						</div>
						@if($fq!=1)
						<div class="form-group col-md-4" style="float: left;margin-top: 40px">
							<button type="button" onclick="AddDateFrequency('{{$WorkFlowNotificationId}}')" class="btn btn-success mb-2 mr-2 rounded-circle"><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>

							<button type="button" class="btn btn-danger mb-2 mr-2 rounded-circle" onclick="RemoveDateFrequency('{{$MyuniqId}}')"><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-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>

							
						</div>
						@else
						<div class="form-group col-md-4" style="float: left;margin-top: 40px">
							<button class="btn btn-success mb-2 mr-2 rounded-circle" type="button" onclick="AddDateFrequency('{{$WorkFlowNotificationId}}')"><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>
						@endif
						
					</div>
					@endforeach
				</div>
				@endif
			</div>
		</div>
	</div>
	@endforeach
</div>

@else
<div class="col-md-12 row">
	WorkFlow Notifications Not Configured!
</div>
@endif