@extends('layouts.dashboard.main')

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

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

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

	{{-- aside --}}
	<aside class="col-12 col-lg-3">

		<div class="card">
			@foreach($application_category_list as $i => $content)
				<div class="card-header">
					<h6>
						{!! $content['application_category_label'] !!}
					</h6>
				</div>
				@if($content['application_list_count'] > 0)
					<div class="list-group list-group-flush">
						@foreach($content['application_list'] as $key => $value)
							<a
								class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
								href="{!! route('application.log.home.index', [
									$value['application_code'],
								]) !!}"
							>
								<div>
									<span class="small {!! ($value['application_code'] == $application_code) ? 'fw-bold' : '' !!}">
										{!! $value['application_label'] !!}
									</span>
								</div>
								<div>
									<i class="fa-solid fa-angle-right"></i>
								</div>
							</a>
						@endforeach
					</div>
				@else
					<div class="card-body py-2">
						<span class="text-muted">
							準備中
						</span>
					</div>
				@endif
			@endforeach
		</div>
	
	</aside>
	{{-- /.aside --}}

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

		{{-- section --}}
		<section class="mb-5">
			@if(is_null($application_code))
				
				{{-- alert --}}
				<div
					class="alert alert-primary"
					role="alert"
				>
					<p class="fw-bold text-center mb-0 py-4">
						左メニューリストから確認したい申請区分を選択してください
					</p>
				</div>
				{{-- /.alert --}}

			@else
				
				{{-- toolbar --}}
				<div class="d-flex justify-content-between align-items-center mb-3">
					<div>
						{!! __('lang.common.count') !!} : <span class="fw-bold">{!! $application_list_count !!}</span>
					</div>
					<div>
						<div
							class="btn-group btn-group-sm"
							role="group"
						>
							<a
								class="btn btn-outline-secondary"
								href="{!! route('application.form.attendance.index') !!}"
								style="width:60px;"
							>
								<span class="small fw-bold">
									{!! __('lang.button.create') !!}
								</span>
							</a>
						</div>
					</div>
				</div>
				{{-- /.toolbar --}}

				{{-- table --}}
				<div class="table-responsive">
					<table class="table table-hover">
						
						{{-- attendance --}}
						@if(preg_match('/attendance/', $application['route']))
							<colgroup>
								<col>
								<col>
								<col>
								<col>
								<col>
								<col>
								<col width="100%">
								<col>
								<col>
							</colgroup>
							<thead>
								<tr>
									<th scope="col" nowrap>
										<div class="text-center">
											#
										</div>
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.attendance.date_created') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.attendance.authorizer') !!}
									</th>
									<th scope="col" nowrap>
										<div class="text-center">
											{!! __('lang.application.attendance.is_approved') !!}
										</div>
									</th>
									<th scope="col" nowrap>
										<div class="text-center">
											{!! __('lang.application.attendance.is_returned') !!}
										</div>
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.attendance.date') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.master.attendance.title') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.attendance.stime') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.attendance.ftime') !!}
									</th>
								</tr>
							</thead>
							<tbody>
								@if($application_list_count > 0)
									@foreach($application_list as $key => $value)
										<tr
											class="clickable "
											data-href="{!! route('application.log.attendance.edit', [
												$value['appliction_code'],
											]) !!}"
											role="button"
										>
											<td nowrap>
												<div class="text-center">
													{!! $key + 1 !!}
												</div>
											</td>
											<td nowrap>
												{!! \Carbon\Carbon::parse($value['date_created'])->format(__('lang.date.yymmdd')) !!}
											</td>
											<td nowrap>
												{!! implode(' ', [
													$value['authorizer_sname'],
													$value['authorizer_gname'],
												]) !!}
											</td>
											<td nowrap>
												@if($value['is_approved'])
													<div class="text-center">
														<i class="fa-solid fa-check fa-fw fa-lg"></i>
													</div>
												@endif
											</td>
											<td nowrap>
												@if($value['is_returned'])
													<div class="text-center">
														<i class="fa-solid fa-check fa-fw fa-lg"></i>
													</div>
												@endif
											</td>
											<td nowrap>
												{!! \Carbon\Carbon::create(
													$value['yy'],
													$value['mm'],
													$value['dd'],
												)->format(__('lang.date.yymmdd')) !!}
											</td>
											<td nowrap>
												{!! $value['attendance_label'] !!}
											</td>
											<td nowrap>
												@if(!is_null($value['stime']))
													{!! \Carbon\Carbon::parse(
														$value['stime']
													)->format(__('lang.date.hhii')) !!}
												@endif
											</td>
											<td nowrap>
												@if(!is_null($value['ftime']))
													{!! \Carbon\Carbon::parse(
														$value['ftime']
													)->format(__('lang.date.hhii')) !!}
												@endif
											</td>
										</tr>
									@endforeach
								@else

								@endif
							</tbody>
						@endif

						{{-- wifi --}}
						@if(preg_match('/wifi/', $application['route']))
							<colgroup>
								<col>
							</colgroup>
							<thead>
								<tr>
									<th scope="col" nowrap>
										<div class="text-center">
											#
										</div>
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.wifi.date_created') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.wifi_device.is_auth') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.wifi_device.is_done') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.wifi_device.timestamp') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.wifi_device.title') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.wifi_device.device_number') !!}
									</th>
									<th scope="col" nowrap>
										{!! __('lang.application.wifi_device.is_provided') !!}
									</th>
								</tr>
							</thead>
							<tbody>
								@if($application_list_count > 0)
									@foreach($application_list as $key => $value)
										<tr>
											<td nowrap>
												<div class="text-center">
													{!! $key + 1 !!}
												</div>
											</td>
											<td nowrap>
												<div class="text-center">
													{!! \Carbon\Carbon::parse($value['timestamp'])->format('Y/m/d') !!}
												</div>
											</td>
										</tr>
									@endforeach
								@else

								@endif
							</tbody>
						@endif
						
					</table>
				</div>
				{{-- /.table --}}

			@endif
		</section>
		{{-- /.section --}}

	</main>
	{{-- /.main --}}
	
</div>
@endsection

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

</style>
@stop

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