@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
{!! Form::open($form) !!}

<div class="row g-4 mb-5">

	<!-- div -->
	<div class="col col-lg-4">

        <div class="accordion mb-4">
			@foreach($staff_list as $i => $content)
				<div class="accordion-item">
					<h2 class="accordion-header">
						<button
							class="accordion-button collapsed py-3"
							type="button"
							data-bs-toggle="collapse"
							data-bs-target="#division{!! $i !!}"
							aria-expanded="true"
						>
							<span class="small fw-bold">
								{!! $content['label'] !!}
							</span>
						</button>
					</h2>
					<div
						class="accordion-collapse collapse"
						id="division{!! $i !!}"
					>
						<div class="accordion-body pb-1">
							@if(count($content['staff_list']) > 0)
								@foreach($content['staff_list'] as $key => $value)
									<div class="form-check mb-2">
										{!! Form::checkbox('staff[]', $value['dtb_staff_id'], '', [
											'class' => 'form-check-input me-2',
											'id' => "staff{$value['dtb_staff_id']}",
										]) !!}
										<label
											class="form-check-label"
											for="staff{!! $value['dtb_staff_id'] !!}"
										>
											{!! implode(' ', [
												$value['staff_sname'],
												$value['staff_gname'],
											]) !!}
										</label>
									</div>
								@endforeach
							@else
								<p class="text-center mb-2">
									{!! __("lang.error.empty") !!}
								</p>
							@endif
						</div>
					</div>
				</div>
			@endforeach
		</div>

    </div>
	<!-- /.div -->

</div>

<!-- 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('division.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