@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
<div class="row g-4 mb-5">

	<!-- aside -->
	<aside class="col col-lg-3">

		<!-- section -->
		<section class="mb-5">

			<!-- section-title -->
			<div class="d-flex justify-content-between align-items-center mb-3">
				<div>
					<h5 class="">
						{!! __("lang.master.organization") !!}
					</h5>
				</div>
			</div>
			<!-- /.section-title -->

			<ul class="list-group">
				<li class="list-group-item d-flex justify-content-start align-items-center py-3">
					<div class="me-auto">
						<span class="fw-bold">
							{!! __("lang.center.title") !!}
						</span>
					</div>
					<div>
						{!! $center['center_label'] !!}
					</div>
				</li>
				<li class="list-group-item d-flex justify-content-start align-items-center py-3">
					<div class="me-auto">
						<span class="fw-bold">
							{!! __("lang.department.title") !!}
						</span>
					</div>
					<div>
						{!! $department['department_label'] !!}
					</div>
				</li>
				@if(!is_null($division))
					<li class="list-group-item d-flex justify-content-start align-items-center py-3">
						<div class="me-auto">
							<span class="fw-bold">
								{!! __("lang.division.title") !!}
							</span>
						</div>
						<div>
							{!! $division['division_label'] !!}
						</div>
					</li>
				@endif
			</ul>

		</section>
		<!-- /.section -->

	</aside>
	<!-- /.aside -->

	<!-- main -->
	<main class="col col-lg-5">

		<!-- section -->
		<section class="mb-5">

			<!-- section-title -->
			<div class="d-flex justify-content-between align-items-center mb-3">
				<div>
					<h5 class="">
						所属{!! __("lang.staff.title") !!}
					</h5>
				</div>
			</div>
			<!-- /.section-title -->

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

			<!-- table -->
			<div class="table-response">
				<table class="table table-hover">
					<colgroup>
						<col>
						<col>
						<col>
						<col width="100%">
					</colgroup>
					<tbody class="table-group-divider">
						<tr>
							<th scope="col" nowrap>
								#
							</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>
						</tr>
					</thead>
					<tbody class="table-group-divider">
						@if($staff_list_count > 0)
							@foreach($staff_list as $key => $value)
								<tr
									@if(\Session::get('staff.is_admin'))
										class="clickable"
										data-href="{!! route('master.staff.update', [
											$value['staff_code'],
										]) !!}"
										role="button"
									@endif
								>
									<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>
										<span class="fw-bold">
											@if($value['is_foreigner'])
												{!! implode(' ', [
													$value['staff_skana'],
													$value['staff_mkana'],
													$value['staff_gkana'],
												]) !!}
											@else
												{!! implode(' ', [
													$value['staff_sname'],
													$value['staff_mname'],
													$value['staff_gname'],
												]) !!}
											@endif
										</span>
									</td>
								</tr>
							@endforeach
						@else
							<tr>
								<td colspan="4">
									<span class="text-muted">
										{!! __("lang.error.empty") !!}
									</span>
								</td>
							</tr>
						@endif
					</tbody>
				</table>
			</div>
			<!-- /.table -->

		</section>
		<!-- /.section -->

	</main>
	<!-- /.main -->

	<!-- main -->
	<main class="col col-lg-4">

		<!-- section -->
		<section class="mb-5">

			<!-- section-title -->
			<div class="d-flex justify-content-between align-items-center mb-3">
				<div>
					<h5 class="">
						{!! implode('', [
							'業務報告 ',
							__("lang.form.is_share"),
							__("lang.staff.title"),
						]) !!}
					</h5>
				</div>
			</div>
			<!-- /.section-title -->

			<!-- toolbar -->
			<div class="d-flex justify-content-start align-items-center mb-2">
				<div class="me-auto">
					{!! __("lang.common.count") !!} :
					<span class="fw-bold">{!! $share_mapping_list_count !!}</span>
				</div>
				<div>
					<div
						class="btn-group btn-group-sm"
						role="group"
					>
						<a
							class="btn btn-outline-secondary"
							href="{!! route('about.share.update') !!}"
						>
							<span class="small fw-bold">
								{!! implode('', [
									__("lang.button.update"),
								]) !!}
							</span>
						</a>
					</div>
				</div>
			</div>
			<!-- /.toolbar -->

			<!-- table -->
			<div class="table-response">
				<table class="table">
					<colgroup>
						<col>
						<col>
						<col>
						<col width="100%">
					</colgroup>
					<tbody class="table-group-divider">
						<tr>
							<th scope="col" nowrap>
								#
							</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>
						</tr>
					</thead>
					<tbody class="table-group-divider">
						@if($share_mapping_list_count > 0)
							@php
								$i = 1
							@endphp
							@foreach($share_mapping_list as $key => $value)
								<tr class="">
									<th nowrap scope="row">
										<div class="text-center">
											{!! $i !!}
										</div>
									</th>
									<td nowrap>
										<div class="text-center">
											{!! $value['staff_number'] !!}
										</div>
									</td>
									<td nowrap>
										{!! $value['class_label'] !!}
									</td>
									<td nowrap>
										<span class="fw-bold">
											{!! implode(' ', [
												$value['staff_sname'],
												$value['staff_gname'],
											]) !!}
										</span>
									</td>
								</tr>
								@php
									$i++
								@endphp
							@endforeach
						@else
							<tr>
								<td colspan="4">
									<span class="text-muted">
										{!! __("lang.error.empty") !!}
									</span>
								</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