@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) !!}

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

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

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

				<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="row mb-0">
					<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>

		<div class="card mb-3">
			@if($staff_mapping_list)
				<ul class="list-group">
					@foreach($staff_mapping_list as $i => $content)
						<li class="list-group-item py-3">
							<dl class="mb-0">
								<dt class="mb-2">
									{!! $content['division_label'] !!}
								</dt>
								<dd class="mb-0">
									@foreach($content['staff_list'] as $key => $value)
										{!! Form::checkbox('staff[]', $key, (isset($topic_mapping_list[$key])) ? true : false, [
											'class' => 'btn-check',
											'id' => "staff{$key}",
										]) !!}
										<label
											class="btn btn-outline-primary btn-sm px-3"
											for="staff{!! $key !!}"
										>
											<span class="fw-bold">
												{!! implode(' ', [
													$value['staff_sname'],
													$value['staff_gname'],
												]) !!}
											</span>
										</label>
									@endforeach
								</dd>
							</dl>
						</li>
					@endforeach
				</ul>
			@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
		</div>

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

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

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



		</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>
{{--<a
	class="btn btn-outline-secondary"
	href="{!! route('report.thread.update', [
		$thread_code,
		$thread_code,
	]) !!}"
	style="width:120px;"
>
	<span class="fw-bold">
		{!! __("lang.button.reset") !!}
	</span>
</a>--}}
<a
	class="btn btn-outline-secondary"
	href="{!! route('report.topic.index', [
		$board_code,
		$thread_code,
		$topic_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() {


});
</script>
@stop