@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">
							@for($i = 0; $i <= 1; $i++)
								<label class="form-check form-check-inline">
									{!! Form::radio('topic[is_share]', $i, (isset($topic)) ? (($i == $topic['is_share']) ? true : false) : (($i == 0) ? true : false), [
										'class' => 'form-check-input',
									]) !!}
									<div>
										{!! __("lang.dictionary.is_yesno.{$i}") !!}
									</div>
								</label>
							@endfor
						</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">
							@for($i = 0; $i <= 1; $i++)
								<label class="form-check form-check-inline">
									{!! Form::radio('topic[is_disabled]', $i, (isset($topic)) ? (($i == $topic['is_disabled']) ? true : false) : (($i == 0) ? true : false), [
										'class' => 'form-check-input',
									]) !!}
									<div>
										{!! __("lang.dictionary.is_yesno.{$i}") !!}
									</div>
								</label>
							@endfor
						</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.thread.index', [
					$thread_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">

		<div class="accordion mb-4">
			@foreach($staff_list as $i => $content)
				<div class="accordion-item">
					<h2 class="accordion-header">
						<button
							class="accordion-button collapsed py-3"
							type="button"
							data-bs-toggle="collapse"
							data-bs-target="#division{!! $i !!}"
							aria-expanded="true"
						>
							<span class="small fw-bold">
								{!! $content['label'] !!}
							</span>
						</button>
					</h2>
					<div
						class="accordion-collapse collapse"
						id="division{!! $i !!}"
					>
						<div class="accordion-body pb-1">
							@if(count($content['staff_list']) > 0)
								@foreach($content['staff_list'] as $key => $value)
									<div class="form-check mb-2">
										{!! Form::checkbox('staff[]', $value['dtb_staff_id'], '', [
											'class' => 'form-check-input me-2',
											'id' => "staff{$value['dtb_staff_id']}",
										]) !!}
										<label
											class="form-check-label"
											for="staff{!! $value['dtb_staff_id'] !!}"
										>
											{!! implode(' ', [
												$value['staff_sname'],
												$value['staff_gname'],
											]) !!}
										</label>
									</div>
								@endforeach
							@else
								<p class="text-center mb-2">
									{!! __("lang.error.empty") !!}
								</p>
							@endif
						</div>
					</div>
				</div>
			@endforeach
		</div>

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

</div>

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

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

</style>
@stop

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


});
</script>
@stop