@extends('layouts.dashboard.main')

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

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

@if(\Session::get('staff.is_ksap'))
	<!-- section -->
	<section class="mb-5">

		<!-- section-title -->
		<div class="section-title d-flex justify-content-between align-items-center mb-3">
			<div>
				<h6>
					{!! implode('', [
						__("lang.foreigner.title"),
						__("lang.master.title"),
					]) !!}
				</h6>
			</div>
		</div>
		<!-- /.section-title -->

		<div class="row row-cols-1 row-cols-lg-5 g-3 mb-3">
			@foreach($ksap_list as $key => $value)
				<div class="col">
					<div class="d-grid">
						<a
							class="btn btn-outline-secondary"
							href="{!! route('ksap.master.master.index', [
								$value,
							]) !!}"
						>
							<span class="small fw-bold">
								{!! __("lang.{$value}.title") !!}
							</span>
						</a>
					</div>
				</div>
			@endforeach
			<div class="col">
				<div class="d-grid">
					<a
						class="btn btn-outline-secondary"
						href="{!! route('ksap.master.japanese.index') !!}"
					>
						<span class="small fw-bold">
							{!! __("lang.japanese.title") !!}
						</span>
					</a>
				</div>
			</div>
			<div class="col">
				<div class="d-grid">
					<a
						class="btn btn-outline-secondary"
						href="{!! route('ksap.master.kaigo.index') !!}"
					>
						<span class="small fw-bold">
							{!! __("lang.kaigo.title") !!}
						</span>
					</a>
				</div>
			</div>
		</div>

	</section>
	<!-- /.section -->
@endif
@endsection

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

</style>
@stop

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