@extends('layouts.dashboard.main')

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

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

<div class="row">

	{{-- aside --}}
	<aside class="col col-lg-3">
		{!! Form::open($form) !!}

		<div class="card">
			<div class="card-body pb-0">
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.staff.staff_number") !!}
					</label>
					<div class="input-group input-group-sm">
						{!! Form::text('number', (isset($request['number'])) ? $request['number'] : '', [
							'class' => 'form-control',
						]) !!}
					</div>
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.staff.staff_kana") !!}
					</label>
					<div class="input-group input-group-sm">
						{!! Form::text('skana', (isset($request['skana'])) ? $request['skana'] : '', [
							'class' => 'form-control',
						]) !!}
						{!! Form::text('gkana', (isset($request['gkana'])) ? $request['gkana'] : '', [
							'class' => 'form-control',
						]) !!}
					</div>
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.class.title") !!}
					</label>
					<div class="input-group input-group-sm">
						{!! Form::select('classid', ['' => ''] + $class_list, (isset($request['classid'])) ? $request['classid'] : '', [
							'class' => 'form-select',
						]) !!}
					</div>
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.employee.title") !!}
					</label>
					<div class="input-group input-group-sm">
						{!! Form::select('employeeid', ['' => ''] + $employee_list, (isset($request['employeeid'])) ? $request['employeeid'] : '', [
							'class' => 'form-select',
						]) !!}
					</div>
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.staff.is_foreigner") !!}
					</label>
					<div class="">
						<div class="btn-group btn-group-sm" role="group">
							@for($i = 1; $i >= 0; $i--)
								{!! Form::radio('foreigner', $i, (isset($request['foreigner'])) ? (($i == $request['foreigner']) ? true : false) : null, [
									'class' => 'btn-check',
									'id' => "foreigner{$i}",
								]) !!}
								<label
									class="btn btn-outline-secondary btn-sm"
									for="foreigner{!! $i !!}"
									style="width: 80px;"
								>
									<span class="small fw-bold">
										{!! __("lang.dictionary.is_yesno.{$i}") !!}
									</span>
								</label>
							@endfor
						</div>
					</div>
				</div>
			</div>
			<div class="card-footer py-3 bg-white border-top-0">
				<div class="d-grid gap-2">
					<button
						class="btn btn-primary"
						type="submit"
					>
						<span class="small fw-bold">
							{!! __("lang.button.search") !!}
						</span>
					</button>
					<a
						class="btn btn-outline-secondary"
						href="{!! route('own.staff.index') !!}"
					>
						<span class="small fw-bold">
							{!! __("lang.button.reset") !!}
						</span>
					</a>
				</div>
			</div>
		</div>

		{!! Form::close() !!}
	</aside>
	{{-- /.aside --}}

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

		{{-- article --}}
		<article>
			
			{{-- toolbar --}}
			<div class="d-flex justify-content-between align-items-center mb-2">
				<div class="">
					職員数：
					<span class="fw-bold">
						{!! $staff_list_count !!}{!! __("lang.unit.human") !!}
					</span>
				</div>
				<div>
					<div
						class="btn-group btn-group-sm"
						role="group"
					>
						<a
							class="btn btn-outline-secondary"
							href="{!! route('admin.staff.update') !!}"
						>
							<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 width="100%">
						<col>
						<col>
						<col>
						<col>
						<col>
					</colgroup>
					<thead class="table-group-divider">
						<tr class="">
							<th scope="col" nowrap>
								<div class="text-center">
									#
								</div>
							</th>
							<th scope="col" nowrap>
								{!! __("lang.staff.staff_number") !!}
							</th>
							<th scope="col" nowrap>
								{!! __("lang.class.title") !!}
							</th>
							<th scope="col" nowrap>
								{!! __("lang.staff.staff_name") !!}
							</th>
							<th scope="col" nowrap>
								{!! __("lang.employee.title") !!}
							</th>
							<th scope="col" nowrap>
								<div class="text-center">
									{!! __("lang.staff.is_foreigner") !!}
								</div>
							</th>
							<th scope="col" nowrap>
								<div class="text-center">
									{!! __("lang.own.title") !!}
								</div>
							</th>
							<th scope="col" nowrap>
								<div class="text-center">
									{!! implode('', [
										__("lang.circular.title"),
										__("lang.common.manage"),
									]) !!}
								</div>
							</th>
						</tr>
					</thead>
					<tbody class="table-group-divider">
						@if($staff_list_count > 0)
							@foreach($staff_list as $key => $value)
								<tr
									class="clickable"
									data-href="{!! route('admin.staff.update', [
										$value['staff_code'],
									]) !!}"
									role="button"
								>
									<th nowrap scope="row">
										<div class="text-center">
											{!! $key + 1 !!}
										</div>
									</th>
									<td nowrap>
										<div class="text-center">
											{!! $value['staff_number'] !!}
										</div>
									</td>
									<td nowrap>
										{!! $value['class_label'] !!}
									</td>
									<td nowrap>
										@if($value['is_foreigner'])
											{!! implode(' ', [
												$value['staff_skana'],
												//$value['staff_mname'],
												$value['staff_gkana'],
											]) !!}
										@else
											{!! implode(' ', [
												$value['staff_sname'],
												$value['staff_gname'],
											]) !!}
										@endif
									</td>
									<td nowrap>
										<div class="text-start">
											{!! $value['employee_label'] !!}
										</div>
									</td>
									<th nowrap scope="row">
										@if($value['is_foreigner'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</th>
									<th nowrap scope="row">
										@if($value['is_own'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</th>
									<th nowrap scope="row">
										@if($value['is_circular'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</th>
								</tr>
							@endforeach
						@else

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

		</article>
		{{-- /.article --}}

	</main>
	{{-- /.main --}}

</div>

{{-- btn-fixed --}}
<div
	class="btn-fixed"
	style="z-index:999"
>
	<a
		class="btn btn-outline-secondary"
		href="{!! route('admin.home.index') !!}"
		style="width:120px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
	<a
		class="btn btn-secondary"
		href="#page-top"
	>
		<i class="fas fa-angle-up"></i>
	</a>
</div>
{{-- /.btn-fixed --}}

@endsection

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

</style>
@stop

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


});
</script>
@stop