@extends('layouts.user.frame2')

@section('title', '')
@section('description', '清須市商工会が運営する、清須市の企業とそこで働きたい人のための、仕事と人が繋がる場所「KIYOSUのしごと」。愛知県清須市で就職・転職を考えている求職者に、清須市の企業の情報や正社員、パート、バイト情報をお届けする求人検索メディアです。')
@section('page_id', 'index')
@section('page_class', '')
@section('head')
@endsection

@section('content')
<div id="mainv" class="index">
	<div class="mainbox">
		<div class="txtbox"><div class="inwrap">
			<p class="inwrap">清須で見つかる<span class="_1">、</span></p><br><p class="inwrap">探してた仕事<span class="_1">。</span></p>
		</div></div>
	@php
		$mainImages = collect([
			['imageurl' => '/module2/img/index/mv1.jpg', 'companytxt' => '清須びと：株式会社成瀬エンジニアリング', 'classnum' => '_1'],
			['imageurl' => '/module2/img/index/mv2.jpg', 'companytxt' => '清須びと：有限会社庭鈴造園', 'classnum' => '_2'],
			['imageurl' => '/module2/img/index/mv3.jpg', 'companytxt' => '清須びと：株式会社柴山鉄工所', 'classnum' => '_3'],
			['imageurl' => '/module2/img/index/mv4.jpg', 'companytxt' => '清須びと：有限会社中田工務店', 'classnum' => '_4'],
			['imageurl' => '/module2/img/index/mv5.jpg', 'companytxt' => '清須びと：有限会社稲垣運輸', 'classnum' => '_5'],
			['imageurl' => '/module2/img/index/mv6.jpg', 'companytxt' => '清須びと：清栄工業株式会社', 'classnum' => '_6'],
			['imageurl' => '/module2/img/index/mv7.jpg', 'companytxt' => '清須びと：株式会社グルメストーリー', 'classnum' => '_7'],
			['imageurl' => '/module2/img/index/mv8.jpg', 'companytxt' => '清須びと：株式会社EIGHT.logistics', 'classnum' => '_8'],
			['imageurl' => '/module2/img/index/mv9.jpg', 'companytxt' => '清須びと：特定非営利活動法人セブンデイズ', 'classnum' => '_9'],
			['imageurl' => '/module2/img/index/mv10.jpg', 'companytxt' => '清須びと：株式会社協同電子', 'classnum' => '_10'],
			['imageurl' => '/module2/img/index/mv11.jpg', 'companytxt' => '清須びと：株式会社ミノヤランチサービス名古屋西店', 'classnum' => '_11'],
			['imageurl' => '/module2/img/index/mv12.jpg', 'companytxt' => '清須びと：パンドクエット', 'classnum' => '_12'],
		]);
		$mainImages = $mainImages->shuffle()->slice(0, 4);
	@endphp
		<div class="imgbox slidebox">
			<ul>
			@foreach ($mainImages as $mainImage)
				<li>
					<picture data-keynum="{{ $mainImage['classnum'] }}">
						<source media="(orientation: portrait)" srcset="{{ asset(str_replace('.jpg', '_t.jpg', $mainImage['imageurl']) . $ver_suffix, $is_secure) }}" class="bg">
						<img src="{{ asset($mainImage['imageurl'] . $ver_suffix, $is_secure) }}" class="bg" />
					</picture>
					<p class="smalltxt">{{ $mainImage['companytxt'] }}</p>
				</li>
			@endforeach
			</ul>
		</div>
		<div class="scrollbox"><p class="scrolltxt">Scroll</p><p class="scrollarr"></p></div>
	</div>
	<div class="mvunderbox"><div class="incnt">
		<h2 class="sectitle"><span class="inb">清須の企業の求人情報を</span><span class="inb">多数掲載</span></h2>
		<ul class="countnum">
			<li><span class="unit">清須市の企業</span><span class="num">{{ $company_count }}</span><span class="unit">社､</span></li>
			<li><span class="unit">求人数</span><span class="num">{{ $job_catalog_count }}</span><span class="unit">掲載中</span></li>
		</ul>
@include('user2.parts.searchform')
	</div>
</div>

