@extends('layouts.app')
@section('title', config('app.name').'｜'.__('全国のゲイマッサージ店検索・口コミ'))

@section('content')
<div class="crumb"><a href="{{ route('home') }}">{{ __('ホーム') }}</a></div>

<section class="hero">
  <img src="{{ asset('img/about_1.jpg') }}" alt="{{ config('app.name') }}" onerror="this.style.display='none'">
  <div class="hero__cap">
    <h1>{{ __('全国のゲイマッサージ店が見つかる検索サイト') }}</h1>
    <p>{{ __('★スコア・口コミ・エリアで探せる｜会員登録不要・匿名で口コミ投稿OK') }}</p>
  </div>
</section>

@include('partials.banners', ['position' => 'home_top'])

<div class="l-cols">
  <div class="l-main">

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

    <section class="sec">
      <div class="sec-hd"><h2 class="ic-rank">{{ __('人気ランキング') }}</h2><a class="more" href="{{ route('search',['sort'=>'rank']) }}">{{ __('もっと見る ›') }}</a></div>
      <div class="rank-list">
        @forelse($ranking as $i=>$shop)
        <a class="rank-item" href="{{ route('shops.show',$shop->id) }}">
          <div class="rank-no @if($i<3) r{{ $i+1 }} @endif">{{ $i+1 }}</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>
    </section>

    @include('partials.banners', ['position' => 'home_middle'])

    <section class="sec">
      <div class="sec-hd"><h2 class="ic-shop">{{ __('新着店舗') }}</h2></div>
      <div class="hscroll">
        @foreach($newShops as $s)
        <a class="hs-card" href="{{ route('shops.show',$s->id) }}">
          <div class="ph"><span class="nw">NEW</span>@if($s->photo)<img src="{{ \App\Support\Media::url($s->member_id,$s->photo,300) }}" alt="" loading="lazy">@else 写真 @endif</div>
          <div class="bd"><div class="nm">{{ $s->t('name') }}</div><div class="mt">{{ $s->t('pref') }}・{{ $s->t('city') }}</div></div>
        </a>
        @endforeach
      </div>
    </section>

    <section class="sec">
      <div class="sec-hd"><h2 class="ic-review">{{ __('新着口コミ') }}</h2><a class="more" href="{{ route('reviews.index') }}">{{ __('一覧 ›') }}</a></div>
      <div class="grid-list">
        @foreach($newReviews as $r)
        <a href="{{ route('reviews.show',$r->id) }}" class="review">
          <header><span class="who">{{ __(':name さん', ['name'=>$r->displayName()]) }}</span><span class="stars" style="--rate:{{ $r->rating }}"></span></header>
          <div class="ttl">{{ $r->t('title') }}</div>
          <div class="cmt small muted">{{ \Illuminate\Support\Str::limit($r->t('body'), 50) }}</div>
        </a>
        @endforeach
      </div>
    </section>

  </div>

  <aside class="l-side">
    @include('partials.banners', ['position' => 'sidebar_top'])
    <div class="sw">
      <div class="sw__hd">{{ __('口コミを投稿') }}</div>
      <div class="sw__bd">
        <p class="small muted" style="margin:0 0 10px;">{{ __('会員登録不要・匿名OK。') }}</p>
        <a href="{{ route('reviews.index') }}" class="btn primary block">{{ __('★ 口コミを書く') }}</a>
      </div>
    </div>
    <div class="sw">
      <div class="sw__hd">{{ __('店舗様へ') }}</div>
      <div class="sw__bd">
        <p class="small muted" style="margin:0 0 10px;">{{ __('掲載は無料です。') }}</p>
        <a href="{{ route('member.register') }}" class="btn primary block">{{ __('無料掲載のお申込み') }}</a>
        <a href="{{ route('member.login') }}" class="btn ghost block" style="margin-top:8px;">{{ __('店舗管理ログイン') }}</a>
      </div>
    </div>
  </aside>
</div>
@endsection