@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
{!! Form::open($form) !!}
{!! Form::hidden('board_code', $board_code) !!}
{!! Form::hidden('thread_code', $thread_code) !!}
{!! Form::hidden('topic[topic_code]', $topic_code) !!}
{!! Form::hidden('topic[dtb_topic_id]', is_null($topic_code) ? '' : $topic['dtb_topic_id']) !!}

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

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

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

		{{-- error --}}
		@if($errors->any())
			<div class="alert alert-danger mb-3">
				<ul class="small fw-bold mb-0 ps-3">
					@foreach($errors->all() as $error)
						<li>
							{!! $error !!}
						</li>
					@endforeach
				</ul>
			</div>
		@endif
		{{-- /.error --}}

		<div class="card mb-3">
			<div class="card-body pb-0">

				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.thread.thread_title") !!}
					</label>
					<div class="">
						{!! Form::select('topic[dtb_thread_id]', $thread_list, $thread['dtb_thread_id'], [
							'class' => 'form-select',
						]) !!}
					</div>
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.topic.topic_title") !!}
					</label>
					<div class="">
						{!! Form::text('topic[topic_title]', (isset($topic)) ? $topic['topic_title'] : '', [
							'class' => 'form-control',
						]) !!}
					</div>
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.form.seq") !!}
					</label>
					<div class="">
						{!! Form::number('topic[seq]', (isset($topic)) ? $topic['seq'] : $seq, [
							'class' => 'form-control',
						]) !!}
					</div>
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.form.remark") !!}
					</label>
					<div class="">
						{!! Form::textarea('topic[remark]', (isset($topic)) ? $topic['remark'] : '', [
							'class' => 'form-control',
							'rows' => '4',
						]) !!}
					</div>
				</div>
				<div class="mb-3">
					<label
						class="form-label"
						for=""
					>
						{!! __("lang.dictionary.is_disabled.1") !!}
					</label>
					<div class="d-flex align-items-center">
						<div class="btn-group" role="group">
							@for($i = 0; $i <= 1; $i++)
								{!! Form::radio('topic[is_disabled]', $i, (isset($topic)) ? (($i == $topic['is_disabled']) ? true : false) : (($i == 0) ? true : false), [
									'class' => 'btn-check',
									'id' => "is_disabled{$i}",
								]) !!}
								<label
									class="btn btn-outline-primary btn-sm"
									for="is_disabled{!! $i !!}"
									style="width: 80px;"
								>
									<span class="fw-bold">
										{!! __("lang.dictionary.is_yesno.{$i}") !!}
									</span>
								</label>
							@endfor
						</div>
					</div>
				</div>

			</div>
		</div>

		@if($share_mapping_list_count > 0)
			<div class="card mb-3">
				<div class="card-body pb-1">
					<h6 class="mb-3">
						共有対象職員
					</h6>
					@foreach($share_mapping_list as $key => $value)
						<div class="form-check form-switch mb-2">
							{!! Form::checkbox('staff[]', $key, (isset($topic_mapping_list[$key])) ? true : false, [
								'class' => 'form-check-input me-3',
								'id' => "staff{$key}",
								'role' => 'switch',
							]) !!}
							<label
								class="form-check-label"
								for="staff{!! $key !!}"
							>
								{!! $value['staff_number'] !!} :
								<span class="fw-bold">
									{!! implode(' ', [
										$value['staff_sname'],
										$value['staff_gname'],
									]) !!}
								</span>
							</label>
						</div>
					@endforeach
				</div>
			</div>
		@else
			<div class="card-body">
				<div class="alert alert-secondary mb-0">
					<p class="text-center mb-0">
						{!! __("lang.error.empty") !!}
					</p>
				</div>
			</div>
		@endif

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

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

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

			<!-- toolbar -->
			<div class="d-flex justify-content-start align-items-center mb-3">
				<div class="me-auto">
					{!! __("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">
								{!! __("lang.button.create") !!}
							</span>
						</a>
					</div>
				</div>
			</div>
			<!-- /.toolbar -->

			<!-- table -->
			<div class="table-response">
				<table class="table table-hover">
					<colgroup>
						<col>
						<col>
						<col>
						<col>
						<col width="100%">
						<col>
					</colgroup>
					<thead class="table-light table-group-divider">
						<tr>
							<th scope="col" nowrap>
								<span class="px-2">
									#
								</span>
							</th>
							<th scope="col" nowrap>
								{!! __("lang.form.is_share") !!}
							</th>
							<th scope="col" nowrap>
								<ul class="list-unstyled mb-0">
									<li>
										{!! __("lang.dictionary.is_disabled.1") !!}
									</li>
								</ul>
							</th>
							<th scope="col" nowrap>
								<ul class="list-unstyled mb-0">
									<li>
										{!! implode('', [
											__("lang.report.title"),
											__("lang.unit.number"),
										]) !!}
									</li>
								</ul>
							</th>
							<th scope="col" nowrap>
								<ul class="list-unstyled mb-0">
									<li>
										{!! __("lang.topic.topic_title") !!}
									</li>
								</ul>
							</th>
							<th scope="col" nowrap>
								<ul class="list-unstyled mb-0">
									<li>
										{!! __("lang.form.seq") !!}
									</li>
								</ul>
							</th>
						</tr>
					</thead>
					<tbody class="table-group-divider">
						@if($topic_list_count > 0)
							@foreach($topic_list as $key => $value)
								<tr
									class="clickable {!! ($value['topic_code'] == $topic_code) ? 'table-primary' : '' !!}"
									data-href="{!! route('report.topic.update', [
										$board_code,
										$thread_code,
										$value['topic_code'],
									]) !!}"
									role="button"
								>
									<th nowrap scope="row">
										<div class="text-center">
											{!! $key + 1 !!}
										</div>
									</th>
									<td nowrap>
										<div class="text-center">
											@if($value['is_share'])
												<i class="fas fa-check fa-fw"></i>
											@endif
										</div>
									</td>
									<td>
										@if($value['is_disabled'])
											<div class="text-center">
												<i class="fa-solid fa-check fa-fw fa-lg"></i>
											</div>
										@endif
									</td>
									<td nowrap>
										<div class="text-center">
											{!! $value['report_list_count'] !!}
										</div>
									</td>
									<td nowrap>
										{!! $value['topic_title'] !!}
									</td>
									<td nowrap>
										<div class="text-center">
											{!! $value['seq'] !!}
										</div>
									</td>
								</tr>
							@endforeach
						@else
							<tr>
								<td nowrap>
									<div
										class="btn-group btn-group-sm"
										role="group"
									>
										<a
											class="btn btn-outline-secondary disabled"
											href="#"
										>
											<span class="small fw-bold">
												{!! __("lang.button.update") !!}
											</span>
										</a>
									</div>
								</td>
								<td colspan="5">
									{!! __("lang.error.empty") !!}
								</td>
							</tr>
						@endif
					</tbody>
				</table>
			</div>
			<!-- /.table -->

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

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

</div>

<!-- btn-fixed -->
<div
	class="btn-fixed"
	style="z-index:999"
>
	<button
		class="btn btn-primary"
		id="submit"
		type="submit"
		name="action"
		value="store"
		style="width:180px;"
	>
		<span class="fw-bold">
			{!! __("lang.button.submit") !!}
		</span>
	</button>
	@if(!is_null($topic_code))
		<button
			class="btn btn-danger"
			type="button"
			id="delete"
			style="width:120px;"
		>
			<span class="fw-bold">
				{!! __("lang.button.delete") !!}
			</span>
		</button>
	@endif
	<a
		class="btn btn-outline-secondary"
		href="{!! route('report.thread.index', [
			$board_code,
		]) !!}"
		style="width:120px;"
	>
		<span class="fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
</div>
<!-- /.btn-fixed -->

{!! Form::close() !!}
@endsection

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

</style>
@stop

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

	@if(!is_null($topic_code))
		$('#delete').on('click', function() {
			if(confirm("このトピックを削除します。\n本当によろしいですか？")) {
				location.href = '{!! route('report.topic.destroy', [
					$board_code,
					$thread_code,
					$topic_code,
				]) !!}';
			}
		});
	@endif
});
</script>
@stop