@extends('layouts.user.frame')

@section('title', '新規ユーザー登録 - ')
@section('description', '清須市商工会が運営する求人検索メディア「KIYOSUのしごと」に新規ユーザー登録することで、より便利に活用することができます。')
@section('id', 'user_touroku')
@section('class', 'user_touroku index')

@section('content')

@include('user.common.header')

<div class="bodywrap">
	<div id="mainv">
		<p class="entitle barlowcondensedfont">Entryform for User</p>
		<h1 class="pagetitle">新規ユーザー登録</h1>
	</div>
</div>


<div class="bodywrap">
	<nav id="pankuzu"><div class="bodyinwrap">
		<ol>
			<li><a href="{{ route('user.home') }}/">TOP</a></li>
			<li>新規ユーザー登録</li>
		</ol>
	</div></nav>
</div>




<article class="bodywrap" id="sec_1">
	<section class="section"><div class="bodyinwrap"><div class="incnt">
		<p>「KIYOSUのしごと」へ新規ユーザー登録することで、より便利に活用することができます。中小企業への就職をお考えの方、是非下記メールフォームよりご登録ください。</p>
		<div class="box1">
			<ol>
				<li>
					<div class="title"><p class="numicon cochinfont">1</p><p class="main">登録・利用はすべて無料</p></div>
					<div class="txt">「KIYOSUのしごと」における登録ユーザーが使える機能は、すべて無料で利用することができます。</div>
				</li>
				<li>
					<div class="title"><p class="numicon cochinfont">2</p><p class="main"><span class="inbtxt">就活に役立つ情報が</span><br class="middlehide"><span class="inbtxt">受け取れる</span></p></div>
					<div class="txt">最新の求人情報やイベント情報など、就職活動に役立つ情報を商工会よりメールでお知らせします。</div>
				</li>
				<li>
					<div class="title"><p class="numicon cochinfont">3</p><p class="main"><span class="inbtxt">気に入った企業を</span><br class="middlehide"><span class="inbtxt">ブックマークできる</span></p></div>
					<div class="txt">最近閲覧した企業の履歴や気に入った企業をブックマークしてあとでゆっくりと閲覧することで、より快適に活用できます。</div>
				</li>
				<li>
					<div class="title"><p class="numicon cochinfont">4</p><p class="main"><span class="inbtxt">自己PRや職歴を</span><br class="middlehide"><span class="inbtxt">事前に登録できる</span></p></div>
					<div class="txt">応募に必要となる職歴や自己PRなどを事前に登録しておくことができ、毎回入力する手間が削減できます。</div>
				</li>
			</ol>
		</div>
	</div></div></section>
</article>


<article class="bodywrap last" id="sec_2">
	<section class="section"><div class="bodyinwrap"><div class="incnt">
		<div class="sectitlebox">
			<p class="entitle barlowcondensedfont">Entryform</p>
			<h2 class="jptitle">求職者新規登録フォーム</h2>
		</div>
		<p>新規ユーザー登録をご希望される求職者の方は、下記フォームに必要事項をご記入ください。お申し込みいただいたメールアドレスに仮登録完了のメッセージが届きます。内容にしたがって登録いただき、正式登録となります。<br>仮登録メールが届かない場合は、メールアドレスの誤りが考えられますので、あらためてご登録ください。<br><span class="required">※</span>は入力必須項目です。お手数ですが必ずご記入ください。</p>
		<form method="post" action="{{ route('user.registration.confirm') }}">
			@csrf
			<div class="formbox _inputlist">
				<ul>
					<li><div class="inwrap">
						<ul class="formlist">
							<li>
								<dl>
									<dt>ユーザー名<span class="required">※</span></dt>
									<dd><input type="text" name="name" value="{{ old('name') }}" class="name" placeholder="8文字以上16文字以内の半角英数字と記号(._-)でご記入下さい">@error('name')<p class="ermsg">{{ $message }}</p>@enderror</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt>メールアドレス<span class="required">※</span></dt>
									<dd><input type="text" name="email" value="{{ old('email') }}" class="mail"><br><input type="text" name="email_confirmation" value="" class="remail" placeholder="確認用に再度ご入力ください">@error('email')<p class="ermsg">{{ $message }}</p>@enderror</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt>パスワード<span class="required">※</span></dt>
									<dd><input type="password" name="password" value="" class="password" placeholder="8文字以上16文字以内の半角英数字と記号でご記入下さい"><br><input type="password" name="password_confirmation" value="" class="repassword" placeholder="確認用に再度ご入力ください">@error('password')<p class="ermsg">{{ $message }}</p>@enderror</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt>お住いの地域<span class="required">※</span></dt>
									<dd><select name="area" class="width_longshort">@foreach ($areas as $area)<option value="{{ $area->code }}"@if (old('area', $areas[0]->code) == $area->code) selected="selected"@endif>{{ $area->name }}</option>@endforeach</select>@error('area')<p class="ermsg">{{ $message }}</p>@enderror</dd>
								</dl>
							</li>
							<li class="radioform">
								<dl>
									<dt>性別<span class="required">※</span></dt>
									<dd>
										<ul class="radiolist">
									@foreach ($genders as $gender)
										<li><label onclick=""><input type="radio" name="gender" class="sex" value="{{ $gender->code }}"@if (old('gender', 10) == $gender->code) checked="checked"@endif> {{ $gender->name }}</label></li>
									@endforeach
									</ul>@error('gender')<p class="ermsg">{{ $message }}</p>@enderror</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt>生まれた年<span class="required">※</span></dt>
									<dd><select name="birthyear" class="width_longshort">@foreach ($years as $year)<option value="{{ $year['code'] }}"@if (old('birthyear', $years[0]['code']) == $year['code']) selected="selected"@endif>{{ $year['name'] }}</option>@endforeach</select>@error('birthyear')<p class="ermsg">{{ $message }}</p>@enderror</dd>
								</dl>
							</li>
						</ul>
					</div></li>
				</ul>
			</div>
			<dl class="privacycheck">
				<dt>個人情報取扱いについての同意<span class="required">※</span></dt>
				<dd><label onclick=""><input type="checkbox" name="accepted" class="privacy"> 同意する</label>@error('accepted')<p class="ermsg">{{ $message }}</p>@enderror</dd>
			</dl>
			<p class="txt2">本サイトの<a href="{{ route('user.policy') }}">個人情報保護方針</a>に同意いただける場合は「同意する」にチェックをして確認画面にお進みください。</p>
			<div class="buttonarea">
				<button type="submit" class="btn">確認する @include('user.svg.arr1')</button>
			</div>
		</form>
	</div></div></section>
</article>
@endsection