@extends('layouts.dashboard.main')

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

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

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

	<!-- aside -->
	<aside class="col-12 col-lg-4">

		<!-- toolbar -->
		<div class="d-flex justify-content-between align-items-center mb-2">
			<div class="">
				<h5 class="mb-0">
					{!! implode(' ', [
						$cv['cv_sname'],
						$cv['cv_mname'],
						$cv['cv_gname'],
					]) !!}
				</h5>
			</div>
			<div>
				<div
					class="btn-group btn-group-sm"
					role="group"
				>
					<a
						class="btn btn-sm px-4 {!! (is_null($cv['file_name'])) ? 'btn-secondary disabled' : 'btn-danger' !!}"
						href="javascript:;"
						data-src="{!! implode('/', [
							asset('storage'),
							'cv',
							$cv['file_name'],
						]) !!}"
						data-fancybox
						data-type="iframe"
					>
						<span class="small fw-bold">
							{!! __("lang.cv.file_name") !!}
						</span>
					</a>
				</div>
			</div>
		</div>
		<!-- /.toolbar -->

		<div class="alert alert-light bg-body-tertiary mb-3">
			<dl class="">
				<dt class="">
					{!! __("lang.cv.yy") !!}
				</dt>
				<dd class="mb-0">
					{!! $cv['yy'] !!}年度
				</dd>
			</dl>
			<dl class="">
				<dt class="">
					{!! __("lang.scheme.title") !!}
				</dt>
				<dd class="mb-0">
					{!! $cv['scheme_label'] !!}
				</dd>
			</dl>
			<dl class="">
				<dt class="">
					{!! __("lang.supplier.title") !!}
				</dt>
				<dd class="mb-0">
					{!! $cv['supplier_label'] !!}
				</dd>
			</dl>
			<dl class="">
				<dt class="">
					{!! __("lang.cv.cv_name") !!}
				</dt>
				<dd class="mb-0">
					{!! implode(' ', [
						$cv['cv_sname'],
						$cv['cv_mname'],
						$cv['cv_gname'],
					]) !!}
				</dd>
			</dl>
			<dl class="">
				<dt class="">
					{!! __("lang.cv.cv_kana") !!}
				</dt>
				<dd class="mb-0">
					{!! implode(' ', [
						$cv['cv_skana'],
						$cv['cv_mkana'],
						$cv['cv_gkana'],
					]) !!}
				</dd>
			</dl>
			<dl class="">
				<dt class="">
					{!! __("lang.cv.gender") !!}
				</dt>
				<dd class="mb-0">
					{!! __("lang.dictionary.gender.{$cv['gender']}") !!}
				</dd>
			</dl>
			<dl class="">
				<dt class="">
					{!! __("lang.cv.birthday") !!}
				</dt>
				<dd class="mb-0">
					{!! \Carbon\Carbon::parse(
						$cv['birthday']
					)->format(__("lang.date.yymmdd")) !!}
				</dd>
			</dl>
			<dl class="">
				<dt class="">
					{!! __("lang.nationality.title") !!}
				</dt>
				<dd class="mb-0">
					{!! $cv['nationality_label'] !!}
				</dd>
			</dl>
			<dl class="mb-0">
				<dt class="">
					{!! __("lang.cv.birthplace") !!}
				</dt>
				<dd class="mb-0">
					<a
						class=""
						href="#"
						data-bs-toggle="modal"
						data-bs-target="#modal"
					>
						{!! $cv['birthplace'] !!}
					</a>
				</dd>
			</dl>
		</div>

		@if(!is_null($cv['remark']))
			<div class="card mb-3">
				<div class="card-body">
					<p class="mb-0">
						{!! nl2br($cv['remark']) !!}
					</p>
				</div>
			</div>
		@endif

	</aside>
	<!-- /.aside -->

	<!-- main -->
	<main class="col-12 col-lg-8">

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

			<!-- section-title -->
			<div class="section-title mb-2 py-1">
				<div class="">
					<h5 class="">
						{!! __("lang.cv_score.title") !!}
					</h5>
				</div>
			</div>
			<!-- /.section-title -->

			<table class="table mb-0">
				<colgroup>
					<col width="25%">
					<col width="25%">
					<col width="25%">
					<col width="25%">
				</colgroup>
				<thead class="table-group-divider">
					<tr class="text-center">
						<th scope="col">
							1年次成績
						</th>
						<th scope="col">
							2年次成績
						</th>
						<th scope="col">
							3年次成績
						</th>
						<th scope="col">
							平均値
						</th>
					</tr>
				</thead>
				<tbody class="table-group-divider">
					<tr class="text-center">
						<td>
							<span class="fw-bold fs-6">
								{!! $cv['score1'] !!}
							</span>
						</td>
						<td>
							<span class="fw-bold fs-6">
								{!! $cv['score2'] !!}
							</span>
						</td>
						<td>
							<span class="fw-bold fs-6">
								{!! $cv['score3'] !!}
							</span>
						</td>
						<td>
							@if($cv['average'] > 7.0)
								@if($cv['average'] > 8.0)
									<span class="fw-bold fs-6 text-primary">
								@else
									<span class="fw-bold fs-6 text-warning">
								@endif
							@else
								<span class="fw-bold fs-6 text-danger">
							@endif
								{!! $cv['average'] !!}
							</span>
						</td>
					</tr>
				</tbody>
			</table>

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

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

			<!-- section-title -->
			<div class="section-title d-flex justify-content-between align-items-center mb-2">
				<div class="">
					<h5 class="">
						{!! __("lang.cv_family.title") !!}
					</h5>
				</div>
				<div>
					<div
						class="btn-group btn-group-sm"
						role="group"
					>
						<a
							class="btn btn-outline-secondary btn-sm"
							href="{!! route('ksap.cv_family.update', [
								$cv['dtb_cv_id'],
							]) !!}"
						>
							<span class="small fw-bold">
								{!! __("lang.button.create") !!}
							</span>
						</a>
					</div>
				</div>
			</div>
			<!-- /.section-title -->

			<table class="table table-striped mb-0">
				<colgroup>
					<col>
					<col>
					<col>
					<col>
					<col>
					<col width="100%">
				</colgroup>
				<thead class="table-group-divider">
					<tr class="">
						<th scope="col">
							#
						</th>
						<th scope="col" nowrap>
							{!! __("lang.relationship.title") !!}
						</th>
						<th scope="col" nowrap>
							{!! __("lang.cv_family.cv_family_name") !!}
						</th>
						<th scope="col" nowrap>
							{!! __("lang.cv_family.age") !!}
						</th>
						<th scope="col" nowrap>
							{!! __("lang.cv_family.job_name") !!}
						</th>
						<th scope="col" nowrap>
							{!! __("lang.form.remark") !!}
						</th>
					</tr>
				</thead>
				<tbody class="table-group-divider">
					@if($cv_family_list_count > 0)
						@foreach($cv_family_list as $key => $value)
							<tr>
								<th scope="row">
									{!! $key + 1 !!}
								</th>
								<td nowrap>
									<div class="text-center">
										{!! $relationship_list[$value['mtb_relationship_id']] !!}
									</div>
								</td>
								<td nowrap>
									{!! $value['cv_family_name'] !!}
								</td>
								<td nowrap>
									<div class="text-center">
										{!! $value['age'] !!}
									</div>
								</td>
								<td nowrap>
									{!! $value['job_name'] !!}
								</td>
								<td>
									{!! $value['remark'] !!}
								</td>
							</tr>
						@endforeach
					@else
						<tr>
							<td colspan="6">
								{!! __("lang.error.empty") !!}
							</td>
						</tr>
					@endif
				</tbody>
			</table>

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

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

