@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
{!! Form::open($form) !!}
{!! Form::hidden('mtb_center_id', \Session::get('staff.mtb_center_id')) !!}
{!! Form::hidden('mtb_department_id', \Session::get('staff.mtb_department_id')) !!}
{!! Form::hidden('mtb_division_id', \Session::get('staff.mtb_division_id')) !!}

@foreach($staff_list as $mtb_center_id => $center)
	<section class="mb-5">

		<!-- section-title -->
		<div class="section-title mb-3">
			<div class="">
				<h5 class="">
					{!! $center['center_label'] !!}
				</h5>
			</div>
		</div>
		<!-- /.section-title -->

		<div class="row row-cols-1 row-cols-4 g-3">

			@if(isset($center['department_list']))
				@foreach($center['department_list'] as $mtb_department_id => $department)
					<!-- div -->
					<div class="col">
						<div class="card h-100 mb-0">
							<div class="card-header py-3 bg-white">
								<h6 class="mb-0">
									{!! $department['department_label'] !!}
								</h6>
							</div>
							<div class="card-body pb-0">
								@if(isset($department['staff_list']))
									@if(count($department['staff_list']) > 0)
										<div class="mb-3">
											@foreach($department['staff_list'] as $dtb_staff_id => $staff_name)
												<div class="form-check mb-1">
													{!! Form::checkbox('staff[]', $dtb_staff_id, (isset($staff_mapping_list[$dtb_staff_id])) ? true : false, [
														'class' => 'form-check-input',
														'id' => "staff{$dtb_staff_id}",
													]) !!}
													<label
														class="form-check-label"
														for="staff{!! $dtb_staff_id !!}"
													>
														<span class="">
															{!! $staff_name !!}
														</span>
													</label>
												</div>
											@endforeach
										</div>
									@endif
								@endif

								@if(isset($department['division_list']))
									@if(count($department['division_list']) > 0)
										@foreach($department['division_list'] as $mtb_division_id => $division)
											<div class="mb-3">
												<h6 class="mb-2">
													{!! $division['division_label'] !!}
												</h6>
												@if(count($division['staff_list']) > 0)
													@foreach($division['staff_list'] as $dtb_staff_id => $staff_name)
														<div class="form-check mb-1">
															{!! Form::checkbox('staff[]', $dtb_staff_id, (isset($staff_mapping_list[$dtb_staff_id])) ? true : false, [
																'class' => 'form-check-input',
																'id' => "staff{$dtb_staff_id}",
															]) !!}
															<label
																class="form-check-label"
																for="staff{!! $dtb_staff_id !!}"
															>
																<span class="">
																	{!! $staff_name !!}
																</span>
															</label>
														</div>
													@endforeach
												@else
													<p class="mb-3">
														{!! __("lang.error.empty") !!}
													</p>
												@endif
											</div>
										@endforeach
									@else
										<p class="mb-2">
											{!! __("lang.error.empty") !!}
										</p>
									@endif
								@endif

							</div>
						</div>
					</div>
					<!-- /.div -->
				@endforeach
			@endif

			@if(isset($center['staff_list']))
				<!-- div -->
				<div class="col">
					<div class="card mb-0">
						<div class="card-body pb-0">
							@if(count($center['staff_list']) > 0)
								@foreach($center['staff_list'] as $dtb_staff_id => $staff_name)
									<div class="form-check mb-1">
										{!! Form::checkbox('staff[]', $dtb_staff_id, (isset($staff_mapping_list[$dtb_staff_id])) ? true : false, [
											'class' => 'form-check-input',
											'id' => "staff{$dtb_staff_id}",
										]) !!}
										<label
											class="form-check-label"
											for="staff{!! $dtb_staff_id !!}"
										>
											<span class="">
												{!! $staff_name !!}
											</span>
										</label>
									</div>
								@endforeach
							@else
								<p class="mb-0">
									{!! __("lang.error.empty") !!}
								</p>
							@endif
						</div>
					</div>
				</div>
			@endif

		</div>

	</section>
@endforeach

<!-- btn-fixed -->
<div
	class="btn-fixed"
	style="z-index:999"
>
	<button
		class="btn btn-primary"
		id="submit"
		type="submit"
		name="action"
		value="store"
		style="width:180px;"
	>
		<span class="fw-bold">
			{!! __("lang.button.submit") !!}
		</span>
	</button>
	<a
		class="btn btn-outline-secondary"
		href="{!! route('about.home.index') !!}"
		style="width:120px;"
	>
		<span class="fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
</div>
<!-- /.btn-fixed -->

{!! Form::close() !!}
@endsection

{{-- css --}}
@section('css')
<style>

</style>
@stop

{{-- js --}}
@section('js')
<script>
$(function() {
	//
});
</script>
@stop