@extends('layouts.dashboard.main')

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

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

	<!-- aside -->
	<aside class="col col-lg-3">
		@include('layouts.dashboard.components.foreigner')
	</aside>
	<!-- /.aside -->

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

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

			<div class="card">
				<div class="card-body pb-0">

					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.qualification.title") !!}
						</label>
						<div class="col">
							{!! Form::select("foreigner_qualification[mtb_qualification_id]", $qualification_list, (isset($foreigner_qualification)) ? $foreigner_qualification['mtb_qualification_id'] : '', [
								'class' => 'form-select',
								'id' => 'qualification',
							]) !!}
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.qualification_level.title") !!}
						</label>
						<div class="col">
							{!! Form::select("foreigner_qualification[mtb_qualification_level_id]", $qualification_level_list, (isset($foreigner_qualification)) ? $foreigner_qualification['mtb_qualification_level_id'] : '', [
								'class' => 'form-select',
								'id' => 'qualification_level',
							]) !!}
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.foreigner_qualification.date") !!}
						</label>
						<div class="col-auto">
							<div class="input-group">
								{!! Form::date("foreigner_qualification[date]", (isset($foreigner_qualification)) ? $foreigner_qualification['date'] : '', [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.foreigner_qualification.score") !!}
						</label>
						<div class="col-lg-2">
							<div class="input-group">
								{!! Form::number("foreigner_qualification[score]", (isset($foreigner_qualification)) ? $foreigner_qualification['score'] : 0, [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.foreigner_qualification.file") !!}
						</label>
						<div class="col">
							<div class="input-group">
								<button
									class="btn btn-outline-secondary"
									type="button"
								>
									<i class="fas fa-image fa-fw fa-sm"></i>
								</button>
								{!! Form::file("foreigner_qualification[file]", [
									'class' => 'form-control',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.foreigner_qualification.is_result") !!}
						</label>
						<div class="col">
							<div class="btn-group btn-group-sm" role="group">
								@for($i = 0; $i <= 1; $i++)
									{!! Form::radio('foreigner_qualification[is_result]', $i, (isset($foreigner_qualification)) ? (($i == $foreigner_qualification['is_result']) ? true : false) : (($i == 0) ? true : false), [
										'class' => 'btn-check',
										'id' => "is_result{$i}",
									]) !!}
									<label
										class="btn btn-outline-primary btn-sm"
										for="is_result{!! $i !!}"
										style="width: 80px;"
									>
										<span class="fw-bold">
											{!! __("lang.dictionary.is_yesno.{$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.form.remark") !!}
						</label>
						<div class="col">
							{!! Form::textarea("foreigner_qualification[remark]", (isset($foreigner_qualification)) ? $foreigner_qualification['remark'] : '', [
								'class' => 'form-control',
								'rows' => 4,
							]) !!}
						</div>
					</div>

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

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

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

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

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

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

</style>
@stop

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

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

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

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

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

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