@extends('layouts.dashboard.main')

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

{{-- 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="mb-5">
				
			{{-- 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.create') !!}"
							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">
					<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 nowrap>
								<div class="text-center">
									{!! __('lang.form.status') !!}
								</div>
							</th>
							<th scope="col" nowrap>
								{!! __('lang.application.attendance.date') !!}
							</th>
							<th scope="col" nowrap>
								{!! __('lang.master.attendance_matter.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>
										<div class="text-center">
											@if($value['is_done'])
												@if($value['is_approved'])
													<span class="fw-bold text-success">
														{!! __('lang.application.attendance.is_approved') !!}
													</span>
												@else
													<span class="fw-bold text-danger">
														{!! __('lang.application.attendance.is_returned') !!}
													</span>
												@endif
											@else
												<span class="fw-bold text-muted">
													{!! __('lang.dictionary.is_done.0') !!}
												</span>
											@endif
										</div>
									</td>
									<td nowrap>
										{!! \Carbon\Carbon::create(
											$value['yy'],
											$value['mm'],
											$value['dd'],
										)->format(__('lang.date.yymmdd')) !!}
									</td>
									<td nowrap>
										{!! $value['attendance_matter_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
							<tr>
								<td colspan="9">
									{!! __('lang.error.empty') !!}
								</td>
							</tr>
						@endif
					</tbody>
				</table>
			</div>
			{{-- /.table --}}

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

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

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

</style>
@stop

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