@extends('layouts.master')
    
@section('title', 'Flow Setting')
    
@section('style')

@endsection
    
@section('script')
<script>
	$('#examplee').DataTable({
		//scrollX: true,
		responsive: true,
		aLengthMenu: [100],
		"order": [],
		"bPaginate": true, // Pagination
		"bLengthChange": false, // Entries
		"bFilter": true, // Search
		"bInfo": true, // Showing 1 of All
		"bAutoWidth": true
	});

	var table = $('#example').DataTable();
</script>
@endsection
    
@section('content')
    
	@include('layouts.header')
	@include('layouts.header-sub')

	<section class="wrapper bg-light">
		<div class="container py-14 py-md-16">
			<div class="row gx-lg-8 gx-xl-12">

				<div class="col-md-12">
					<h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
					<p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
				</div>

				<div class="col-lg-12">
					<div class="blog single">
						<div class="card">
							<div class="card-body">

								<table id="examplee" width="100%" class="table table-striped table-hover">
									<thead>
										<tr>
											<th>Order</th>
											<th>Actor</th>
											<th>Activity</th>
											<th width="10%"></th>
										</tr>
									</thead>
									
									<tbody>
										@foreach($form as $key => $new_form)

											{{-- Form Header --}}
											<tr>
												<th colspan="3">
													{{ $new_form }} Form
												</th>

												<th style="display: none"></th>
												<th style="display: none"></th>

												<td align="center">
													<a href="{{ url('/flowsettinggetedit', [$new_form, 0]) }}"
													class="btn btn-circle btn-green btn-sm"
													title="Add Flow">
														<i class="uil uil-plus"></i>
													</a>
												</td>
											</tr>

											{{-- Flow ของ Form นี้ --}}
											@if(isset($flowsetting[$new_form]))
												@foreach($flowsetting[$new_form] as $new_flowsetting)
													<tr>
														<td align="center">
															{{ $new_flowsetting->flowsetting_order }}
														</td>

														<td>
															{{ $new_flowsetting->flowsetting_actor }}
														</td>

														<td>
															{{ $new_flowsetting->flowsetting_action }}
														</td>

														<td align="center">
															<a href="{{ url('/flowsettinggetedit', [$new_form, $new_flowsetting->flowsetting_id]) }}"
															class="btn btn-circle btn-yellow btn-sm"
															title="Edit">
																<i class="uil uil-edit"></i>
															</a>

															<a href="{{ url('/flowsettingdelete/'.$new_flowsetting->flowsetting_id) }}"
															class="btn btn-circle btn-red btn-sm"
															title="Delete"
															onclick="return confirm('Are you sure you want to delete this flow?');">
																<i class="uil uil-trash-alt"></i>
															</a>
														</td>
													</tr>
												@endforeach
											@endif

										@endforeach
									</tbody>

								</table>

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


	@include('layouts.footer')
    
@endsection