@extends('layouts.user.frame')

@section('title', '認証キー入力 - ')
@section('id', 'user')
@section('class', 'login loginfg2')
@section('withoutFooter', true)

@section('head')
	<script src="{{ asset('/system/js/loginfg.confirm.js', $is_secure) }}"></script>	
@endsection

@section('content')

@include('user.common.header')

<article class="bodywrap last" id="sec_1">
	<section class="section"><div class="bodyinwrap"><div class="incnt">
		<h1 class="logintitle"><span class="inbtxt">認証キーを</span><span class="inbtxt">ご入力ください。</span></h1>
		<p class="toptxt1">ご登録いただいたメールアドレスに「KIYOSUのしごと」よりパスワード再設定のメールを送信しました。<br>この画面を閉じずに、メールの受信をお待ちください。受信後、本文に記載されている認証キーをご入力ください。<br>※認証キーの有効期間は30分です。30分以内に認証を完了させてください。</p>
		<form method="POST" class="formbox1" action="{{ route('user.mypage.key.checked') }}">
			@csrf
			<ul>
				<li>
					<dl>
						<dt>認証キー<span class="required">※</span></dt>
						<dd><input type="tel" name="key" value="" class="key" placeholder="6桁の半角数字">@error('key')<p class="required">{{ $message }}@enderror</dd>
					</dl>
				</li>
			</ul>
		</form>
		<ul class="btnarea">
			<li><button type="submit" class="submit">認証する @include('user.svg.arr1')</button></li>
		</ul>
	</div></div></section>
</article>
@endsection