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

<!-- 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 mb-5">

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

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

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

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

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

		<!-- 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 -->

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

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

		@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="alert alert-secondary">
				<p class="text-center mb-0">
					{!! __("lang.error.empty") !!}
				</p>
			</div>
		@endif

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

</div>

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

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

</style>
@stop

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


});
</script>
@stop