@extends('layouts.user.frame2')

@section('title', '求人に応募する | ')
@section('description', '清須市商工会が運営する、清須市の企業とそこで働きたい人のための、仕事と人が繋がる場所「KIYOSUのしごと」。愛知県清須市で就職・転職を考えている求職者に、清須市の企業の情報や正社員、パート、バイト情報をお届けする求人検索メディアです。')
@section('page_id', 'recruitcontact')
@section('page_class', 'index')
@section('head')
	<link rel="stylesheet" href="{{ asset('/system/css/system.css' . $ver_suffix, $is_secure) }}">
@endsection

@section('content')
<nav id="pankuzu">
	<ol vocab="https://schema.org/" typeof="BreadcrumbList">
		<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" typeof="WebPage" href="{{ url('/') }}"><span itemprop="name">清須のシゴトTOP</span></a><meta itemprop="position" content="1" /></li>
		<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name">求人に応募する</span><meta itemprop="position" content="2" /></li>
	</ol>
</nav>

<main id="main" class="under">
	<article id="sec_1">
		<div class="incnt min2">
			<section class="insec">
				<h1 class="pagetitle">求人に応募する</h1>
				<div class="singlelist _archive _showarr"><ul>
					<li><a href="{{ route('user.company.single.requirement', ['companyId' => $job_catalog->company_id, 'jobCatalogId' => $job_catalog->id]) }}" class="inwrap">
						<div class="imgbox imgborderbox">
						@if (!empty($job_catalog->image_path))
							<img src="{{ asset($job_catalog->image_path . '?' . $job_catalog->updated_at->format('YmdHis')) }}" alt="" class="coverimg imgborder" loading="lazy">
						@else
							<img src="{{ asset('/module2/img/wp/img_substitution.jpg' . $ver_suffix, $is_secure) }}" alt="" class="coverimg imgborder" loading="lazy">
						@endif
							<ul class="archiveiconlist">@if ($job_catalog->is_new)<li class="newicon">new</li>@endif @if (!empty($job_catalog->urgent_recruitment))<li class="urgenticon">急募</li>@endif</ul></div>
						<div class="txtbox">
							<p class="singletitle">{{ $job_catalog->copy }}</p>
							<div class="singleinfobox"><ul>
								<li>{{ $job_catalog->company->name }}</li>
								<li>{{ $job_catalog->company->company_info->industry_name }}</li>
								<li>{{ $job_catalog->job_name }}</li>
								<li>{{ implode('、', $job_catalog->contract_type_names) }}</li>
							</ul></div>
						</div>
					</a></li>
				</ul></div>
			</section>
			<section class="insec2">
				<p>上記職種へのエントリーは下記フォームよりお願い致します。</p>
				<p>応募先の企業の担当者まで<span class="required">直接送付されます。</span></p>
				<ul class="indent">
					<li>・ご応募いただくと、自動で応募確認のメールを返信いたします。<br>返信がない場合はメールアドレスの誤りが考えられますので、あらためてご応募ください。</li>
					<li>・携帯メールアドレスは、メールが届かない場合があるため、PCアドレスをご利用ください。</li>
				</ul>
				<p><span class="required">※</span>は入力必須項目です。お手数ですが必ずご記入ください。</p>
			</section>
			<form method="post" action="{{ route('user.recruitcontact.confirm', ['jobCatalogId' => $job_catalog->id]) }}">
				@csrf
				<ul class="formlist">
					<li><dl>
						<dt>お名前<span class="required">※</span></dt>
						<dd>
							<input type="text" name="name" value="{{ old('name') }}" class="name" placeholder="お名前を漢字でご入力ください">
						@error('name')
							<p class="__error-message">{{ $message }}</p>
						@enderror
						</dd>
					</dl></li>
					<li><dl>
						<dt>電話番号<span class="required">※</span></dt>
						<dd>
							<input type="text" name="tel" value="{{ old('tel') }}" placeholder="" class="tel">
						@error('tel')
							<p class="__error-message">{{ $message }}</p>
						@enderror
						</dd>
					</dl></li>
					<li><dl>
						<dt>メールアドレス<span class="required">※</span></dt>
						<dd>
							<p class="mb2"><input type="text" name="email" value="{{ old('email') }}" class="email"></p>
							<p><input type="text" name="email_confirmation" value="" class="email_confirmation" placeholder="確認用に再度ご入力ください"></p>
						@error('email')
							<p class="__error-message">{{ $message }}</p>
						@enderror
						@error('email_confirmation')
							<p class="__error-message">{{ $message }}</p>
						@enderror
						</dd>
					</dl></li>
					<li><dl>
						<dt>担当者へのメッセージ<span class="required">※</span></dt>
						<dd>
						@if (!empty($job_catalog->requests))
							<div class="recruitmemo">
								<h2 class="memotitle">{{ $job_catalog->company->name }}より求職者の方へ：記入してほしいこと</h2>
								<ul class="recruititemslist">
								@foreach (explode(',', $job_catalog->requests) as $request)
									<li>・{{ $request }}</li>
								@endforeach
								</ul>
							</div>
						@endif
							<div class="textareabox"><textarea name="inquiry_items" class="textarea" placeholder="職歴や自己PRなどご記入ください。">{{ old('inquiry_items') }}</textarea></div></dd>
						@error('inquiry_items')
							<p class="__error-message">{{ $message }}</p>
						@enderror
					</dl></li>
				</ul>
				<dl class="privacycheck"><dd>
					<input type="checkbox" name="privacy" class="privacy" id="checkagree"><label for="checkagree"><a href="../privacypolicy.html">個人情報取扱い</a>についての同意する</label>
				@error('privacy')
					<p class="__error-message">{{ $message }}</p>
				@enderror
				</dd></dl>
				<div class="btnbox"><ul>
					<li><button type="submit" class="btnlink"><p class="inwrap">確認画面に進む</p></button></li>
				</ul></div>
			</form>
		</div>
	</article>
</main>
@endsection