@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
{!! Form::open($form) !!}
{!! Form::hidden('staff[staff_code]', $staff_code) !!}
{!! Form::hidden('tab', $tab) !!}

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

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

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

		<!-- section -->
		<section class="mb-0">
			<div class="card">
				<div class="card-header">
					<h6>
						個人情報
					</h6>
				</div>
				<div class="card-body pb-0">

					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.staff.staff_name") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::text("staff[staff_sname]", (isset($staff)) ? $staff['staff_sname'] : '', [
									'class' => 'form-control',
								]) !!}
								{!! Form::text("staff[staff_mname]", (isset($staff)) ? $staff['staff_mname'] : '', [
									'class' => 'form-control',
								]) !!}
								{!! Form::text("staff[staff_gname]", (isset($staff)) ? $staff['staff_gname'] : '', [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.staff.staff_kana") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::text("staff[staff_skana]", (isset($staff)) ? $staff['staff_skana'] : '', [
									'class' => 'form-control',
								]) !!}
								{!! Form::text("staff[staff_mkana]", (isset($staff)) ? $staff['staff_mkana'] : '', [
									'class' => 'form-control',
								]) !!}
								{!! Form::text("staff[staff_gkana]", (isset($staff)) ? $staff['staff_gkana'] : '', [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.staff.staff_number") !!}
						</label>
						<div class="col-lg-2">
							<div class="input-group input-group-sm">
								{!! Form::text("staff[staff_number]", (isset($staff)) ? $staff['staff_number'] : '', [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.class.title") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::select("staff[mtb_class_id]", ['' => ' ----- '] + $class_list, (isset($staff)) ? $staff['mtb_class_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.employee.title") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_employee_id]", $employee_list, (isset($staff)) ? $staff['mtb_employee_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.staff.image") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{{--<button
									class="btn btn-outline-secondary"
									type="button"
								>
									<i class="fas fa-image fa-fw"></i>
								</button>--}}
								{!! Form::file("staff[image]", [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.nationality.title") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_nationality_id]", $nationality_list, (isset($staff)) ? $staff['mtb_nationality_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.residence.title") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_residence_id]", $residence_list, (isset($staff)) ? $staff['mtb_residence_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.foreigner.zip") !!}
						</label>
						<div class="col-lg-2">
							<span class="p-country-name" style="display:none;">Japan</span>
							<div class="input-group input-group-sm">
								{!! Form::text("foreigner[zip]", (isset($staff)) ? $staff['zip'] : '', [
									'class' => 'form-control p-postal-code',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.master.pref.title") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_pref_id]", $pref_list, (isset($staff)) ? $staff['mtb_pref_id'] : '', [
									'class' => 'form-select p-region-id',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.foreigner.address") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::text("foreigner[address]", (isset($staff)) ? $staff['address'] : '', [
									'class' => 'form-control p-locality p-street-address',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.foreigner.extended_address") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::text("foreigner[extended_address]", (isset($staff)) ? $staff['extended_address'] : '', [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.staff.birthday") !!}
						</label>
						<div class="col-auto">
							<div class="input-group input-group-sm">
								{!! Form::date("staff[birthday]", (isset($staff)) ? $staff['birthday'] : '', [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.staff.gender") !!}
						</label>
						<div class="col">
							<div class="btn-group btn-group-sm" role="group">
								@for($i = 0; $i <= 1; $i++)
									{!! Form::radio('staff[gender]', $i, (isset($staff)) ? (($i == $staff['gender']) ? true : false) : (($i == 0) ? true : false), [
										'class' => 'btn-check',
										'id' => "gender{$i}",
									]) !!}
									<label
										class="btn btn-outline-secondary btn-sm"
										for="gender{!! $i !!}"
										style="width: 80px;"
									>
										<span class="small fw-bold">
											{!! __("lang.dictionary.gender.{$i}") !!}
										</span>
									</label>
								@endfor
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.staff.mobile") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::text("staff[mobile]", (isset($staff)) ? $staff['mobile'] : '', [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.form.remark") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::textarea("staff[remark]", (isset($staff)) ? $staff['remark'] : '', [
									'class' => 'form-control',
									'rows' => 4,
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.staff.is_leave") !!}
						</label>
						<div class="col">
							<div class="btn-group btn-group-sm" role="group">
								@for($i = 0; $i <= 1; $i++)
									{!! Form::radio('staff[is_leave]', $i, (isset($master)) ? (($i == $master['is_leave']) ? true : false) : (($i == 0) ? true : false), [
										'class' => 'btn-check',
										'id' => "is_leave{$i}",
									]) !!}
									<label
										class="btn btn-outline-secondary btn-sm"
										for="is_leave{!! $i !!}"
										style="width: 80px;"
									>
										<span class="small fw-bold">
											{!! __("lang.dictionary.is_yesno.{$i}") !!}
										</span>
									</label>
								@endfor
							</div>
						</div>
					</div>

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

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

	{{-- aside --}}
	<aside class="col-lg-4">

		<!-- section -->
		<section class="mb-0">
			<div class="card">
				<div class="card-header">
					<h6>
						スキーム詳細
					</h6>
				</div>
				<div class="card-body pb-0">

					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							{!! __("lang.scheme.title") !!}
						</label>
						<div class="">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_scheme_id]", $scheme_list, (isset($staff)) ? $staff['mtb_scheme_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							{!! __("lang.year.title") !!}
						</label>
						<div class="">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_year_id]", $year_list, (isset($staff)) ? $staff['mtb_year_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							{!! __("lang.coe.title") !!}
						</label>
						<div class="">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_coe_id]", $coe_list, (isset($staff)) ? $staff['mtb_coe_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							{!! __("lang.workplace.title") !!}
						</label>
						<div class="">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_workplace_id]", $workplace_list, (isset($staff)) ? $staff['mtb_workplace_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							{!! __("lang.supplier.title") !!}
						</label>
						<div class="">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_supplier_id]", [0 => ' ----- '] + $supplier_list, (isset($staff)) ? $staff['mtb_supplier_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							{!! __("lang.japanese.title") !!}
						</label>
						<div class="">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_japanese_id]", [0 => ' ----- '] + $japanese_list, (isset($staff)) ? $staff['mtb_japanese_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							{!! __("lang.kaigo.title") !!}
						</label>
						<div class="">
							<div class="input-group input-group-sm">
								{!! Form::select("foreigner[mtb_kaigo_id]", [0 => ' ----- '] + $kaigo_list, (isset($staff)) ? $staff['mtb_kaigo_id'] : '', [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>

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

	</aside>
	{{-- /.aside --}}

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

{{-- btn-fixed --}}
<div
	class="btn-fixed"
	style="z-index:999"
>
	<button
		class="btn btn-primary"
		type="submit"
		name="action"
		value="store"
		style="width:160px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.submit") !!}
		</span>
	</button>
	<a
		class="btn btn-outline-secondary"
		href="{!! route('ksap.staff.show', [
			$staff_code,
			$tab,
		]) !!}"
		style="width:100px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
</div>
{{-- /.btn-fixed --}}

{!! Form::close() !!}
@endsection

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

</style>
@stop

{{-- js --}}
@section('js')
<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>

<script>
$(function() {

	//
	$('#center').on('change', function() {
		const id = $(this).val();
		const url = [
			'{!! route('ajax.department.index') !!}',
			id
		].join('/');
		//alert(url);return false;

		$.ajax({
			type: 'GET',
			url: url,
			dataType : 'json'
		})
		.done(function(data){

			//
			$('#department').children().remove();
			$('#division').children().remove();

			//
			$('#department').append('<option value="0"> --- 部署を選択 --- </option>');

			//
			$.each(data, function(id, value) {
				$('#department').append('<option value="' + id + '">' + value + '</option>');
			});
		})
		.fail(function(XMLHttpRequest, textStatus, errorThrown){
			alert(errorThrown);
		});
	});

	//
	$('#department').on('change', function() {
		const id = $(this).val();
		const url = [
			'{!! route('ajax.division.index') !!}',
			id
		].join('/');
		//alert(url);return false;

		$.ajax({
			type: 'GET',
			url: url,
			dataType : 'json'
		})
		.done(function(data){

			//
			$('#division').children().remove();

			//
			$('#division').append('<option value="0"> --- 課を選択 --- </option>');

			//
			$.each(data, function(id, value) {
				$('#division').append('<option value="' + id + '">' + value + '</option>');
			});
		})
		.fail(function(XMLHttpRequest, textStatus, errorThrown){
			alert(errorThrown);
		});
	});
});
</script>
@stop