@extends('layouts.dashboard.main')

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

@include('layouts.dashboard.components.report.nav')

<div class="row g-4 mb-5">

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

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

			<!-- section-title -->
			<div class="section-title d-flex justify-content-between align-items-center mb-3">
				<div>
					<h5>
						{!! implode('', [
							__("lang.board.title"),
							__("lang.button.index"),
						]) !!}
					</h5>
				</div>
				<div>
					<div
						class="btn-group btn-group-sm"
						role="group"
					>
						<a
							class="btn btn-outline-secondary"
							href="{!! route('report.board.update') !!}"
						>
							<span class="small fw-bold">
								{!! implode('', [
									__("lang.board.title"),
									__("lang.button.management"),
								]) !!}
							</span>
						</a>
					</div>
				</div>
			</div>
			<!-- /.section-title -->

			@if($board_list_count > 0)
				<ul class="list-group">
					@foreach($board_list as $key => $value)
						<a
							class="list-group-item list-group-item-action d-flex justify-content-start align-items-center py-3"
							href="{!! route('report.thread.index', [
								$value['board_code'],
							]) !!}"
						>
							<div class="me-auto">
								<span class="fw-bold">
									{!! $value['board_title'] !!}
								</span>
							</div>
							@if($value['is_public'])
								<div class="me-2">
									<span class="badge rounded-pill text-bg-danger">
										{!! __("lang.board.is_public") !!}
									</span>
								</div>
							@endif
							<div>
								<i class="fas fa-angle-right fa-fw"></i>
							</div>
						</a>
					@endforeach
				</ul>
			@else
				<div class="alert alert-secondary py-3">
					<span class="fw-bold">
						{!! __("lang.error.empty") !!}
					</span>
				</div>
			@endif
		</section>
		<!-- /.section -->

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

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

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

			<!-- section-title -->
			<div class="section-title d-flex justify-content-between align-items-center mb-3 py-1">
				<div>
					<h5>
						{!! __("lang.date.latest") !!}（直近1ヶ月）
					</h5>
				</div>
				<div></div>
			</div>
			<!-- /.section-title -->

			<!-- toolbar -->
			<div class="d-flex justify-content-start align-items-center mb-3">
				<div class="me-auto">
					{!! __("lang.common.count") !!} : <span class="fw-bold">{!! $report_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%">
						<col>
					</colgroup>
					<thead class="table-group-divider">
						<tr>
							<th scope="col" nowrap>
								<div class="mx-2">
									#
								</div>
							</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>
								<ul class="list-unstyled mb-0">
									<li>
										{!! __("lang.report.report_subject") !!}
									</li>
									<li>
										<nav class="mb-0" style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
											<ol class="breadcrumb mb-0">
												<li class="breadcrumb-item mb-0">
													{!! __("lang.board.title") !!}
												</li>
												<li class="breadcrumb-item mb-0">
													{!! __("lang.thread.title") !!}
												</li>
												<li class="breadcrumb-item mb-0">
													{!! __("lang.topic.title") !!}
												</li>
											</ol>
										</nav>
									</li>
								</ul>
							</th>
							<th scope="col" nowrap>
								<ul class="list-unstyled mb-0">
									<li>
										{!! __("lang.report.datetime") !!}
									</li>
									<li>
										{!! __("lang.report.staff_name") !!}
									</li>
								</ul>
							</th>
						</tr>
					</thead>
					<tbody class="table-group-divider">
						@if($report_list_count > 0)
							@foreach($report_list as $key => $value)
								<tr
									class="clickable"
									data-href="{!! route('report.report.show', [
										$value['board_code'],
										$value['thread_code'],
										$value['topic_code'],
										$value['report_code'],
									]) !!}"
									role="button"
								>
									<th nowrap scope="row">
										<div class="text-center">
											{!! $key + 1 !!}
										</div>
									</th>
									<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>
												<nav class="mb-0" style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
													<ol class="breadcrumb mb-0">
														<li class="breadcrumb-item mb-0">
															<a
																class=""
																href="{!! route('report.thread.index', [
																	$value['board_code'],
																]) !!}"
															>
																{!! $value['board_title'] !!}
															</a>
														</li>
														<li class="breadcrumb-item mb-0">
															<a
																class=""
																href="{!! route('report.thread.index', [
																	$value['board_code'],
																]) !!}"
															>
																{!! $value['thread_title'] !!}
															</a>
														</li>
														<li class="breadcrumb-item mb-0">
															<a
																class=""
																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>
												{!! \Carbon\Carbon::parse($value['datetime'])->isoFormat("YYYY年MM月DD日(ddd)") !!}
											</li>
											<li>
												{!! implode(' ', [
													$value['staff_sname'],
													$value['staff_gname'],
												]) !!}
											</li>
										</ul>
									</td>
								</tr>
							@endforeach
						@else
							<tr>
								<td colspan="5">
									{!! __("lang.error.empty") !!}
								</td>
							</tr>
						@endif
					</tbody>
				</table>
			</div>
			<!-- /.table -->

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

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

</div>

<!-- btn-fixed -->
<div
	class="btn-fixed bg-white"
	style="z-index:999"
></div>
<!-- /.btn-fixed -->
@endsection

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

</style>
@stop

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