@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')

{{-- nav --}}
@include('layouts.dashboard.components.admin.nav')

<div class="row">

	{{-- aside --}}
	<aside class="col col-lg-3">

		<!-- section -->
		<section class="mb-5">

			<div class="card">
				<div class="list-group list-group-flush">

					{{-- division --}}
					@if(!is_null($division_code))
						@foreach($division_list as $key => $value)
							<a
								class="list-group-item list-group-item-action d-flex justify-content-start align-items-center {!! ($value['division_code'] == $division_code) ? 'active' : '' !!}"
								href="{!! route('admin.staff_join.index', [
									$center_code,
									$department_code,
									$value['division_code'],
								]) !!}"
							>
								<div class="me-auto">
									<span class="{!! ($value['division_code'] == $division_code) ? 'fw-bold' : 'fw-normal' !!}">
										{!! $value['division_label'] !!}
									</span>
								</div>
								<div class="">
									<i class="fa-solid fa-angle-right fa-fw"></i>
								</div>
							</a>
						@endforeach
					@else

						{{-- department --}}
						@if(!is_null($department_code))
							@foreach($department_list as $key => $value)
								<a
									class="list-group-item list-group-item-action d-flex justify-content-start align-items-center {!! ($value['department_code'] == $department_code) ? 'active' : '' !!}"
									href="{!! route('admin.staff_join.index', [
										$center_code,
										$value['department_code'],
									]) !!}"
								>
									<div class="me-auto">
										<span class="{!! ($value['department_code'] == $department_code) ? 'fw-bold' : 'fw-normal' !!}">
											{!! $value['department_label'] !!}
										</span>
									</div>
									<div class="">
										<i class="fa-solid fa-angle-right fa-fw"></i>
									</div>
								</a>
							@endforeach

						{{-- center --}}
						@else
							@foreach($center_list as $key => $value)
								<a
									class="list-group-item list-group-item-action d-flex justify-content-start align-items-center {!! ($value['center_code'] == $center_code) ? 'active' : '' !!}"
									href="{!! route('admin.staff_join.index', [
										$value['center_code'],
									]) !!}"
								>
									<div class="me-auto">
										<span class="{!! ($value['center_code'] == $center_code) ? 'fw-bold' : 'fw-normal' !!}">
											{!! $value['center_label'] !!}
										</span>
									</div>
									<div class="">
										<i class="fa-solid fa-angle-right fa-fw"></i>
									</div>
								</a>
							@endforeach

						@endif
					@endif
				</div>
			</div>

		</section>
		<!-- /.section -->

	</aside>
	{{-- /.aside --}}

	{{-- main --}}
	<main class="col col-lg-9">

		{{-- article --}}
		<article class="mb-5">

			{{-- toolbar --}}
			<div class="d-flex justify-content-between align-items-center mb-2 toolbar">
				<div class="">
					職員数：
					<span class="fw-bold">
						{!! $staff_list_count !!}{!! __("lang.unit.human") !!}
					</span>
				</div>
				<div>
					<div
						class="btn-group btn-group-sm"
						role="group"
					>
						<a
							class="btn btn-outline-secondary"
							href="{!! route('admin.staff_join.update', [
								$center_code,
								$department_code,
								$division_code,
							]) !!}"
						>
							<span class="small fw-bold">
								{!! __("lang.button.edit") !!}
							</span>
						</a>
					</div>
				</div>
			</div>
			{{-- /.toolbar --}}

			{{-- table --}}
			<div class="table-responsive">
				<table class="table table-hover">
					<colgroup>
						<col>
						<col>
						<col>
						<col width="100%">
						{{--<col>--}}
						<col>
						<col>
						<col>
					</colgroup>
					<thead class="table-group-divider">
						<tr>
							<th scope="col" nowrap>
								<div class="text-center">
									#
								</div>
							</th>
							<th scope="col" nowrap>
								{!! __("lang.employee.title") !!}
							</th>
							<th scope="col" nowrap>
								{!! __("lang.staff.staff_number") !!}
							</th>
							<th scope="col" nowrap>
								{!! __("lang.staff.staff_name") !!}
							</th>
							{{--<th scope="col" nowrap>
								{!! __("lang.staff.gender") !!}
							</th>--}}
							<th scope="col" nowrap>
								{!! __("lang.class.title") !!}
							</th>
							<th scope="col" nowrap>
								{{--{!! __("lang.staff.is_foreigner") !!}--}}
								管理者
							</th>
							<th scope="col" nowrap>
								{{--{!! __("lang.staff.is_foreigner") !!}--}}
								外介護
							</th>
							{{--<th scope="col" nowrap>
								{!! __("lang.employee.title") !!}
							</th>
							<th scope="col" nowrap>
								{!! __("lang.staff.phs") !!}
							</th>--}}
							{{--<th scope="col" nowrap>
								{!! __("lang.staff.email") !!}
							</th>--}}
						</tr>
					</thead>
					<tbody class="table-group-divider">
						@if($staff_list_count > 0)
							@php
								$i = 1;
							@endphp
							@foreach($staff_list as $key => $value)
								<tr
									class="clickable"
									data-href="{!! route('admin.staff.update', [
										$value['staff_code'],
									]) !!}"
									role="button"
								>
									<th nowrap scope="row">
										<div class="text-center">
											{!! $i !!}
										</div>
									</th>
									<td nowrap>
										<div class="text-center">
											{!! $value['employee_label'] !!}
										</div>
									</td>
									<td nowrap>
										<div class="text-center">
											{!! $value['staff_number'] !!}
										</div>
									</td>
									<td nowrap>
										<span class="fw-bold">
											@if($value['is_foreigner'])
												{!! implode(' ', [
													$value['staff_skana'],
													//$value['staff_mname'],
													$value['staff_gkana'],
												]) !!}
											@else
												{!! implode(' ', [
													$value['staff_sname'],
													$value['staff_gname'],
												]) !!}
											@endif
										</span>
									</td>
									{{--<td nowrap>
										@if(!is_null($value['gender']))
											<div class="text-center">
												{!! __("lang.dictionary.gender.{$value['gender']}") !!}
											</div>
										@endif
									</td>--}}
									<td nowrap>
										{!! $value['class_label'] !!}
									</td>
									<th nowrap scope="row">
										@if($value['is_admin'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</th>
									<th nowrap scope="row">
										@if($value['is_foreigner'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</th>
									{{--<td nowrap>
										{!! $value['employee_label'] !!}
									</td>
									<td nowrap>
										{!! $value['phs'] !!}
									</td>--}}
									{{--<td nowrap>
										{!! $value['email'] !!}
									</td>--}}
								</tr>

								@php
									$i++
								@endphp
							@endforeach
						@else
							<tr>
								<td colspan="8">
									{!! __("lang.error.empty") !!}
								</td>
							</tr>
						@endif
					</tbody>
				</table>
			</div>
			{{-- /.table --}}

		</article>
		{{-- /.article --}}

	</main>
	{{-- /.main --}}

</div>

{{-- btn-fixed --}}
<div
	class="btn-fixed"
	style="z-index:999"
>
	<a
		class="btn btn-outline-secondary"
		@if(!is_null($division_code))
			href="{!! route('admin.department.index', [
				$center_code,
			]) !!}"
		@else

			@if(!is_null($department_code))
				href="{!! route('admin.department.index', [
					$center_code,
				]) !!}"
			@else
				href="{!! route('admin.center.index') !!}"
			@endif
		@endif
		style="width:100px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
</div>
{{-- /.btn-fixed --}}

@endsection

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

</style>
@stop

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


});
</script>
@stop