@extends('layouts.user.frame2')

@section('title', '求人一覧 | ')
@section('description', '清須市商工会が運営する、清須市の企業とそこで働きたい人のための、仕事と人が繋がる場所「KIYOSUのしごと」。愛知県清須市で就職・転職を考えている求職者に、清須市の企業の情報や正社員、パート、バイト情報をお届けする求人検索メディアです。')
@section('page_id', 'recruit')
@section('page_class', '')
@section('head')
	<script src="{{ asset('/system/js/recruitments.js' . $ver_suffix, $is_secure) }}"></script>
@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="archivetitlebox"><div class="incnt min2">
			<h1 class="pagetitle">求人一覧</h1>
			<div class="archivecountbox">
				<div class="countbox"><p class="num"><span class="__read-count">{{ $job_catalogs->count() }}</span> / <span class="_1">{{ $job_catalogs->total() }}</span></p><p class="unit">求人</p></div>
				<nav class="catlist"><ul>
					<li @if (!$sort_oldest)class="current"@endif><a href="{{ route('user.recruit.list', array_merge(request()->query(), ['sort_oldest' => 0])) }}">新しい順</a></li>
					<li @if ($sort_oldest)class="current"@endif><a href="{{ route('user.recruit.list', array_merge(request()->query(), ['sort_oldest' => 1])) }}">古い順</a></li>
				</ul></nav>
			</div>
		</div></div>
		<div class="incnt min3">
			<div class="singlelist _archive"><ul>
@include('user2.parts.recruit_list')
			</ul></div>
			<div class="morebox">
				<p class="numtxt"><span class="__read-count">{{ $job_catalogs->count() }}</span>/{{ $job_catalogs->total() }}件を表示しました</p>
			</div>
		@if (!empty($next_page_url))
			<div class="bottomlink"><a href="{{ $next_page_url }}" class="btnlink readmore"><p class="inwrap">さらに表示する</p></a></div>
		@endif
		</div>
	</article>
</main>
@endsection