@extends('layouts.dashboard.main')

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

{{-- nav --}}
@include('layouts.dashboard.components.circular.nav')

<!-- page-title -->
<div class="section-title mb-4">
	<h4 class="mb-3">
		{!! $circular['circular_title'] !!}
	</h4>
</div>
<!-- /.page-title -->

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

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

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

			<div class="alert alert-light bg-body-tertiary mb-4">
				<div class="d-flex justify-content-between align-items-center">
					<div>
						<ul class="list-unstyled mb-0">
							<li class="">
								<span class="fw-bold me-2">作成日：</span>
								{!! \Carbon\Carbon::parse($circular['timestamp'])->isoFormat('YYYY年M月D日 (ddd)') !!}
							</li>
							<li class="">
								<span class="fw-bold me-2">作成者：</span>
								{!! implode(' ', [
									$circular['staff_sname'],
									$circular['staff_gname'],
								]) !!}
							</li>
							<li class="">
								<span class="fw-bold me-2">{!! __("lang.dictionary.is_read.1") !!}：</span>
								{!! implode(',　', $circular_mapping_list[1]) !!}
							</li>
							<li class="">
								<span class="fw-bold me-2">{!! __("lang.dictionary.is_read.0") !!}：</span>
								{!! implode(',　', $circular_mapping_list[0]) !!}
							</li>
						</ul>
					</div>
					<div></div>
				</div>
			</div>

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

					<p class="card-text">
						{!! nl2br($circular['circular_body']) !!}
					</p>

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

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

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

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

			<div class="card">
				<div class="list-group list-group-flush">
					@if($circular_file_list_count > 0)
						@foreach($circular_file_list as $key => $value)
							<a
								class="list-group-item list-group-item-action d-flex justify-content-start align-items-center py-2"
								href="{!! implode('/', [
									asset('storage'),
									'circular',
									$value['file_name'],
								]) !!}"
								@if($value['extension'] == 'pdf' || $value['extension'] == 'jpg' || $value['extension'] == 'jpeg' || $value['extension'] == 'png')
									data-fancybox
								@endif
							>
								<div class="me-3">
									<img
										class=""
										src="{!! implode('/', [
											asset('img'),
											'icons',
											$value['extension'] . '.png'
										]) !!}"
										style="height:38px;"
									>
								</div>
								<div class="me-auto">
									<ul class="list-inline small mb-0">
										<li class="list-inline-item">
											種別：{!! $value['extension'] !!}
										</li>
										<li class="list-inline-item">
											容量：{!! App\Helper::getByteFormat($value['size'], 0) !!}
										</li>
									</ul>
									<span class="fw-bold">
										{!! $value['original_name'] !!}
									</span>
								</div>
								<div>
									<i class="fa-solid fa-angle-right fa-fw"></i>
								</div>
							</a>
						@endforeach
					@else
						<div class="list-group-item list-group-item-action py-3">
							<p class="fw-bold text-center mb-0">
								添付ファイルはありません
							</p>
						</div>
					@endif
				</div>
			</div>

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

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

</div>

<!-- btn-fixed -->
<div
	class="btn-fixed"
	style="z-index:999"
>
	@if(\Session::get('staff.dtb_staff_id') == $circular['dtb_staff_id'])
		<a
			class="btn btn-primary"
			href="{!! route('circular.update', [
				$circular_code,
			]) !!}"
			style="width:160px;"
		>
			<span class="small fw-bold">
				{!! __("lang.button.edit") !!}
			</span>
		</a>
	@endif
	<a
		class="btn btn-outline-secondary"
		href="{!! url()->previous(); !!}"
		style="width:100px;"
	>
		<span class="small fw-bold">
			{!! __("lang.button.back") !!}
		</span>
	</a>
	<a
		class="btn btn-secondary"
		href="#page-top"
	>
		<span class="fw-bold">
			<i class="fas fa-angle-up"></i>
		</span>
	</a>
</div>
<!-- /.btn-fixed -->

@endsection

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

</style>
@stop

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