@extends('layouts.user.frame')

@section('title', '認証キー確認 - ')
@section('id', 'user')
@section('class', 'q1 prof_base')
@section('withoutFooter', true)
@section('head')
<script src="{{ asset('/system/js/q1.confirm.js', $is_secure) }}"></script>
@endsection

@section('content')

@include('user.common.header')
@include('user.mypage.header')

<article class="bodywrap" id="sec_1">
	<section class="section"><div class="bodyinwrap"><div class="incnt">
		<div class="pagetitlebox center">
			<h1 class="pagetitle"><span class="inbtxt">認証キー</span><span class="inbtxt">をご入力ください。</span></h1>
		</div>
		<p class="toptxt _1">この画面を閉じずに、メールの受信をお待ちください。受信後、本文に記載されている認証キーをご入力ください。<br>※認証キーの有効期間は30分です。30分以内に認証を完了させてください。</p>
		<div class="formbox _inputlist">
			<ul>
				<li><form method="post" class="formbox" action="{{ route('user.mypage.verify') }}">
					@csrf
					<ul class="formlist">
						<li>
							<dl>
								<dt>認証キー</dt>
								<dd><input type="text" name="key" value="" class="key" placeholder="6桁の半角数字">@if ($errors->any())<p>{{ $errors->first() }}</p>@endif</dd>
							</dl>
						</li>
					</ul>
				</form></li>
			</ul>
		</div>
		<div class="buttonarea">
			<button type="button" onclick="location.href='{{ route('user.mypage.send_key')}}'" class="btn">再発行する @include('user.svg.arr1')</button>
			<button type="submit" class="btn">認証する @include('user.svg.arr1')</button>
		</div>
	</div></div></section>
</article>
@endsection