@extends('layouts.dashboard.main')

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

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

	<ul class="nav nav-tabs nav-justified mb-4">
		@foreach($result as $i => $content)
			<li
				class="nav-item"
				role="presentation"
			>
				<button
					class="nav-link {!! ($i == 0) ? 'active' : '' !!}"
					type="button"
					data-bs-toggle="tab"
					data-bs-target="#tab{!! $i !!}"
					role="tab"
					aria-controls="tab{!! $i !!}"
					aria-selected="{!! ($i == 0) ? 'true' : 'false' !!}"
				>
					<span class="fw-bold fs-6">
						{!! $content['title'] !!}
					</span>
					@if($i == 2)
						@if(count($content['report_list']) > 0)
							<span class="badge rounded-pill text-bg-danger ms-2" style="font-size:0.9rem;">
								{!! count($content['report_list']) !!}
							</span>
						@endif
					@endif
				</button>
			</li>
		@endforeach
	</ul>

	<div class="tab-content">
		@foreach($result as $i => $content)
			<div
				class="tab-pane fade {!! ($i == 0) ? 'show active' : '' !!}"
				id="tab{!! $i !!}"
				role="tabpanel"
				tabindex="0"
			>
				<!-- toolbar -->
				<div class="toolbar d-flex justify-content-between align-items-center mb-2">
					<div>
						{!! __("lang.common.count") !!} : <span class="fw-bold">{!! count($content['report_list']) !!}</span>
					</div>
					<div></div>
				</div>
				<!-- /.toolbar -->

				<!-- table -->
				<div class="table-response">
					<table class="table table-hover">
						<colgroup>
							@if($i == 2)
								<col>
								<col>
								<col>
								<col width="100%">
								<col>
							@else
								<col>
								<col>
								<col>
								<col>
								<col>
								<col width="100%">
								<col>
							@endif
						</colgroup>
						<thead class="table-group-divider">
							<tr>
								<th scope="col" nowrap>
									<div class="mx-2">
										#
									</div>
								</th>
								@if($i == 2)
									<th scope="col" nowrap>
										{!! __("lang.circular.timestamp") !!}
									</th>
									<th scope="col" nowrap>
										{!! __("lang.circular_file.short_title") !!}
									</th>
									<th scope="col" nowrap>
										<ul class="list-unstyled mb-0">
											<li>
												{!! __("lang.circular.circular_title") !!}
											</li>
										</ul>
									</th>
									<th scope="col" nowrap>
										<ul class="list-unstyled mb-0">
											<li>
												{!! __("lang.circular.staff_name") !!}
											</li>
										</ul>
									</th>
								@else
									<th scope="col" nowrap>
										未読
									</th>
									<th scope="col" nowrap>
										{!! __("lang.report.datetime") !!}
									</th>
									<th scope="col" nowrap>
										<span class="">
											{!! __("lang.report.is_important") !!}
										</span>
									</th>
									<th scope="col" nowrap>
										{!! __("lang.report_file.short_title") !!}
									</th>
									<th scope="col" nowrap>
										{!! __("lang.report.report_subject") !!}
									</th>
									<th scope="col" nowrap>
										{!! __("lang.report.staff_name") !!}
									</th>
								@endif
							</tr>
						</thead>
						<tbody class="table-group-divider">
							@if(count($content['report_list']) > 0)
								@foreach($content['report_list'] as $key => $value)
									<tr
										class="clickable {!! (is_null($value['timestamp'])) ? 'table-warning' : '' !!}"
										{{-- 最新業務報告 --}}
										@if($i == 0)
											data-href="{!! route('report.report.show', [
												$value['board_code'],
												$value['thread_code'],
												$value['topic_code'],
												$value['report_code'],
											]) !!}"
										@endif

										{{-- 最新共有報告 --}}
										@if($i == 1)
											data-href="{!! route('report.share.show', [
												$value['report_code'],
											]) !!}"
										@endif

										{{-- 未読回覧板 --}}
										@if($i == 2)
											data-href="{!! route('circular.show', [
												$value['circular_code'],
											]) !!}"
										@endif
										role="button"
									>
										<th nowrap scope="row">
											<div class="text-center">
												{!! $key + 1 !!}
											</div>
										</th>

										{{-- 最新共有報告 --}}
										@if($i == 0)
											<td nowrap>
												@if(is_null($value['timestamp']))
													<div class="text-center">
														<span class="badge rounded-pill text-bg-warning">
															未読
														</span>
														{{--<i class="fa-solid fa-check fa-fw fa-lg"></i>--}}
													</div>
												@endif
											</td>
											<td nowrap>
												{!! \Carbon\Carbon::parse($value['datetime'])->isoFormat("YYYY年MM月DD日") !!}
											</td>
											<td nowrap>
												<div class="text-center">
													@if($value['is_important'])
														<span class="badge rounded-pill text-bg-danger">
															{!! __("lang.report.is_important") !!}
														</span>
													@endif
												</div>
											</td>
											<td nowrap>
												@if($value['report_file_count'] > 0)
													<div class="text-center">
														<i class="fa-solid fa-paperclip fa-fw fa-lg"></i>
													</div>
												@endif
											</td>
											<td nowrap>
												<ul class="list-unstyled mb-0">
													<li>
														<span class="fw-bold">
															{!! $value['report_subject'] !!}
														</span>
													</li>
													<li class="small mt-1">
														<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
															<ol class="breadcrumb mb-0">
																<li class="breadcrumb-item">
																	<a href="{!! route('report.thread.index', [
																		$value['board_code'],
																	]) !!}">
																		{!! $value['board_title'] !!}
																	</a>
																</li>
																<li class="breadcrumb-item">
																	<a href="{!! route('report.thread.index', [
																		$value['board_code'],
																	]) !!}">
																		{!! $value['thread_title'] !!}
																	</a>
																</li>
																<li class="breadcrumb-item">
																	<a href="{!! route('report.report.index', [
																		$value['board_code'],
																		$value['thread_code'],
																		$value['topic_code'],
																	]) !!}">
																		{!! $value['topic_title'] !!}
																	</a>
																</li>
															</ol>
														</nav>
													</li>
												</ul>
											</td>
											<td nowrap>
												<ul class="list-unstyled mb-0">
													<li>
														{!! implode(' ', [
															$value['staff_sname'],
															$value['staff_gname'],
														]) !!}
													</li>
												</ul>
											</td>
										@endif

										{{-- 最新共有報告 --}}
										@if($i == 1)
											<td nowrap>
												@if(is_null($value['timestamp']))
													<div class="text-center">
														<span class="badge rounded-pill text-bg-warning">
															未読
														</span>
														{{--<i class="fa-solid fa-check fa-fw fa-lg"></i>--}}
													</div>
												@endif
											</td>
											<td nowrap>
												{!! \Carbon\Carbon::parse($value['datetime'])->isoFormat("YYYY年MM月DD日") !!}
											</td>
											<td nowrap>
												<div class="text-center">
													@if($value['is_important'])
														<span class="badge rounded-pill text-bg-danger">
															{!! __("lang.report.is_important") !!}
														</span>
													@endif
												</div>
											</td>
											<td nowrap>
												@if($value['report_file_count'] > 0)
													<div class="text-center">
														<i class="fa-solid fa-paperclip fa-fw fa-lg"></i>
													</div>
												@endif
											</td>
											<td nowrap>
												<ul class="list-unstyled mb-0">
													<li>
														<span class="fw-bold">
															{!! $value['report_subject'] !!}
														</span>
													</li>
												</ul>
											</td>
											<td nowrap>
												<ul class="list-unstyled mb-0">
													<li class="small">
														{!! implode(' ', [
															$value['center_label'],
															$value['department_label'],
															$value['division_label'],
														]) !!}
													</li>
													<li>
														{!! implode(' ', [
															$value['staff_sname'],
															$value['staff_gname'],
														]) !!}
													</li>
												</ul>
											</td>
										@endif

										{{-- 未読回覧板 --}}
										@if($i == 2)
											<td nowrap>
												{!! \Carbon\Carbon::parse($value['timestamp'])->isoFormat('YYYY年MM月DD日') !!}
											</td>
											<td nowrap>
												@if($value['circular_file_count'] > 0)
													<div class="text-center">
														<i class="fa-solid fa-paperclip fa-fw fa-lg"></i>
													</div>
												@endif
											</td>
											<td nowrap>
												<ul class="list-unstyled mb-0">
													<li>
														<span class="fw-bold">
															{!! $value['circular_title'] !!}
														</span>
													</li>
												</ul>
											</td>
											<td nowrap>
												<ul class="list-unstyled mb-0">
													<li>
														{!! implode(' ', [
															$value['staff_sname'],
															$value['staff_gname'],
														]) !!}
													</li>
												</ul>
											</td>
										@endif
									</tr>
								@endforeach
							@else
								<tr>
									<td colspan="7">
										{!! __("lang.error.empty") !!}
									</td>
								</tr>
							@endif
						</tbody>
					</table>
				</div>
			</div>
		@endforeach
	</div>

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

<!-- btn-fixed -->
<div
	class="btn-fixed"
	style="z-index:999"
>
	<a
		class="btn btn-primary"
		href="#page-top"
	>
		<span class="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