@extends('layouts.app')
@section('title', 'ゲイマッサージ求人｜'.config('app.name'))
@section('meta_description', 'ゲイマッサージ店の求人情報。エリア・職種で検索できます。')

@section('content')
<div class="crumb"><a href="{{ route('home') }}">ホーム</a> ＞ 求人</div>
<div class="l-cols">
  <div class="l-main">
    <section class="sec">
      <div class="sec-hd"><h2 class="ic-mega">求人情報</h2></div>

      <section class="sec" style="margin-bottom:14px;">
        <div class="sec-hd"><h3 class="ic-area" style="font-size:15px;">エリアから求人を探す</h3>
          @if($pref!=='')<a class="more" href="{{ route('jobs.index') }}">全国の求人 ›</a>@endif
        </div>
        <div class="area-search">
          <div class="area-grid">
            @foreach([
              '北海道・東北'=>['北海道','青森','岩手','宮城','秋田','山形','福島'],
              '首都圏・北関東'=>['東京','神奈川','埼玉','千葉','茨城','栃木','群馬'],
              '東海・甲信越'=>['愛知','静岡','岐阜','三重','新潟','長野'],
              '関西'=>['大阪','京都','兵庫','奈良','滋賀','和歌山'],
              '中国・四国'=>['広島','岡山','山口','香川','愛媛','高知'],
              '九州・沖縄'=>['福岡','熊本','鹿児島','沖縄','長崎','大分'],
            ] as $region=>$prs)
            <div class="area-blk">
              <div class="area-blk__name">{{ $region }}</div>
              <div class="area-blk__list">
                @foreach($prs as $p)<a href="{{ route('jobs.index',['pref'=>$p]) }}" @class(['on'=>str_starts_with($pref,$p)])>{{ $p }}</a>@endforeach
              </div>
            </div>
            @endforeach
          </div>
        </div>
      </section>

      <div class="muted small" style="margin:0 0 10px;">該当 <b>{{ $results->total() }}</b> 件</div>

      <div class="grid-list">
        @forelse($results as $job)
        <a href="{{ route('jobs.show',$job->id) }}" class="review" style="display:flex;gap:12px;align-items:flex-start;">
          @if($job->featured_image)<img src="{{ $job->featured_image }}" alt="" loading="lazy"
              style="flex:0 0 110px;width:110px;height:80px;object-fit:cover;border-radius:4px;background:#eee;">@endif
          <div style="flex:1;min-width:0;">
            <header>
              <span class="who">{{ optional($job->shop)->name }}</span>
              <span class="small muted">{{ optional($job->shop)->pref }}・{{ optional($job->shop)->city }}</span>
            </header>
            <div class="ttl">
              {{ $job->title }}
              @if($job->isNew())<span class="badge ok" style="margin-left:4px;">NEW</span>@endif
              @if(isset($topShopIds) && $topShopIds->has($job->shop_id))<span class="badge off" style="margin-left:4px;">PR上位</span>@endif
            </div>
            <div class="row" style="gap:6px;flex-wrap:wrap;margin-top:4px;">
              @if($job->wage)<span class="tag">{{ $job->wage }}</span>@endif
              @foreach(($job->tags ?? []) as $t)<span class="tag">{{ $t }}</span>@endforeach
            </div>
            @if($job->summary)<div class="cmt small muted" style="margin-top:6px;">{{ \Illuminate\Support\Str::limit($job->summary,80) }}</div>@endif
            <div class="row between" style="margin-top:6px;">
              <span class="small muted">{{ optional($job->created_at)->format('Y-m-d') }}
                @php $dl = $job->daysLeft(); @endphp
                @if($dl !== null && $dl <= 14)<span class="badge off" style="margin-left:6px;">残り{{ $dl }}日</span>@endif
              </span>
              <span class="small">詳細 ›</span>
            </div>
          </div>
        </a>
        @empty
        <div class="card card-pad muted">該当する求人がありません。</div>
        @endforelse
      </div>
      <div style="margin-top:16px;">{{ $results->links() }}</div>
    </section>
  </div>
  <aside class="l-side">
    <div class="sw"><div class="sw__hd">求人について</div>
      <div class="sw__bd small" style="color:var(--ink-2);">
        <p style="margin:0 0 8px;">店舗が直接出稿した求人情報です。応募・お問い合わせは各店舗へ直接ご連絡ください。</p>
        <p style="margin:0;">日本語表記のみ。</p>
      </div>
    </div>
  </aside>
</div>
@endsection