</div>

<!-- btn-fixed -->
<div
	class="btn-fixed"
	style="z-index:999"
>
	<a
		class="btn btn-primary"
		href="{!! route('ksap.cv.update', [
			$yy,
			$cv_code,
		]) !!}"
		style="width:120px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.update") !!}
		</span>
	</a>
	<a
		class="btn btn-outline-secondary"
		href="{!! route('ksap.cv.index', [
			$yy,
		]) !!}"
		style="width:120px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
</div>
<!-- /.btn-fixed -->

<!-- modal -->
<div
	class="modal fade"
	id="modal"
	tabindex="-1"
	aria-labelledby="exampleModalLabel"
	aria-hidden="true"
>
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h1
					class="modal-title fs-5"
					id="exampleModalLabel"
				>
					{!! $cv['birthplace'] !!}
				</h1>
			 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<iframe
					src="https://www.google.com/maps/embed?{!! $cv['embed'] !!}"
					width="100%"
					height="500"
					style="border:0;"
					allowfullscreen=""
					loading="lazy"
					referrerpolicy="no-referrer-when-downgrade"
				></iframe>
			</div>
			<div class="modal-footer">
				<button
					type="button"
					class="btn btn-secondary"
					data-bs-dismiss="modal"
				>
					{!! __("lang.button.close") !!}
				</button>
			</div>
		</div>
	</div>
</div>
<!-- /.modal -->
@endsection

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

</style>
@stop

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

	//
});
</script>
@stop