@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')

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

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

	<!-- aside -->
	<aside class="col col-lg-3">
		{!! Form::open($form) !!}

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

			<!-- section-title -->
			<div class="section-title d-flex justify-content-between align-items-center mb-3">
				<div>
					<h5>
						{!! implode('', [
							__("lang.button.search_request"),
						]) !!}
					</h5>
				</div>
				<div>
					<div
						class="btn-group btn-group-sm"
						role="group"
					>
						<a
							class="btn btn-outline-secondary disabled"
							href=""
						>
							<span class="small fw-bold">
								{!! implode('', [
									__("lang.tag.title"),
									__("lang.button.management"),
								]) !!}
							</span>
						</a>
					</div>
				</div>
			</div>
			<!-- /.section-title -->

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

					<div class="mb-3">
						<label
							class="form-label"
							for=""
						>
							ファイル名
						</label>
						{!! Form::text('request[original_name]', (isset($request)) ? $request['original_name'] : '', [
							'class' => 'form-control form-control-sm',
						]) !!}
					</div>
					@if($tag_list_count > 0)
						<div class="mb-3">
							<label
								class="form-label"
								for=""
							>
								{!! __("lang.tag.title") !!}
							</label>
							<ul class="list-inline mb-0">
								@foreach($tag_list as $key => $value)
									<li class="list-inline-item me-0 mb-1">
										{!! Form::checkbox("request[tag][{$key}]", $key, (isset($request)) ? (isset($request['tag'][$key]) ? true : false) : false, [
											'class' => 'btn-check',
											'id' => "tag{$key}",
										]) !!}
										<label
											class="btn btn-outline-primary btn-sm"
											for="tag{!! $key !!}"
										>
											<span class="small fw-bold">
												{!! $value !!}
											</span>
										</label>
									</li>
								@endforeach
							</ul>
						</div>
					@endif

					<div class="d-grid gap-2">
						<button
							class="btn btn-primary btn-sm"
							id="submit"
							type="submit"
							name="action"
							value="store"
						>
							<span class="fw-bold">
								{!! __("lang.button.search") !!}
							</span>
						</button>
						<a
							class="btn btn-outline-secondary btn-sm"
							href="{!! route('report.document.index') !!}"
						>
							<span class="fw-bold">
								{!! __("lang.button.reset") !!}
							</span>
						</a>
					</div>
				</div>
			</div>

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

		{!! Form::close() !!}
	</aside>
	<!-- /.aside -->

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

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

			@if(isset($result))

				<!-- section-title -->
				<div class="section-title d-flex justify-content-between align-items-center mb-3 py-1">
					<div>
						<h5>
							@if(isset($request))
								{!! __("lang.common.search_result") !!}
							@else
								{!! __("lang.document.latest") !!}
							@endif
						</h5>
					</div>
					<div></div>
				</div>
				<!-- /.section-title -->

				<!-- toolbar -->
				<div class="d-flex justify-content-start align-items-center mb-3">
					<div class="me-auto">
						{!! __("lang.common.count") !!} : <span class="fw-bold">{!! $result['total'] !!}</span>
					</div>
					<div>
						<div
							class="btn-group"
							role="group"
						>
							@for($i = 1; $i <= $result['last_page']; $i++)
								<a
									class="btn btn-outline-primary btn-sm {!! (isset($page)) ? (($page == $i) ? 'active' : '') : '' !!}"
									href="{!! $result['links'][$i]['url'] !!}"
								>
									<span class="fw-bold mx-1">
										{!! $i !!}
									</span>
								</a>
							@endfor
						</div>
					</div>
				</div>
				<!-- /.toolbar -->

				<!-- table -->
				<div class="table-response">
					<table class="table table-hover">
						<colgroup>
							<col>
							<col>
							<col width="100%">
							<col>
							<col>
						</colgroup>
						<thead class="table-light table-group-divider">
							<tr>
								<th scope="col" nowrap>
									&nbsp;
								</th>
								<th scope="col" nowrap>
									#
								</th>
								<th scope="col" nowrap>
									<ul class="list-unstyled mb-0">
										<li>
											{!! __("lang.report_file.original_name") !!}
										</li>
										<li>
											{!! __("lang.report.title") !!}
										</li>
									</ul>
								</th>
								<th scope="col" nowrap>
									<div class="text-end">
										<ul class="list-unstyled mb-0">
											<li>
												{!! __("lang.report_file.size") !!}
											</li>
										</ul>
									</div>
								</th>
								<th scope="col" nowrap>
									<ul class="list-unstyled mb-0">
										<li>
											{!! __("lang.form.date_created") !!}
										</li>
										<li>
											{!! __("lang.document.staff_name") !!}
										</li>
									</ul>
								</th>
							</tr>
						</thead>
						<tbody class="table-group-divider">
							@if($result['total'] > 0)
								@foreach($result['data'] as $key => $value)
									<tr class="">
										<td nowrap>
											<div class="btn-group btn-group-sm">
												<a
													class="btn btn-outline-secondary"
													href="{!! implode('/', [
														asset('storage'),
														'report',
														$value['file_name'],
													]) !!}"
													@if($value['extension'] == 'pdf' ||$value['extension'] == 'jpg' ||$value['extension'] == 'jpeg' ||$value['extension'] == 'png')
														data-fancybox
													@endif
												>
													<span class="small fw-bold">
														{!! __("lang.button.open") !!}
													</span>
												</a>
												<a
													class="btn btn-outline-secondary"
													href="{!! route('report.report.show', [
														$value['board_code'],
														$value['thread_code'],
														$value['topic_code'],
														$value['report_code'],
													]) !!}"
												>
													<span class="small fw-bold">
														{!! __("lang.report.report_body") !!}
													</span>
												</a>
											</div>
										</td>
										<th nowrap scope="row">
											<div class="text-center">
												{!! $key + 1 !!}
											</div>
										</th>
										<td nowrap>
											<ul class="list-unstyled mb-0">
												<li>
													<span class="fw-bold">
														{!! $value['original_name'] !!}
													</span>
												</li>
												<li>
													<span class="">
														{!! $value['report_subject'] !!}
													</span>
												</li>
											</ul>
										</td>
										<td nowrap>
											<div class="text-end">
												{!! App\Helper::getByteFormat($value['size'], 0) !!}
											</div>
										</td>
										<td nowrap>
											<ul class="list-unstyled mb-0">
												<li>
													{!! \Carbon\Carbon::parse($value['date_created'])->format(__("lang.date.yymmdd")) !!}
												</li>
												<li>
													{!! implode(' ', [
														$value['staff_sname'],
														$value['staff_gname'],
													]) !!}
												</li>
											</ul>
										</td>
									</tr>
								@endforeach
							@else
								<tr>
									<td colspan="6">
										{!! __("lang.error.empty") !!}
									</td>
								</tr>
							@endif
						</tbody>
					</table>
				</div>
				<!-- /.table -->

				<!-- toolbar -->
				<div class="d-flex justify-content-start align-items-center mb-3">
					<div class="me-auto">
						{!! __("lang.common.count") !!} : <span class="fw-bold">{!! $result['total'] !!}</span>
					</div>
					<div>
						<div
							class="btn-group"
							role="group"
						>
							@for($i = 1; $i <= $result['last_page']; $i++)
								<a
									class="btn btn-outline-primary btn-sm {!! (isset($page)) ? (($page == $i) ? 'active' : '') : '' !!}"
									href="{!! $result['links'][$i]['url'] !!}"
								>
									<span class="fw-bold mx-1">
										{!! $i !!}
									</span>
								</a>
							@endfor
						</div>
					</div>
				</div>
				<!-- /.toolbar -->

			@else
				<div
					class="alert alert-light text-center p-4"
					role="alert"
				>
					<h4 class="alert-heading mb-3">
						<i class="fa-solid fa-file-circle-question fa-fw fa-2x"></i>
					</h4>
					<p class="lh-base mb-0">
						<span class="fw-bold">
							検索条件にマッチした文書はありません<br>
							条件を変更して再検索してください
						</span>
					</p>
				</div>
			@endif

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

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

</div>

<!-- btn-fixed -->
<div
	class="btn-fixed bg-white"
	style="z-index:999"
>

</div>
<!-- /.btn-fixed -->
@endsection

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

</style>
@stop

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

	//
});
</script>
@stop