@extends('layouts.dashboard.main')

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

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

<div class="row g-4 mb-5">

	<!-- aside -->
	<aside class="col col-lg-3">
		{!! Form::open($form) !!}
		{!! Form::hidden('cv_family[dtb_cv_id]', $dtb_cv_id) !!}
		{!! Form::hidden('cv_family[dtb_cv_family_id]', $dtb_cv_family_id) !!}

		@if($errors->any())
			<div class="alert alert-danger mb-3">
				<ul class="small fw-bold mb-0 ps-3">
					@foreach($errors->all() as $error)
						<li>
							{!! $error !!}
						</li>
					@endforeach
				</ul>
			</div>
		@endif

		<div class="card">
			<div class="card-body">
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.relationship.title") !!}
					</label>
					{!! Form::select('cv_family[mtb_relationship_id]', $relationship_list, (isset($cv_family)) ? $cv_family['mtb_relationship_id'] : '', [
						'class' => 'form-select form-select-sm',
					]) !!}
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						<span class="badge text-bg-danger me-1">
							{!! __("lang.form.request") !!}
						</span>
						{!! __("lang.cv_family.cv_family_name") !!}
					</label>
					{!! Form::text('cv_family[cv_family_name]', (isset($cv_family)) ? $cv_family['cv_family_name'] : '', [
						'class' => 'form-control form-control-sm',
					]) !!}
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						<span class="badge text-bg-danger me-1">
							{!! __("lang.form.request") !!}
						</span>
						{!! __("lang.cv_family.age") !!}
					</label>
					{!! Form::number('cv_family[age]', (isset($cv_family)) ? $cv_family['age'] : '', [
						'class' => 'form-control form-control-sm',
					]) !!}
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						<span class="badge text-bg-danger me-1">
							{!! __("lang.form.request") !!}
						</span>
						{!! __("lang.cv_family.job_name") !!}
					</label>
					{!! Form::text('cv_family[job_name]', (isset($cv_family)) ? $cv_family['job_name'] : '', [
						'class' => 'form-control form-control-sm',
					]) !!}
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.form.remark") !!}
					</label>
					{!! Form::textarea('cv_family[remark]', (isset($cv_family)) ? $cv_family['remark'] : '', [
						'class' => 'form-control form-control-sm',
						'rows' => '4',
					]) !!}
				</div>

				<div class="d-grid gap-2">
					<button
						class="btn btn-primary"
						id="submit"
						type="submit"
						name="action"
						value="store"
					>
						<span class="small fw-bold">
							{!! __("lang.button.submit") !!}
						</span>
					</button>
					<a
						class="btn btn-outline-secondary"
						href="{!! route('ksap.cv_family.update', [
							$dtb_cv_id,
						]) !!}"
					>
						<span class="small fw-bold">
							{!! __("lang.button.reset") !!}
						</span>
					</a>
				</div>
			</div>
		</div>

		{!! Form::close() !!}
	</aside>
	<!-- /.aside -->

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

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

			<!-- section-title -->
			<div class="section-title d-flex justify-content-between align-items-center mb-3">
				<div>
					<h5>
						{!! implode(' ', [
							$cv['cv_skana'],
							$cv['cv_mkana'],
							$cv['cv_gkana'],
						]) !!}
					</h5>
				</div>
			</div>
			<!-- /.section-title -->

			<!-- toolbar -->
			<div class="d-flex justify-content-start align-items-center mb-3">
				<div class="me-auto">
					{!! __("lang.common.count") !!} :
					<span class="fw-bold">{!! $cv_family_list_count !!}</span>
				</div>
				<div>
					<div
						class="btn-toolbar"
						role="toolbar"
					>
						<div
							class="btn-group btn-group-sm"
							role="group"
						>
							<a
								class="btn btn-outline-secondary btn-sm"
								href="{!! route('ksap.cv_family.update', [
									$dtb_cv_id,
								]) !!}"
							>
								<span class="small fw-bold">
									{!! __("lang.button.create") !!}
								</span>
							</a>
						</div>
					</div>
				</div>
			</div>
			<!-- /.toolbar -->

			<!-- table -->
			<div class="table-response">
				<table class="table table-hover">
					<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
									class="clickable {!! ($value['dtb_cv_family_id'] == $dtb_cv_family_id) ? 'table-primary' : '' !!}"
									data-href="{!! route('ksap.cv_family.update', [
										$dtb_cv_id,
										$value['dtb_cv_family_id'],
									]) !!}"
									role="button"
								>
									<th nowrap scope="row">
										<div class="text-center">
											{!! $key + 1 !!}
										</div>
									</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>
			</div>
			<!-- /.table -->

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

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

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

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

</style>
@stop

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