@extends('layouts.dashboard.main')

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

<!-- section -->
<section class="mb-5">
	{!! Form::open($form) !!}

	<div class="row justify-content-center">
		<div class="col-lg-5">

			<div class="section-title text-center mb-4">
				<h4>
					{!! __("lang.application.wifi.title") !!}
				</h4>
			</div>

			<div class="text-center mb-3">
				<p class="fw-bold mb-0">
					端末種別と利用目的を指定してください
				</p>
			</div>

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

				<div class="card mb-4">
					<div class="card-body">
						<h6 class="mb-3">
							{!! $i + 1 !!}台目 利用端末
						</h6>
						<div class="mb-3">
							<label
								for=""
								class="form-label fw-bold mb-1"
							>
								端末種別
							</label>
							<div>
								<div
									class="btn-group w-100"
									role="group"
								>
									@foreach($device_list as $key => $value)
										{!! Form::radio("wifi[device][{$i}]", $key, ($key == 1) ? true : false, [
											'class' => 'btn-check',
											'id' => "device{$i}-{$key}",
										]) !!}
										<label
											class="btn btn-outline-primary"
											for="device{!! $i !!}-{!! $key !!}"
										>
											<span class="small fw-bold">
												{!! $value !!}
											</span>
										</label>
									@endforeach
								</div>
							</div>
						</div>
						<div class="mb-0">
							<label
								for=""
								class="form-label fw-bold mb-1"
							>
								利用目的
							</label>
							<div>
								<div
									class="btn-group w-100"
									role="group"
								>
									@foreach($usage_list as $key => $value)
										{!! Form::radio("wifi[usage][{$i}]", $key, ($key == 1) ? true : false, [
											'class' => 'btn-check',
											'id' => "usage{$i}-{$key}",
										]) !!}
										<label
											class="btn btn-outline-primary"
											for="usage{!! $i !!}-{!! $key !!}"
										>
											<span class="small fw-bold">
												{!! $value !!}
											</span>
										</label>
									@endforeach
								</div>
							</div>
						</div>
						
					</div>
				</div>
			@endfor

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

					<p class="fw-bold mb-2">
						連絡事項があれば記入ください
					</p>
					<div class="mb-0">
						{!! Form::textarea('wifi[remark]', '', [
							'class' => 'form-control',
							'rows' => 6,
						]) !!}
					</div>

				</div>
			</div>

			<div class="d-grid gap-2">
				<button
					class="btn btn-primary"
					type="submit"
					name="action"
					value="cofirm"
				>
					<span class="fw-bold">
						{!! __("lang.button.confirm") !!}
					</span>
				</button>
				<a
					class="btn btn-outline-secondary"
					href="{!! route('application.wifi.create') !!}"
				>
					<span class="fw-bold">
						{!! __("lang.button.reset") !!}
					</span>
				</a>
			</div>

		</div>
	</div>

	{!! Form::close() !!}
</section>
<!-- /.section -->
@endsection

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

</style>
@stop

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