@php
$ModalName="ActionForm";
@endphp
@if(count($results))

<div class="table-responsive">
	<table class="table table-hover table-striped table-bordered table-no-space" id="ActionTable">
		<thead>
			<tr>
				<th>Slno</th>
				<th>Name</th>
				<th>Action Type</th>
				<th>Actions</th>
			</tr>
		</thead>


		<tbody>
			@php
			$x=0;
			@endphp
			@foreach($results as $Action)

			@php
			$x++;

			$ActionTypeSelcted1="";
			$ActionTypeSelcted2="";
			$ActionTypeSelcted3="";
			$ActionTypeSelcted4="";
			$ActionTypeSelcted5="";

			if($Action->ActionType==1)
			{
				$ActionTypeSelcted1="selected";
			}
			elseif($Action->ActionType==2)
			{
				$ActionTypeSelcted2="selected";
			}
			elseif($Action->ActionType==3)
			{
				$ActionTypeSelcted3="selected";
			}
			elseif($Action->ActionType==4)
			{
				$ActionTypeSelcted4="selected";
			}
			elseif($Action->ActionType==5)
			{
				$ActionTypeSelcted5="selected";
			}

			@endphp
			<tr>
				<form id="ActionForm{{$Action->WorkFlowActionId}}">
					<td>{{$x}}</td>
					<td> <input type="text" name="WorkFlowActionName" class="form-control" value="{{$Action->WorkFlowActionName}}" onchange="UpdateAction('{{$Action->WorkFlowActionId}}')" form="ActionForm{{$Action->WorkFlowActionId}}"> </td>
					<td>  
						<select class="form-control customDropdown" name="ActionType" id="ActionType" required="" style="display: none;" form="ActionForm{{$Action->WorkFlowActionId}}" onchange="UpdateAction('{{$Action->WorkFlowActionId}}')" form="ActionForm{{$Action->WorkFlowActionId}}">
							<option value="">--Select Action--</option>
							<option value="1" {{$ActionTypeSelcted1}}>Update Record</option>
							<option value="2" {{$ActionTypeSelcted2}}>Create Record</option>
							<option value="5" {{$ActionTypeSelcted5}}>Update Related Records</option>
							<option value="3" {{$ActionTypeSelcted3}}>Send Mails</option>
							<option value="4" {{$ActionTypeSelcted4}}>Send Escalation Mails</option>
						</select>
					</td>
					<td> 
						<div class="action-btns">
							<a href="javascript:void(0);" class="action-btn btn-view bs-tooltip me-2 " onclick="GetConfigForm('{{$Action->WorkFlowActionId}}')">
								<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-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
							</a>
							

							<a href="javascript:void(0);" class="action-btn btn-delete bs-tooltip" data-toggle="tooltip" data-placement="top" title="" data-bs-original-title="Delete" onclick="DeleteAction('{{$Action->WorkFlowActionId}}')">
								<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-trash-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>
							</a>
						</div> 
					</td>
				</form>
			</tr>
			<!-- <tr>
				<td colspan="4">

					<div id="ActionFormAccordian{{$Action->WorkFlowActionId}}" class="accordion" style="display: none;">

						<div class="card">
							<div class="card-header" id="...">
								<section class="mb-0 mt-0">
									<div role="menu" class="collapsed" data-bs-toggle="collapse" data-bs-target="#ActionFormAccordianOne{{$Action->WorkFlowActionId}}" aria-expanded="false" aria-controls="ActionFormAccordianOne{{$Action->WorkFlowActionId}}">
										{{$Action->WorkFlowActionName}}  <div class="icons"><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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
									</div>
								</section>
							</div>

							<div id="ActionFormAccordianOne{{$Action->WorkFlowActionId}}" class="collapse" aria-labelledby="..." data-bs-parent="#ActionFormAccordian{{$Action->WorkFlowActionId}}">
								<div class="card-body">

									.......................
									.......................

								</div>
							</div>
						</div>

					</div>

				</td>
			</tr> -->
			@endforeach	
		</tbody>

	</table>
</div>
@else
No Actions Defined!
@endif