@extends('layouts.app')
@section('title', __(':area のゲイマッサージ店', ['area'=>($pref?:__('全国')).($city?'・'.$city:'')]).'｜'.config('app.name'))
@section('meta_description', __(':area のゲイマッサージ店を口コミ・★スコアで探せます。', ['area'=>($pref?:__('全国')).($city?'・'.$city:'')]))

@section('content')
<div class="crumb"><a href="{{ route('home') }}">{{ __('ホーム') }}</a> ＞ {{ __('検索') }}{{ $pref?' ＞ '.__($pref):'' }}{{ $city?' ＞ '.__($city):'' }}</div>
<div class="l-cols">
  <div class="l-main">
    <section class="sec">
      <div class="sec-hd"><h2 class="ic-area">{{ __(':area のゲイマッサージ店', ['area'=>($pref? __($pref):__('全国')).($city?' '.__($city):'')]) }}</h2></div>

      <form class="card card-pad" method="get" action="{{ route('search') }}" style="margin-bottom:14px;">
        <div class="row" style="gap:10px;flex-wrap:wrap;">
          <div class="col" style="flex:2;min-width:200px;">
            <label class="small muted">{{ __('キーワード') }}</label>
            <input type="text" name="q" value="{{ $q }}" placeholder="{{ __('店名・キーワード') }}">
          </div>
          <div class="col" style="flex:1;min-width:140px;">
            <label class="small muted">{{ __('並び替え') }}</label>
            <select name="sort" onchange="this.form.submit()">
              <option value="rank" @selected($sort=='rank')>{{ __('★スコア順') }}</option>
              <option value="review" @selected($sort=='review')>{{ __('口コミ件数順') }}</option>
              <option value="new" @selected($sort=='new')>{{ __('新着順') }}</option>
              <option value="pv" @selected($sort=='pv')>{{ __('人気順') }}</option>
            </select>
          </div>
          <input type="hidden" name="pref" value="{{ $pref }}">
          <input type="hidden" name="city" value="{{ $city }}">
        </div>
      </form>

      @if(isset($recommended) && $recommended->count())
      <div class="sec-hd" style="margin-bottom:8px;"><h3 class="ic-rank" style="font-size:16px;">{{ __('おすすめ') }} <span class="badge off" style="vertical-align:middle;">PR</span></h3></div>
      <div class="rank-list" style="background:var(--brand-pale);padding:6px;border-radius:8px;margin-bottom:16px;">
        @foreach($recommended as $shop)
        <a class="rank-item" href="{{ route('shops.show',$shop->id) }}">
          <div class="rank-thumb">@if($shop->photo)<img src="{{ \App\Support\Media::url($shop->member_id,$shop->photo,160) }}" alt="" loading="lazy">@else 写真 @endif</div>
          <div class="rank-body">
            <h3 class="rank-name">{{ $shop->t('name') }} <span class="badge off">PR</span></h3>
            <div class="rank-info">{{ $shop->t('pref') }}・{{ $shop->t('city') }}</div>
            <div class="rank-info">{{ \Illuminate\Support\Str::limit(strip_tags($shop->t('pr')),60) }}</div>
          </div>
          <div class="rank-meta">
            <span class="rank-score">{{ number_format($shop->review_avg,1) }}<span class="stars st" style="--rate:{{ round($shop->review_avg) }}"></span></span>
            <span class="rank-review">{{ __('口コミ :n 件', ['n'=>$shop->review_count]) }}</span>
          </div>
        </a>
        @endforeach
      </div>
      <p class="small muted" style="margin:-8px 0 14px;">{{ __('「おすすめ」は有料掲載枠（PR）です。表示は枠内でランダムです。') }}</p>
      @endif

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

      <div class="rank-list">
        @forelse($results as $i=>$shop)
        <a class="rank-item" href="{{ route('shops.show',$shop->id) }}">
          <div class="rank-no @if($results->firstItem()+$i<=3) r{{ $results->firstItem()+$i }} @endif">{{ $results->firstItem()+$i }}</div>
          <div class="rank-thumb">@if($shop->photo)<img src="{{ \App\Support\Media::url($shop->member_id,$shop->photo,160) }}" alt="" loading="lazy">@else 写真 @endif</div>
          <div class="rank-body">
            <h3 class="rank-name">{{ $shop->t('name') }}</h3>
            <div class="rank-info">{{ $shop->t('pref') }}・{{ $shop->t('city') }}</div>
            <div class="rank-info">{{ \Illuminate\Support\Str::limit(strip_tags($shop->t('pr')),60) }}</div>
          </div>
          <div class="rank-meta">
            <span class="rank-score">{{ number_format($shop->review_avg,1) }}<span class="stars st" style="--rate:{{ round($shop->review_avg) }}"></span></span>
            <span class="rank-review">{{ __('口コミ :n 件', ['n'=>$shop->review_count]) }}</span>
          </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>
      <ul class="sw-rank">
        @foreach(['東京','大阪','神奈川','愛知','福岡','北海道'] as $p)
        <li><span class="no">›</span><a class="nm" href="{{ route('search',['pref'=>$p]) }}">{{ __($p) }}</a></li>
        @endforeach
      </ul>
    </div>
  </aside>
</div>
@endsection