@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.wifi.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">
					<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.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.master.usage.title') !!}
							</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
									@if($value['is_auth'])
										@if($value['is_done'])
											class="table-success"
										@else
											class="table-primary"
										@endif
									@else
										class="clickable"
										data-href="{!! route('application.log.wifi.edit', [
											$value['appliction_wifi_device_code'],
										]) !!}"
										role="button"
									@endif
								>
									<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>
										@if($value['is_auth'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</td>
									<td nowrap>
										@if($value['is_done'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</td>
									<td nowrap>
										@if($value['is_auth'])
											{!! \Carbon\Carbon::parse($value['timestamp'])->format(__('lang.date.yymmdd')) !!}
										@endif
									</td>
									<td nowrap>
										{!! $value['device_label'] !!}
									</td>
									<td nowrap>
										{!! $value['usage_label'] !!}
									</td>
									<td nowrap>
										{!! $value['device_number'] !!}
									</td>
									<td nowrap>
										<div class="text-center">
											{!! __("lang.dictionary.is_yesno.{$value['is_provided']}") !!}
										</div>
									</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