@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_code', $topic_code) !!}
{!! Form::hidden('report[report_code]', $report_code) !!}
{!! Form::hidden('report[dtb_thread_id]', $topic['dtb_thread_id']) !!}

<!-- 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-4">
			<div class="card">
				<div class="card-body">

					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.board.board_title") !!}
						</label>
						<div class="col">
							{!! Form::text('', $board['board_title'], [
								'class' => 'form-control-plaintext fw-bold',
								'readonly' => '',
							]) !!}
						</div>
					</div>
					<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::text('', $thread['thread_title'], [
								'class' => 'form-control-plaintext fw-bold',
								'readonly' => '',
							]) !!}
						</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::select('report[dtb_topic_id]', $topic_list, $topic['dtb_topic_id'], [
								'class' => 'form-select',
							]) !!}
						</div>
					</div>
					<div class="row mb-3">
						<label
							class="col-lg-2 col-form-label text-lg-end"
							for=""
						>
							{!! __("lang.report.report_subject") !!}
						</label>
						<div class="col">
							{!! Form::text('report[report_subject]', (isset($report)) ? $report['report_subject'] : '', [
								'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('report[report_body]', (isset($report)) ? $report['report_body'] : '', [
								'class' => 'form-control',
								'rows' => '10',
							]) !!}
						</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('report[is_disabled]', $i, (isset($report)) ? (($i == $report['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 -->

		<!-- section -->
		<section class="mb-4">
			<div class="card">
				<div class="card-body">
					<div id="file_drag_drop_area" class="text-center">
						ここにファイルをドラッグ&ドロップ<br/>
						<span>または</span><br/>
						{!! Form::file('report_file[]', [
							'class' => '',
							'multiple' => '',
						]) !!}
					</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', [
					$board_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', [
					$board_code,
					$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="mb-4">
			<h5 class="mb-2">
				{!! __("lang.staff.is_foreigner") !!}
			</h5>
			<ul class="list-group">
				@foreach($staff_list as $i => $content)
					<li class="list-group-item py-3">
						<dl class="mb-0">
							<dt class="">
								{!! $content['label'] !!}
							</dt>
							<dd class="mb-0">
								@foreach($content['staff_list'] as $key => $value)
									<div>
										{!! Form::checkbox('staff[]', $key, (isset($report_mapping_list[$key])) ? true : false, [
											'class' => 'form-check-input me-1',
											'id' => "staff{$key}",
										]) !!}
										<label
											class="form-check-label"
											for="staff{!! $key !!}"
										>
											{!! $value !!}
										</label>
									</div>
								@endforeach
							</dd>
						</dl>
					</li>
				@endforeach
			</ul>
		</div>

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

</div>

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

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

</style>
@stop

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


});
</script>
@stop