@extends('layouts.dashboard.main')

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

{{-- section --}}
<section class="mb-4">

	{{-- toolbar --}}
	<div class="d-flex justify-content-center align-items-center mb-3">
		<div>
			<a
				class=""
				href="{!! route('management.application.attendance.index', [
					$date['prev']['yy'],
					$date['prev']['mm'],
				]) !!}"
			>
				<i class="fa-solid fa-circle-chevron-left fa-fw fs-4"></i>
			</a>
		</div>
		<div class="mx-2">
			<h5>
				{!! \Carbon\Carbon::create(
					$yy,
					$mm,
					1
				)->format(__("lang.date.yymm")) !!}
			</h5>
		</div>
		<div>
			<a
				class=""
				href="{!! route('management.application.attendance.index', [
					$date['next']['yy'],
					$date['next']['mm'],
				]) !!}"
			>
				<i class="fa-solid fa-circle-chevron-right fa-fw fs-4"></i>
			</a>
		</div>
	</div>
	{{-- /.toolbar --}}

	{{-- toolbar --}}
	<div
		class="btn-group btn-group-sm d-flex"
		role="group"
	>
		@for($i = 1; $i <= 12; $i++)
			<a
				class="btn btn-outline-primary w-100 {!! ($i == $mm) ? 'active' : '' !!}"
				href="{!! route('management.application.attendance.index', [
					$yy,
					$i,
				]) !!}"
			>
				<span class="fw-bold">
					{!! implode('', [
						$i,
						__("lang.date.mm"),
					]) !!}
				</span>
			</a>
		@endfor
	</div>
	{{-- /.toolbar --}}

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

{{-- section --}}
<section class="mb-5">

	<!-- toolbar -->
	<div class="d-flex justify-content-start align-items-center mb-2">
		<div class="me-auto">
			{!! __("lang.common.count") !!} : <span class="fw-bold">{!! $attendance_list_count !!}</span>
		</div>
		<div>
			
		</div>
	</div>
	<!-- /.toolbar -->

	<!-- table -->
	<div class="table-responsive">
		<table class="table table-hover">
			<colgroup>
				<col>
				<col>
				<col>
				<col>
				<col width="30%">
				<col>
				<col>
				<col>
				<col>
				<col width="70%">
				<col>
			</colgroup>
			<thead>
				<tr>
					<th nowrap>
						<div class="text-center">
							#
						</div>
					</th>
					<th nowrap>
						&nbsp;
					</th>
					<th nowrap>
						<div class="text-center">
							{!! __('lang.form.status') !!}
						</div>
					</th>
					<th nowrap>
						{!! __('lang.application.attendance.date_created') !!}
					</th>
					<th nowrap>
						{!! __('lang.staff.staff_name') !!}
					</th>
					<th nowrap>
						{!! __('lang.application.attendance.date') !!}
					</th>
					<th nowrap>
						{!! __('lang.master.attendance_matter.title') !!}
					</th>
					<th nowrap>
						{!! __('lang.application.attendance.stime') !!}
					</th>
					<th nowrap>
						{!! __('lang.application.attendance.ftime') !!}
					</th>
					<th nowrap>
						{!! __('lang.master.attendance_return.title') !!}
					</th>
					<th nowrap>
						差戻理由詳細
					</th>
				</tr>
			</thead>
			<tbody>
				@if($attendance_list_count > 0)
					@foreach($attendance_list as $key => $value)
						<tr
							class=""
							role=""
						>
							<td nowrap>
								<div class="text-center">
									{!! $key + 1 !!}
								</div>
							</td>
							<td nowrap>
								<div class="btn-group btn-group-sm" role="group">
									<button
										class="btn btn-outline-secondary"
										data-fancybox
										data-type="iframe"
										data-src="{!! route('management.application.modal.attendance.update', [
											$value['appliction_code'],
										]) !!}"
									>
										<span class="small fw-bold">
											{!! __('lang.button.edit') !!}
										</span>
									</button>
								</div>
							</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::parse($value['date_created'])->format(__('lang.date.yymmdd')) !!}
							</td>
							<td nowrap>
								{!! implode(' ', [
									$value['staff_sname'],
									$value['staff_gname'],
								]) !!}
							</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>
							<td nowrap>
								{!! $value['attendance_return_label'] !!}
							</td>
							<td nowrap>
								{!! nl2br($value['reason']) !!}
							</td>
						</tr>
					@endforeach
				@else
					<tr>
						<td>
							&nbsp;
						</td>
						<td colspan="8">
							{!! __('lang.error.empty') !!}
						</td>
					</tr>
				@endif
			</tbody>
		</table>
	</div>
	<!-- /.table -->

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

{{-- btn-fixed --}}
<div
	class="btn-fixed bg-white"
	style="z-index:999"
>
	<a
		class="btn btn-secondary"
		href="#page-top"
	>
		<span class="small fw-bold">
			<i class="fas fa-angle-up"></i>
		</span>
	</a>
</div>
{{-- /.btn-fixed --}}
@endsection

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

</style>
@stop

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