@extends('layouts.dashboard.main')

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

<!-- nav -->
<ul class="nav nav-tabs nav-justified mb-5">
	<li class="nav-item">
		<a
			class="nav-link active"
			href="#"
			aria-current="page"
		>
			<span class="fw-bold">
				自部署
			</span>
		</a>
	</li>
	<li class="nav-item">
		<a
			class="nav-link"
			href="#"
		>
			<span class="fw-bold">
				共有
			</span>
		</a>
	</li>
</ul>
<!-- /.nav -->

<div class="row g-4">

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

		<div class="card mb-0">
			@if($thread_list_count > 0)
				<ul class="list-group list-group-flush">
					@foreach($thread_list as $key => $value)
						<a
							class="list-group-item list-group-item-action d-flex justify-content-start align-items-center {!! ($value['thread_code'] == $thread_code) ? 'active' : '' !!}"
							href="{!! route('report.topic.index', [
								$board_code,
								$value['thread_code']
							]) !!}"
							aria-current="{!! ($value['thread_code'] == $board_code) ? 'true' : 'false' !!}"
						>
							<div class="me-auto">
								{!! $value['thread_title'] !!}
							</div>
							<div class="">
								<span class="fw-bold">
									（{!! $value['topic_list_count'] !!}）
								</span>
							</div>
							{{--<div>
								<i class="fa-solid fa-angle-right fa-fw fa-lg"></i>
							</div>--}}
						</a>
					@endforeach
				</ul>
			@else
				<div class="card-body">
					<p class="text-center mb-0">
						{!! __("lang.error.empty") !!}
					</p>
				</div>
			@endif
		</div>

	</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">
				<div>
					<h5>
						トピック一覧
					</h5>
				</div>
				<div></div>
			</div>
			<!-- /.section-title -->

			<!-- toolbar -->
			<div class="d-flex justify-content-between align-items-center mb-3">
				<div>
					{!! __("lang.common.count") !!} : <span class="fw-bold">{!! $topic_list_count !!}</span>
				</div>
				<div>
					<div
						class="btn-group btn-group-sm"
						role="group"
					>
						<a
							class="btn btn-outline-secondary"
							href="{!! route('report.topic.update', [
								$board_code,
								$thread_code,
							]) !!}"
						>
							<span class="small fw-bold">
								{!! implode('', [
									__("lang.button.create"),
								]) !!}
							</span>
						</a>
						<a
							class="btn btn-outline-secondary"
							href="{!! route('report.thread.index', [
								$board_code,
								$thread_code,
							]) !!}"
						>
							<span class="small fw-bold">
								{!! __("lang.button.back") !!}
							</span>
						</a>
					</div>
				</div>
			</div>
			<!-- /.toolbar -->

			<!-- table -->
			<div class="table-response">
				<table class="table">
					<colgroup>
						<col>
						<col>
						<col>
						<col>
						<col width="100%">
					</colgroup>
					<tbody class="table-group-divider">
						<tr>
							<th scope="col" nowrap>
								&nbsp;
							</th>
							<th scope="col" nowrap>
								#
							</th>
							<th scope="col" nowrap>
								{!! __("lang.form.is_share") !!}
							</th>
							<th scope="col" nowrap>
								{!! implode('', [
									__("lang.report.title"),
									__("lang.unit.number"),
								]) !!}
							</th>
							<th scope="col" nowrap>
								{!! __("lang.topic.topic_title") !!}
							</th>
						</tr>
					</thead>
					<tbody class="table-group-divider">
						@if($topic_list_count > 0)
							@foreach($topic_list as $key => $value)
								<tr>
									<td nowrap>
										<div
											class="btn-group btn-group-sm"
											role="group"
										>
											<a
												class="btn btn-outline-secondary"
												href="{!! route('report.report.index', [
													$board_code,
													$thread_code,
													$value['topic_code'],
												]) !!}"
											>
												{!! __("lang.report.title") !!}
											</a>
											<a
												class="btn btn-outline-secondary"
												href="{!! route('report.topic.update', [
													$board_code,
													$thread_code,
													$value['topic_code'],
												]) !!}"
											>
												{!! __("lang.button.update") !!}
											</a>
										</div>
									</td>
									<th nowrap scope="row">
										<div class="text-center">
											{!! $key + 1 !!}
										</div>
									</th>
									<td>
										@if($value['is_share'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</td>
									<th nowrap scope="row">
										<div class="text-center">
											{!! $value['report_list_count'] !!}
										</div>
									</th>
									<td nowrap>
										{!! $value['topic_title'] !!}
									</td>
								</tr>
							@endforeach
						@else
							<tr>
								<td nowrap>
									<div
										class="btn-group btn-group-sm"
										role="group"
									>
										<a
											class="btn btn-outline-secondary disabled"
											href="#"
										>
											{!! __("lang.report.title") !!}
										</a>
										<a
											class="btn btn-outline-secondary disabled"
											href="#"
										>
											{!! __("lang.button.update") !!}
										</a>
									</div>
								</td>
								<td colspan="4">
									{!! __("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