<main id="main" class="index">
	<article id="sec_1" class="section">
		<div class="incnt">
			<h2 class="sectitle">求人情報</h2>
			<div class="singlelist"><ul>
			@foreach ($job_catalogs as $job_catalog)
				@if (6 <= $loop->index) @break @endif
				<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) && file_exists(public_path($job_catalog->image_path)))
						@php $cacheBusting = (new Carbon\Carbon($job_catalog->last_updated_at))->format('YmdHis'); @endphp
						<img src="{{ asset("{$job_catalog->image_path}?{$cacheBusting}", $is_secure) }}" 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 ($job_catalog['is_urgent'])<li class="urgenticon">急募</li>@endif</ul></div>
					<div class="txtbox">
						<p class="singletitle">{{ $job_catalog->copy }}</p>
						<div class="singleinfobox"><ul>
							<li>{{ $job_catalog->name }}</li>
							<li>{{ $industries->firstWhere('code', $job_catalog->industry_cd)->name }}</li>
							<li class="_br">{{ $job_catalog->published_at->format('Y.m.d') }}</li>
						</ul></div>
					</div>
				</a></li>
			@endforeach
			</ul></div>
			<div class="bottomlink"><a href="recruit" class="btnlink"><p class="inwrap">もっとみる</p></a></div>
		</div>
	</article>
	<article id="sec_2" class="secwrap _grey">
		<div class="incnt wide">
			<div class="seclist1"><ul>
				<li>
					<h2 class="blocktitle">雇用形態から探す</h2>
					<div class="typelist"><ul>
					@foreach ($contract_types as $contract_type)
						<li><a href="{{ route('user.recruit.list', ['CONTRACT_TYPE' => $contract_type->code]) }}" class="btnlink _white"><p class="inwrap">{{ $contract_type->name }}</p></a></li>
					@endforeach
					</ul></div>
				</li>
				<li>
					<h2 class="blocktitle">職種から探す</h2>
					<div class="conditionlist"><ul>
					@foreach ($job_categories as $job_category)
						<li><a href="{{ route('user.recruit.list', ['OCCUPATION' => $job_category->code]) }}">{{ $job_category->name }}</a></li>
					@endforeach
					</ul></div>
				</li>
				<li>
					<h2 class="blocktitle">業種から探す</h2>
					<div class="conditionlist"><ul>
					@foreach ($industries as $industry)
						<li><a href="{{ route('user.recruit.list', ['INDUSTRY' => $industry->code]) }}">{{ $industry->name }}</a></li>
					@endforeach
					</ul></div>
				</li>
				<li>
					<h2 class="blocktitle">条件から探す</h2>
					<div class="conditionlist"><ul>
					@foreach ($extracts as $extract)
						<li><a href="{{ route('user.recruit.list', ['CONDITION' => $extract->code]) }}">{{ $extract->name }}</a></li>
					@endforeach
					</ul></div>
				</li>
			</ul></div>
		</div>
	</article>
	<article id="secwrap1" class="secwrap pb0">
		<section id="sec_3" class="section">
			<div class="incnt">
				<h2 class="sectitle">清須びとINTERVIEW</h2>
				<div class="singlelist _slick"><ul>
@include('user2.parts.interview-list')
				</ul></div>
				<div class="bottomlink"><a href="{{ route('user.kiyosulike') }}" class="btnlink"><p class="inwrap">清須の魅力をもっと知る</p></a></div>
			</div>
		</section>
		<section id="sec_4">
			<div class="incnt min">
				<h2 class="sectitle">お知らせ</h2>
				<div class="singlelist _news"><ul>
				@foreach ($newslist as $news)
					<li><section class="inwrap">
						<div class="singletitle editbody">
							<p>{{ $news->title }}</p>
						</div>
						<div class="singleinfobox"><ul>
							<li>{{ $news->published_at->format('Y年m月d日') }}</li>
							<li>{{ $news['category_name'] }}</li>
						</ul></div>
					</section></li>
				@endforeach
				</ul></div>
				<div class="bottomlink"><a href="{{ route('user.news') }}" class="btnlink"><p class="inwrap">詳しくみる</p></a></div>
			</div>
		</section>
	</article>
</main>
@endsection