@extends('layouts.dashboard.main')

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

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

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

		<!-- section -->
		<section class="mb-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="card">
				<ul class="list-group list-group-flush">
					<li class="list-group-item py-3">
						<dl class="row mb-0">
							<dt class="col-lg-3 text-lg-end">
								{!! __("lang.cv.yy") !!}
							</dt>
							<dd class="col mb-0">
								{!! $cv['yy'] !!}年度
							</dd>
						</dl>
					</li>
					<li class="list-group-item py-3">
						<dl class="row mb-0">
							<dt class="col-lg-3 text-lg-end">
								{!! __("lang.scheme.title") !!}
							</dt>
							<dd class="col mb-0">
								{!! $cv['scheme_label'] !!}
							</dd>
						</dl>
					</li>
					<li class="list-group-item py-3">
						<dl class="row mb-0">
							<dt class="col-lg-3 text-lg-end">
								{!! __("lang.supplier.title") !!}
							</dt>
							<dd class="col mb-0">
								{!! $cv['supplier_label'] !!}
							</dd>
						</dl>
					</li>
					<li class="list-group-item py-3">
						<dl class="row mb-0">
							<dt class="col-lg-3 text-lg-end">
								{!! __("lang.cv.cv_name") !!}
							</dt>
							<dd class="col mb-0">
								{!! implode(' ', [
									$cv['cv_sname'],
									$cv['cv_mname'],
									$cv['cv_gname'],
								]) !!}
							</dd>
						</dl>
					</li>
					<li class="list-group-item py-3">
						<dl class="row mb-0">
							<dt class="col-lg-3 text-lg-end">
								{!! __("lang.cv.cv_kana") !!}
							</dt>
							<dd class="col mb-0">
								{!! implode(' ', [
									$cv['cv_skana'],
									$cv['cv_mkana'],
									$cv['cv_gkana'],
								]) !!}
							</dd>
						</dl>
					</li>
					<li class="list-group-item py-3">
						<dl class="row mb-0">
							<dt class="col-lg-3 text-lg-end">
								{!! __("lang.cv.gender") !!}
							</dt>
							<dd class="col mb-0">
								{!! __("lang.dictionary.gender.{$cv['gender']}") !!}
							</dd>
						</dl>
					</li>
					<li class="list-group-item py-3">
						<dl class="row mb-0">
							<dt class="col-lg-3 text-lg-end">
								{!! __("lang.cv.birthday") !!}
							</dt>
							<dd class="col mb-0">
								{!! \Carbon\Carbon::parse(
									$cv['birthday']
								)->format(__("lang.date.yymmdd")) !!}
							</dd>
						</dl>
					</li>
					<li class="list-group-item py-3">
						<dl class="row mb-0">
							<dt class="col-lg-3 text-lg-end">
								{!! __("lang.nationality.title") !!}
							</dt>
							<dd class="col mb-0">
								{!! $cv['nationality_label'] !!}
							</dd>
						</dl>
					</li>
					<li class="list-group-item py-3">
						<dl class="row mb-0">
							<dt class="col-lg-3 text-lg-end">
								{!! __("lang.cv.birthplace") !!}
							</dt>
							<dd class="col mb-0">
								<a
									class=""
									href="#"
									data-bs-toggle="modal"
									data-bs-target="#modal"
								>
									{!! $cv['birthplace'] !!}
								</a>
							</dd>
						</dl>
					</li>
				</ul>
			</div>

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

		@if(!is_null($cv['remark']))
			<!-- section -->
			<section class="mb-4">

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

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

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

	<!-- aside -->
	<aside class="col-lg-7">

		<!-- 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">
				<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-4">

			<!-- 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">
				<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 -->

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

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

<!-- btn-fixed -->
<div
	class="btn-fixed"
	style="z-index:999"
>
	<a
		class="btn btn-outline-secondary"
		href="{!! route('ksap.cv.update', [
			$yy,
			$cv_code,
		]) !!}"
		style="width:120px;"
	>
		<span class="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