@extends('layouts.dashboard.main')

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

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

{{-- block --}}
<div class="row">

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

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

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

			<div class="row row-cols-1 row-cols-lg-3">
				<div class="col">
					<div
						class="alert alert-primary mb-0"
						role="alert"
					>
						<dl class="mb-0">
							<dt class="fw-normal mb-1">
								{!! __("lang.employee.title") !!}
							</dt>
							<dd class="text-lg-end mb-0">
								<h6 class="mb-0">
									{!! $staff['employee_label'] !!}
								</h6>
							</dd>
						</dl>
						<a
							class="stretched-link"
							href="{!! route('ksap.staff.show', [
								$staff['staff_code'],
								2,
							]) !!}"
						></a>
					</div>
				</div>
				<div class="col">
					<div
						class="alert alert-primary mb-0"
						role="alert"
					>
						<dl class="mb-0">
							<dt class="fw-normal mb-1">
								{!! __("lang.workplace.title") !!}
							</dt>
							<dd class="text-lg-end mb-0">
								<h6 class="mb-0">
									{!! $staff['workplace_label'] !!}
								</h6>
							</dd>
						</dl>
						<a
							class="stretched-link"
							href="{!! route('ksap.staff.show', [
								$staff['staff_code'],
								2,
							]) !!}"
						></a>
					</div>
				</div>
				<div class="col">
					<div
						class="alert alert-primary mb-0"
						role="alert"
					>
						<dl class="mb-0">
							<dt class="fw-normal mb-1">
								{!! __("lang.coe.title") !!}
							</dt>
							<dd class="text-lg-end mb-0">
								<h6 class="mb-0">
									{!! $staff['coe_label'] !!}
								</h6>
							</dd>
						</dl>
						<a
							class="stretched-link"
							href="{!! route('ksap.staff.show', [
								$staff['staff_code'],
								3,
							]) !!}"
						></a>
					</div>
				</div>
			</div>
		</section>
		<!-- /.section -->

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

		{{-- 概要 --}}
		@if($tab == 0)
			@include('layouts.dashboard.components.ksap.summary')
		@endif

		{{-- プロフィール --}}
		@if($tab == 1)
			@include('layouts.dashboard.components.ksap.profile')
		@endif

		{{-- 就業場所 --}}
		@if($tab == 2)
			@include('layouts.dashboard.components.ksap.workplace')
		@endif

		{{-- 学業状況 --}}
		@if($tab == 3)
			@include('layouts.dashboard.components.ksap.college')
		@endif

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

</div>
{{-- /.block --}}

{{-- btn-fixed --}}
<div
	class="btn-fixed"
	style="z-index:999"
>
	<a
		class="btn btn-primary"
		href="{!! route('ksap.staff.update', [
			$staff_code,
			$tab,
		]) !!}"
		style="width:160px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.update") !!}
		</span>
	</a>
	<a
		class="btn btn-outline-secondary"
		href="{!! route('ksap.staff.index', [
			$staff['mtb_coe_id'],
		]) !!}"
		style="width:100px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
	<a
		class="btn btn-secondary"
		href="#page-top"
	>
		<i class="fas fa-angle-up"></i>
	</a>
</div>
{{-- /.btn-fixed --}}

@endsection

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

</style>
@stop

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


});
</script>
@stop