@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
{!! Form::open($form) !!}
{!! Form::hidden('yy', $yy) !!}
{!! Form::hidden('mm', $mm) !!}

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

	{{-- toolbar --}}
	<div class="d-flex justify-content-center align-items-center mb-3">
		<div>
			<a
				class=""
				href="{!! route('administrator.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('administrator.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('administrator.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>
				<col width="100%">
				<col>
				<col>
				<col>
				<col>
			</colgroup>
			<thead>
				<tr>
					<th nowrap>
						<div class="px-2">
							{!! Form::checkbox('allchecked', '', null, [
								'class' => 'form-check-input border-secondary',
								'id' => 'allchecked',
							]) !!}
						</div>
					</th>
					<th nowrap>
						<div class="text-center">
							出力
						</div>
					</th>
					<th nowrap>
						<div class="text-center">
							#
						</div>
					</th>
					<th nowrap>
						{!! __('lang.application.attendance.date_created') !!}
					</th>
					<th nowrap>
						{!! __('lang.master.organization') !!}
					</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>
				</tr>
			</thead>
			<tbody>
				@if($attendance_list_count > 0)
					@foreach($attendance_list as $key => $value)
						<tr
							class=""
							role=""
						>
							<td nowrap>
								<div class="px-2">
									{!! Form::checkbox('appliction_code[]', $value['appliction_code'], null, [
										'class' => 'form-check-input border-secondary',
										'data-value' => ($value['is_exported']) ? 1 : 0,
									]) !!}
								</div>
							</td>
							<td nowrap>
								@if($value['is_exported'])
									<div class="text-center">
										<i class="fa-solid fa-check fa-fw fa-lg"></i>
									</div>
								@endif
							</td>
							<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>
								{!! $value['organization_name'] !!}
							</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>
						</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"
>
	<button
		class="btn btn-primary"
		id="submit"
		type="submit"
		style="width:140px;"
	>
		<span class="small fw-bold">
			CSV出力
		</span>
	</button>
	<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 --}}

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

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

</style>
@stop

{{-- js --}}
@section('js')
<script>
$(function() {
	
	//
	$("#allchecked").on('click', function() {
		$("input[name='appliction_code[]']").prop('checked', $(this).prop('checked'));
	});

	// submit
	$('#submit').on('click', function() {
		
		if(confirm('CSVを出力します。よろしいですか？')) {
			
			return true;
		}
	});
});
</script>
@stop