@extends('layouts.app')
@section('title', __('新着口コミ').'｜'.config('app.name'))

@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-review">{{ __('新着口コミ') }}</h2></div>
      <div class="grid-list">
        @forelse($reviews as $r)
        @php($isVoice = $r['kind']==='voice')
        <a href="{{ $r['url'] }}" @class(['review','voice'=>$isVoice]) @style(['background:var(--brand-pale)'=>$isVoice])>
          <header>
            @if($isVoice)
              <span class="who">{{ __(':label さんからの評価', ['label'=>$r['display_name']]) }}</span>
            @else
              <span class="who">{{ __(':name さん', ['name'=>$r['display_name']]) }}</span>
            @endif
            <span class="stars" style="--rate:{{ $r['rating'] }}"></span>
          </header>
          <div class="ttl">@if($r['shop']){{ $r['shop']->t('name') }} — @endif{{ $r['title'] }}</div>
          <div class="cmt small muted">{{ \Illuminate\Support\Str::limit($r['body'],70) }}</div>
          <div class="row between" style="margin-top:6px;">
            @if($isVoice)
              <span class="badge off small">{{ __('店舗による投稿（お客様アンケート転載）') }}</span>
            @else
              <span class="small muted">👍 {{ $r['helpful_count'] }}</span>
            @endif
            <span class="small">›</span>
          </div>
        </a>
        @empty
        <div class="card card-pad muted">{{ __('まだ口コミがありません。') }}</div>
        @endforelse
      </div>
      <div style="margin-top:16px;">{{ $reviews->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