@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
<!-- page-title -->
<div class="page-title d-flex justify-content-between align-items-center mb-3">
	<h2 class="mb-0">
		{!! implode(' ', [
			$staff['staff_skana'],
			$staff['staff_mkana'],
			$staff['staff_gkana'],
		]) !!}
	</h2>
	<div
		class="btn-group btn-group-sm"
	>
		<a
			class="btn btn-outline-secondary"
			href="https://sozokai-app.com/hrdx/public/admin/staff/index"
		>
			人材一覧へ戻る
		</a>
	</div>
</div>
<!-- /.page-title -->

<!-- nav -->
<nav class="mb-3">
	<div
		class="nav nav-tabs nav-fill"
		role="tablist"
	>
		@foreach($nav_list as $key => $value)
			<a
				class="nav-link {!! ($key == $tab) ? 'active' : '' !!}"
				href="{!! route('foreigner.staff.show', [
					$staff['staff_code'],
					$key,
				]) !!}"
			>
				<span class="fw-bold">
					{!! App\Enums\ForeignerEnum::getDescription($value) !!}
				</span>
			</a>
		@endforeach
	</div>
</nav>
<!-- /.nav -->

<!-- row -->
<div class="row">

	<!-- aside -->
	<aside class="col col-lg-3">
		@include('layouts.dashboard.components.foreigner.staff')
	</aside>
	<!-- /.aside -->

	<!-- main -->
	<main class="col col-lg-9">

		{{-- 0: --}}
		@if($tab == 0)
            @include('layouts.dashboard.components.foreigner.summary')
		@endif

		{{-- 1: --}}
		@if($tab == 1)
			@include('layouts.dashboard.components.foreigner.family')
		@endif

		{{-- 2: --}}
		@if($tab == 2)
			@include('layouts.dashboard.components.foreigner.workplace')
		@endif

		{{-- 3: --}}
		@if($tab == 3)
			@include('layouts.dashboard.components.foreigner.coe')
		@endif

		{{-- 4: --}}
		@if($tab == 4)

		@endif

		{{-- 5: --}}
		@if($tab == 5)
            @include('layouts.dashboard.components.foreigner.vaccine')
		@endif

	</main>
	<!-- /.main -->

</div>
<!-- /.row -->
@endsection

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

</style>
@stop

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


});
</script>
@stop