@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
<section class="mb-5">

	<!-- nav -->
	<nav class="mb-4">
		<div
			class="nav nav-tabs nav-fill"
			role="tablist"
		>
			@foreach($staff_list as $i => $content)
				<button
					class="nav-link {!! ($i == $tab) ? 'active' : '' !!}"
					data-bs-toggle="tab"
					data-bs-target="#tab{!! $i !!}"
					type="button"
					role="tab"
					aria-selected="{!! ($i == $tab) ? 'true' : 'false' !!}"
				>
					<span class="fw-bold">
						{!! $content['coe_label'] !!}
					</span>
				</button>
			@endforeach
		</div>
	</nav>
	<!-- /.nav -->

	<!-- tab-content -->
	<div class="tab-content">
		@foreach($staff_list as $i => $content)
			<div
				class="tab-pane fade {!! ($i == $tab) ? 'show active' : '' !!}"
				id="tab{!! $i !!}"
				role="tabpanel"
			>

				<!-- toolbar -->
				<div class="d-flex justify-content-between align-items-center mb-3">
					<div class="">
						人数：
						<span class="fw-bold">
							{!! count($content['staff_list']) !!}名
						</span>
					</div>
					<div></div>
				</div>
				<!-- /.toolbar -->

				<!-- table -->
				<div class="table-responsive">
					<table class="table table-hover">
						<colgroup>
							<col>
							<col>
							<col>
							<col>
							<col>
							<col width="20%">
							<col>
							<col>
							<col width="80%">
							<col>
							<col>
						</colgroup>
						<thead class="table-group-divider">
							<tr>
								<th scope="col" nowrap>
									&nbsp;
								</th>
								<th scope="col" nowrap>
									&nbsp;
								</th>
								<th scope="col" nowrap>
									#
								</th>
								<th scope="col" nowrap>
									{!! __("lang.year.title") !!}
								</th>
								<th scope="col" nowrap>
									{!! __("lang.scheme.title") !!}
								</th>
								<th scope="col" nowrap>
									{!! __("lang.staff.staff_name") !!}
								</th>
								<th scope="col" nowrap>
									{!! __("lang.staff.gender") !!}
								</th>
								<th scope="col" nowrap>
									{!! __("lang.staff.age") !!}
								</th>
								<th scope="col" nowrap>
									{!! __("lang.workplace.title") !!}
								</th>
								<th scope="col" nowrap>
									{!! __("lang.employee.title") !!}
								</th>
								<th scope="col" nowrap>
									{!! __("lang.residence.title") !!}
								</th>
							</tr>
						</thead>
						<tbody class="table-group-divider">
							@if(count($content['staff_list']) > 0)
								@foreach($content['staff_list'] as $key => $value)
									<tr>
										<td nowrap>
											<div
												class="btn-group btn-group-sm"
												role="group"
											>
												<a
													class="btn btn-outline-secondary"
													href="{!! route('foreigner.staff.show', [
														$value['staff_code'],
													]) !!}"
												>
													<span class="fw-bold">
														{!! __("lang.button.show") !!}
													</span>
												</a>
											</div>
										</td>
										<td>
											<a
												class=""
												href=""
											>
												@if(is_null($value['image']))
													<img
														class="rounded-start"
														src="{!! implode('/', [
															asset('img'),
															'avators',
															"{$value['gender']}.png",
														]) !!}"
														style="height:70px;"
													>
												@else
													<img
														class="rounded-start"
														src="{!! implode('/', [
															asset('storage'),
															'staff',
															$value['image'],
														]) !!}"
														style="height:70px;"
													>
												@endif
											</a>
										</td>
										<th nowrap scope="row">
											<div class="text-center">
												{!! $i + 1 !!}
											</div>
										</th>
										<td nowrap>
											{!! mb_substr($value['year_label'], 0, 3) !!}
										</td>
										<td nowrap>
											{!! $value['scheme_label'] !!}
										</td>
										<td nowrap>
											{!! implode(' ', [
												$value['staff_skana'],
												$value['staff_mkana'],
												$value['staff_gkana'],
											]) !!}
										</td>
										<td nowrap>
											{!! __("lang.dictionary.gender.{$value['gender']}") !!}
										</td>
										<td nowrap>
											<div class="text-center">
												{!! App\Helper::getAge($value['birthday']) !!}
											</div>
										</td>
										<td nowrap>
											{!! $value['workplace_label'] !!}
										</td>
										<td nowrap>
											{!! $value['employee_label'] !!}
										</td>
										<td nowrap>
											{!! $value['residence_label'] !!}
										</td>
									</tr>
								@endforeach
							@else

							@endif
						</tbody>
					</table>
				</div>
				 <!-- /.table -->

			</div>
		@endforeach
		<!-- /.tab-content -->

	</div>

</section>
@endsection

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

</style>
@stop

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


});
</script>
@stop