@extends('layouts.dashboard.main')

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


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

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

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

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

			{{-- alert --}}
			<div
				class="alert alert-warning mb-4"
				role="alert"
			>
				<h6 class="mb-3">
					下記事象発生後は速やかに正確な時間を申告してください
				</h6>
				<ol class="mb-0 ps-3">
					<li class="mb-2">
						ICカード忘れ
					</li>
					<li class="mb-2">
						打刻漏れ
					</li>
					<li class="mb-2">
						総務の実績確認による申告
					</li>
				</ol>
			</div>
			{{-- /.alert --}}

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

					<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($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">
							{!! \Session::get('staff.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(' ', [
								\Session::get('staff.staff_sname'),
								\Session::get('staff.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, date('Y'), [
									'class' => 'form-select',
								]) !!}
								{!! Form::select('appliction_attendance[mm]', $month_list, date('n'), [
									'class' => 'form-select',
								]) !!}
								{!! Form::select('appliction_attendance[dd]', $day_list, date('j'), [
									'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, null, [
									'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, null, [
									'class' => 'form-select',
								]) !!}
								{!! Form::select('appliction_attendance[stime][ii]', [''=>''] + $minute_list, null, [
									'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, null, [
									'class' => 'form-select',
								]) !!}
								{!! Form::select('appliction_attendance[ftime][ii]', [''=>''] + $minute_list, null, [
									'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]', null, [
									'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>
	<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);
	});
});
</script>
@stop