@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
{!! Form::open($form) !!}
{!! Form::hidden('appliction_attendance[appliction_code]', $appliction_code) !!}
{!! Form::hidden('appliction_attendance[is_done]', 0) !!}
{!! Form::hidden('appliction_attendance[mtb_center_id]', $appliction_attendance['mtb_center_id']) !!}
{!! Form::hidden('appliction_attendance[mtb_department_id]', $appliction_attendance['mtb_department_id']) !!}
{!! Form::hidden('appliction_attendance[mtb_division_id]', $appliction_attendance['mtb_division_id']) !!}
{!! Form::hidden('appliction_attendance[date_created]', $appliction_attendance['date_created']) !!}

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

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

	{{-- aside --}}
	@include('layouts.dashboard.components.application.log.aside')

	{{-- main --}}
	<main class="col-lg-9">
		
		{{-- section --}}
		<section class="">

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

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

					<dl class="row mb-3">
						<dt class="col-12 col-lg-2 mb-lg-0">
							{!! __("lang.application.attendance.date_created") !!}
						</dt>
						<dd class="col mb-0">
							{!! \Carbon\Carbon::parse($appliction_attendance['date_created'])->isoFormat('YYYY年MM月DD日 (ddd)') !!}
						</dd>
					</dl>
					<dl class="row mb-3">
						<dt class="col-12 col-lg-2 mb-lg-0">
							{!! __("lang.master.organization") !!}
						</dt>
						<dd class="col mb-0">
							{!! implode(' / ', $organization['name']) !!}
						</dd>
					</dl>
					<dl class="row mb-3">
						<dt class="col-12 col-lg-2 mb-lg-0">
							{!! __("lang.attendance.authorizer") !!}
						</dt>
						<dd class="col mb-0">
							{!! $organization['authorizer']['staff_name'] !!}
						</dd>
					</dl>
					<dl class="row mb-3">
						<dt class="col-12 col-lg-2 mb-lg-0">
							{!! __("lang.staff.staff_number") !!}
						</dt>
						<dd class="col mb-0">
							{!! $appliction_attendance['staff_number'] !!}
						</dd>
					</dl>
					<dl class="row mb-3">
						<dt class="col-12 col-lg-2 mb-lg-0">
							{!! __("lang.staff.staff_name") !!}
						</dt>
						<dd class="col mb-0">
							{!! implode(' ', [
								$appliction_attendance['staff_sname'],
								$appliction_attendance['staff_gname'],
							]) !!}
						</dd>
					</dl>
					<div class="row mb-3">
						<label
							class="col-12 col-lg-2 col-form-label mb-lg-0"
							for=""
						>
							{!! __("lang.attendance.date") !!}
						</label>
						<div class="col col-lg-5">
							<div class="input-group input-group-sm">
								{!! Form::select('appliction_attendance[yy]', $year_list, $appliction_attendance['yy'], [
									'class' => 'form-select',
								]) !!}
								{!! Form::select('appliction_attendance[mm]', $month_list, $appliction_attendance['mm'], [
									'class' => 'form-select',
								]) !!}
								{!! Form::select('appliction_attendance[dd]', $day_list, $appliction_attendance['dd'], [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-12 col-lg-2 col-form-label mb-lg-0"
							for=""
						>
							{!! __("lang.master.attendance_matter.title") !!}
						</label>
						<div class="col col-lg-auto">
							<div class="input-group input-group-sm">
								{!! Form::select('appliction_attendance[mtb_attendance_matter_id]', $attendance_matter_list, $appliction_attendance['mtb_attendance_matter_id'], [
									'class' => 'form-select',
								]) !!}
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-12 col-lg-2 col-form-label mb-lg-0"
							for=""
						>
							{!! __("lang.attendance.stime") !!}
						</label>
						<div class="col col-lg-auto">
							<div class="input-group input-group-sm">
								{!! Form::select('appliction_attendance[stime][hh]', [''=>''] + $hour_list, (is_null($appliction_attendance['stime'])) ? null : $appliction_attendance['stime_hh'], [
									'class' => 'form-select',
								]) !!}
								{!! Form::select('appliction_attendance[stime][ii]', [''=>''] + $minute_list, (is_null($appliction_attendance['stime'])) ? null : $appliction_attendance['stime_ii'], [
									'class' => 'form-select',
								]) !!}
								<button
									class="btn btn-outline-secondary"
									id="stime"
									type="button"
								>
									<span class="small fw-bold">
										{!! __('lang.button.reset') !!}
									</span>
								</button>
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-12 col-lg-2 col-form-label mb-lg-0"
							for=""
						>
							{!! __("lang.attendance.ftime") !!}
						</label>
						<div class="col col-lg-auto">
							<div class="input-group input-group-sm">
								{!! Form::select('appliction_attendance[ftime][hh]', [''=>''] + $hour_list, (is_null($appliction_attendance['ftime'])) ? null : $appliction_attendance['ftime_hh'], [
									'class' => 'form-select',
								]) !!}
								{!! Form::select('appliction_attendance[ftime][ii]', [''=>''] + $minute_list, (is_null($appliction_attendance['ftime'])) ? null : $appliction_attendance['ftime_ii'], [
									'class' => 'form-select',
								]) !!}
								<button
									class="btn btn-outline-secondary"
									id="ftime"
									type="button"
								>
									<span class="small fw-bold">
										{!! __('lang.button.reset') !!}
									</span>
								</button>
							</div>
						</div>
					</div>
					<div class="row mb-0">
						<label
							class="col-12 col-lg-2 col-form-label mb-lg-0"
							for=""
						>
							{!! __("lang.form.remark") !!}
						</label>
						<div class="col">
							<div class="input-group input-group-sm">
								{!! Form::textarea('appliction_attendance[remark]', $appliction_attendance['remark'], [
									'class' => 'form-control',
									'rows' => '5',
								]) !!}
							</div>
						</div>
					</div>

				</div>
			</div>

		</section>

	</main>
</div>

<!-- btn-fixed -->
<div
	class="btn-fixed"
	style="z-index:999"
>
	<button
		class="btn btn-primary"
		type="submit"
		name="action"
		value="confirm"
		style="width:140px;"
	>
		<span class="small fw-bold">
			{!! __('lang.button.confirm') !!}
		</span>
	</button>
	<button
		class="btn btn-danger"
		id="delete"
		type="button"
		style="width:140px;"
		data-value="{!! $appliction_code !!}"
	>
		<span class="small fw-bold">
			{!! __('lang.button.delete') !!}
		</span>
	</button>
	<a
		class="btn btn-outline-secondary"
		href="{!! route('admin.home.index') !!}"
		style="width:140px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
	<a
		class="btn btn-secondary"
		href="#page-top"
	>
		<i class="fas fa-angle-up"></i>
	</a>
</div>
<!-- /.btn-fixed -->

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

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

</style>
@stop

{{-- js --}}
@section('js')
<script>
$(function() {
	
	// reset stime
	$('#stime').on('click', function() {
		
		$('[name=appliction_attendance\\[stime\\]\\[hh\\]]').val(null);
		$('[name=appliction_attendance\\[stime\\]\\[ii\\]]').val(null);
	});

	// reset ftime
	$('#ftime').on('click', function() {
		
		$('[name=appliction_attendance\\[ftime\\]\\[hh\\]]').val(null);
		$('[name=appliction_attendance\\[ftime\\]\\[ii\\]]').val(null);
	});

	// reset stime
	$('#delete').on('click', function() {
		
		if(confirm("該当の勤怠届を削除します。削除すると復旧させることはできません。\n本当によろしいですか？")) {
			
			const code = $(this).data('value');
			const url = [
				'{!! route('application.log.attendance.destroy') !!}',
				code,
			].join('/');

			$.ajax({
				url : url,
				type : 'get',
			})
			.done((data) => {
				
				location.href = '{!! route('application.log.attendance.index') !!}';
			})
			.fail((request, status, error) => {
				
			});
		}
	});
});
</script>
@stop