@extends('layouts.dashboard.main')

{{-- content --}}
@section('content')
{!! Form::open($form) !!}

@for($i = 0; $i < Session::get('application.wifi.count'); $i++)
	{!! Form::hidden("appliction_wifi_device[device_number][$i]", $appliction_wifi_device['device_number'][$i]) !!}
	{!! Form::hidden("appliction_wifi_device[is_provided][$i]", $appliction_wifi_device['is_provided'][$i]) !!}
	{!! Form::hidden("appliction_wifi_device[is_submitted][$i]", $appliction_wifi_device['is_submitted'][$i]) !!}
	{!! Form::hidden("appliction_wifi_device[dtb_staff_id][$i]", $appliction_wifi_device['dtb_staff_id'][$i]) !!}
	{!! Form::hidden("appliction_wifi_device[mtb_device_id][$i]", $appliction_wifi_device['mtb_device_id'][$i]) !!}
	{!! Form::hidden("appliction_wifi_device[mtb_usage_id][$i]", $appliction_wifi_device['mtb_usage_id'][$i]) !!}
@endfor

{!! Form::hidden("appliction_wifi[action]", 'insert') !!}
{!! Form::hidden('appliction_wifi[remark]', $appliction_wifi['remark']) !!}

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

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

	{{-- aside --}}
	@include('layouts.dashboard.components.application.form.aside')

	{{-- main --}}
	<main class="col-lg-9">

		{{-- section --}}
		<section class="">

			{{-- alert --}}
			<div
				class="alert alert-warning mb-4"
				role="alert"
			>
				<p class="mb-0">
					この内容で新規申請します。<br>
					よろしければ「はい」ボタンをクリックしてください。
				</p>
			</div>
			{{-- /.alert --}}

			<div class="card mb-4">
				<div class="card-header">
					<h6 class="">
						申請者
					</h6>
				</div>
				<div class="card-body">

					<dl class="row mb-3">
						<dt class="col-12 col-lg-2 mb-lg-0">
							{!! __('lang.application.wifi.date_created') !!}
						</dt>
						<dd class="col mb-0">
							{!! \Carbon\Carbon::now()->isoFormat('YYYY年M月D日 (ddd)') !!}
						</dd>
					</dl>
					<dl class="row mb-3">
						<dt class="col-12 col-lg-2 mb-lg-0">
							{!! __("lang.master.organization") !!}
						</dt>
						<dd class="col mb-0">
							{!! implode(' / ', $organization['name']) !!}
						</dd>
					</dl>
					<dl class="row mb-0">
						<dt class="col-12 col-lg-2 mb-lg-0">
							{!! __("lang.staff.staff_name") !!}
						</dt>
						<dd class="col mb-0">
							{!! implode(' ', [
								Session::get('staff.staff_sname'),
								Session::get('staff.staff_gname'),
							]) !!}
						</dd>
					</dl>
				</div>
			</div>

			@for($i = 0; $i < Session::get('application.wifi.count'); $i++)

				<div class="card mb-4">
					<div class="card-header">
						<h6 class="">
							【{!! $i + 1 !!}台目】 利用端末
						</h6>
					</div>
					<div class="card-body">

						<dl class="row mb-3">
							<dt class="col-12 col-lg-2 mb-lg-0">
								{!! __('lang.master.device.title') !!}
							</dt>
							<dd class="col mb-0">
								{!! $device_list[$appliction_wifi_device['mtb_device_id'][$i]] !!}
							</dd>
						</dl>
						<dl class="row mb-3">
							<dt class="col-12 col-lg-2 mb-lg-0">
								{!! __("lang.master.usage.title") !!}
							</dt>
							<dd class="col mb-0">
								{!! $usage_list[$appliction_wifi_device['mtb_usage_id'][$i]] !!}
							</dd>
						</dl>
						<dl class="row mb-3">
							<dt class="col-12 col-lg-2 mb-lg-0">
								{!! __("lang.application.wifi_device.staff_name") !!}
							</dt>
							<dd class="col mb-0">
								{!! $staff_list[$appliction_wifi_device['dtb_staff_id'][$i]] !!}
							</dd>
						</dl>
						<dl class="row mb-3">
							<dt class="col-12 col-lg-2 mb-lg-0">
								{!! __('lang.application.wifi_device.is_provided') !!}
							</dt>
							<dd class="col mb-0">
								{!! __("lang.dictionary.is_yesno.{$appliction_wifi_device['is_provided'][$i]}") !!}
							</dd>
						</dl>
						<dl class="row mb-0">
							<dt class="col-12 col-lg-2 mb-lg-0">
								{!! __('lang.application.wifi_device.device_number') !!}
							</dt>
							<dd class="col mb-0">
								{!! $appliction_wifi_device['device_number'][$i] !!}
							</dd>
						</dl>
						@if(!(int)$appliction_wifi_device['is_provided'][$i])
							<dl class="row mt-3 mb-0">
								<dt class="col-12 col-lg-2 mb-lg-0">
									個人端末の承認
								</dt>
								<dd class="col mb-0">
									承認済み
								</dd>
							</dl>
						@endif
					</div>
				</div>
			@endfor
			
			<div class="card mb-4">
				<div class="card-header">
					<h6 class="">
						{!! __("lang.application.wifi.remark") !!}
					</h6>
				</div>
				<div class="card-body">
					<p class="mb-0">
						{!! (is_null($appliction_wifi['remark'])) ? 'なし' : nl2br($appliction_wifi['remark']) !!}
					</p>
				</div>
			</div>

		</section>
		{{-- /.section --}}

	</main>
	{{-- /.main --}}

</div>

{{-- btn-fixed --}}
<div
	class="btn-fixed"
	style="z-index:999"
>
	<button
		class="btn btn-primary"
		type="submit"
		name="action"
		value="insert"
		style="width:140px;"
	>
		<span class="small fw-bold">
			{!! __('lang.dictionary.is_yesno.1') !!}
		</span>
	</button>
	<button
		class="btn btn-outline-secondary"
		type="submit"
		name="action"
		value="back"
		style="width:140px;"
	>
		<span class="small fw-bold">
			{!! __('lang.dictionary.is_yesno.0') !!}
		</span>
	</button>
	<a
		class="btn btn-secondary"
		href="#page-top"
	>
		<span class="fw-bold">
			<i class="fas fa-angle-up"></i>
		</span>
	</a>
</div>
{{-- /.btn-fixed --}}

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

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

</style>
@stop

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