@extends('layouts.user.frame')

@php
	$title = '企業を探す';
	$description = '企業を探す - 清須市の企業を探せます。KIYOSUのしごとは、清須市商工会が運営する、清須市の企業と求職者がつながる求人検索メディアです。';
	if (!empty($query['list'])) {
		$title = $query['list'] . 'の企業';
		$description = $query['list'] . 'の企業を探す。KIYOSUのしごとは、清須市商工会が運営する、清須市の企業と求職者がつながる求人検索メディアです。';
	}
@endphp
@section('title', $title . ' - ')
@section('description', $description)
@section('id', 'search_company')
@section('class', 'index')

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

@section('content')

@include('user.common.header')
@include('user.common.search')

<div class="bodywrap">
	<div id="mainv">
		<p class="entitle barlowcondensedfont">Search Company</p>
		<h1 class="pagetitle">@include('user.svg.searchicon') 会社を検索する</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="insec" id="s1_insec1">
		@if (!empty($query))
			<div class="box1 searched">
		@else
			<div class="box1">
		@endif
				<p class="txt1"><span class="inbtxt">ここにしか掲載していない</span><span class="inbtxt">清須市の企業が多数登録！</span></p>
				<p class="txt2"><span class="_1">清須市の企業</span><span class="_2 barlowcondensedfont">{{ $company_count }}</span><span class="_1">社が登録</span></p>
				<p class="txt3">検索結果：{{ $companies->total() }}件</p>
			</div>
		@if (!empty($query))
			<div class="nowsearchbox">
				<p class="title1">現在の検索条件</p>
				<div class="box1">
					<dl class="list1">
						<dt>業種</dt>
						<dd>
							<ul>
							@foreach ($query['industry'] as $value)
								<li>{{ $value->name }}</li>
							@endforeach
							</ul>
						</dd>
						<dt>職種</dt>
						<dd>
							<ul>
							@foreach ($query['occupation'] as $value)
								<li>{{ $value->name }}</li>
							@endforeach
							</ul>
						</dd>
						<dt>特徴</dt>
						<dd>
							<ul>
							@foreach ($query['characteristic'] as $value)
								<li>{{ $value->name }}</li>
							@endforeach
							</ul>
						</dd>
					</dl>
				</div>
			</div>
		@endif
			<div class="searchbox">
				<ul>
					<li class="_1 c2">
						<ul>
							<li><a href="" class="condition callselect"><span class="subtxt">業種</span><span class="maintxt">業種を選ぶ</span></a></li>
							<li><a href="" class="condition2 callselect"><span class="subtxt">条件で絞り込む</span><span class="maintxt">条件で絞り込む</span></a></li>
						</ul>
					</li>
					<li><input type="text" name="keyword" value="@if (!empty($query['keyword'])){{ $query['keyword'] }}@endif" class="keyword" placeholder="会社名やキーワードを入力"><button type="submit" class="searchbtn">@include('user.svg.searchicon')検索</button></li>
				</ul>
			</div>
		</div>

		<div class="insec" id="s1_insec2">
			<div class="iconlist1">
				<ul>
					<li><dl><dt><span class="urgent caticon">急ぎ</span></dt><dd><span class="txt">急ぎの求人がある</span></dd></dl></li>
					<li><dl><dt><span class="new caticon barlowcondensedfont">new</span></dt><dd><span class="txt">10日以内に追加情報あり</span></dd></dl></li>
					<li><dl><dt><span class="txt">職種</span><span class="red round">●</span></dt><dd><span class="txt">：急ぎの求人職種</span></dd></dl></li>
				</ul>
			</div>
			<div class="recruitlist2">
				<ul>
@include('user.search_company.list_part')
</ul>
			</div>
		@if (!empty($next_page_url))
			<p class="link"><a href="{{ $next_page_url }}" class="barlowcondensedfont readmore">LOAD MORE</a></p>
		@endif
		</div>
	</div></section>
</article>

<article class="bodywrap" id="sec_2">
	<section class="section"><div class="bodyinwrap">
		<h3 class="title">人気のあるキーワード</h3>
		<ul class="keywordlist">
		@foreach ($keywords as $keyword)
			<li><a href="{{ route('user.search_company.search', [$keyword->group_key => $keyword->code]) }}">{{ $keyword->name }}</a></li>
		@endforeach
		</ul>
	</div></section>
</article>


<article class="bodywrap" id="sec_3">
	<section class="section"><div class="bodyinwrap sec_bnr2">
		<img src="{{ asset('/module/img/common/secbnr2_bg.jpg' . $ver_suffix, $is_secure) }}" alt="" class="bg">
		<div class="list1">
			<ul>
				<li><a href="{{ route('user.recruitmentnow') }}"><span>急ぎ求人募集</span>@include('user.svg.arr1')</a></li>
				<li><a href="{{ route('user.kiyosulike') }}"><span>清須市で働く魅力</span>@include('user.svg.arr1')</a></li>
				<li><a href="{{ route('user.qa') }}"><span>よくあるご質問</span>@include('user.svg.arr1')</a></li>
			</ul>
		</div>
	</div></section>
</article>
@endsection