@extends('layouts.app')
@section('title', $shop->t('name').'（'.$shop->t('pref').'・'.$shop->t('city').'）｜'.config('app.name'))
@section('meta_description', \Illuminate\Support\Str::limit(strip_tags($shop->t('pr')) ?: $shop->t('name').__('の口コミ・料金・スタッフ情報'), 110))
@section('og_type', 'business.business')
@include('partials.jsonld-shop')

@section('content')
<div class="crumb"><a href="{{ route('home') }}">{{ __('ホーム') }}</a> ＞ <a href="{{ route('search',['pref'=>$shop->pref]) }}">{{ $shop->t('pref') }}</a> ＞ {{ $shop->t('name') }}</div>
<div class="l-cols">
  <div class="l-main">
    <section class="sec">
      <div class="card">
        <div class="rank-thumb" style="width:100%;height:300px;border-radius:6px 6px 0 0;">
          @if($shop->photo)<img src="{{ \App\Support\Media::url($shop->member_id,$shop->photo,900) }}" alt="{{ $shop->t('name') }}" loading="lazy">@else メイン写真 @endif
        </div>
        <div class="card-pad">
          <h1 class="card-title" style="font-size:22px;">{{ $shop->t('name') }}</h1>
          <div class="row" style="flex-wrap:wrap;gap:10px;">
            <span class="stars lg" style="--rate:{{ round($shop->review_avg) }}"></span>
            <span class="score" style="font-size:22px;">{{ number_format($shop->review_avg,1) }}</span>
            <span class="small muted">{{ __('口コミ :n 件', ['n'=>$shop->review_count]) }}</span>
            <span class="small muted">{{ __('PV') }} {{ number_format($shop->pv_total) }}</span>
          </div>
          <div class="small muted" style="margin-top:6px;">{{ $shop->t('pref') }}{{ $shop->t('city') }} ／ {{ $shop->t('address') }}</div>
          <div class="row" style="margin-top:8px;gap:6px;flex-wrap:wrap;">
            @foreach($shop->categories as $c)<span class="tag">{{ __($c->name) }}</span>@endforeach
          </div>
        </div>
      </div>
    </section>

    <section class="sec">
      <div class="sec-hd"><h2 class="ic-doc">{{ __('基本情報') }}</h2></div>
      <div class="card card-pad">
        <dl class="kv">
          <dt>{{ __('料金') }}</dt><dd>{!! nl2br(e($shop->t('price_system'))) !!}</dd>
          <dt>{{ __('住所') }}</dt><dd>〒{{ $shop->zip }} {{ $shop->t('pref') }}{{ $shop->t('city') }}{{ $shop->t('address') }}</dd>
          <dt>{{ __('電話') }}</dt><dd>{{ $shop->tel ?: '—' }}</dd>
          <dt>{{ __('アクセス') }}</dt><dd>{{ $shop->t('access') ?: '—' }}</dd>
        </dl>
      </div>
    </section>

    <section class="sec">
      <div class="sec-hd"><h2 class="ic-mega">{{ __('お店からのメッセージ') }}</h2></div>
      <div class="card card-pad"><p style="margin:0;white-space:pre-wrap;">{{ $shop->t('pr') }}</p></div>
    </section>

    @if($staffs->count())
    <section class="sec">
      <div class="sec-hd"><h2 class="ic-users">{{ __('在籍スタッフ（:n名）', ['n'=>$staffs->count()]) }}</h2></div>
      <div class="hscroll">
        @foreach($staffs as $st)
        <a class="hs-card" href="{{ route('staffs.show',$st->id) }}">
          <div class="ph">@if($st->photo)<img src="{{ \App\Support\Media::url($shop->member_id,$st->photo,300) }}" alt="" loading="lazy">@else 写真 @endif</div>
          <div class="bd"><div class="nm">{{ $st->t('name') }}</div><div class="mt">{{ __(':n歳', ['n'=>$st->age]) }}</div></div>
        </a>
        @endforeach
      </div>
    </section>
    @endif

    @if(isset($customerVoices) && $customerVoices->count())
    <section class="sec" id="customer-voices">
      <div class="sec-hd"><h2 class="ic-review">{{ __('お客様の声') }} <span class="badge off" style="vertical-align:middle;">{{ __('店舗による投稿') }}</span></h2></div>
      <div class="card card-pad small muted" style="margin-bottom:8px;">{{ __('お客様アンケート等を店舗が許諾を得て掲載した投稿です。一般口コミとは別枠で、★平均には含めません。') }}</div>
      <div class="grid-list">
        @foreach($customerVoices as $v)
        <div class="review" style="background:var(--brand-pale);">
          <header>
            <span class="who">{{ __(':label さんからの評価', ['label'=>$v->customer_label]) }}</span>
            <span class="stars" style="--rate:{{ $v->rating }}"></span>
          </header>
          <div class="ttl">{{ $v->t('title') }}</div>
          <div class="cmt small" style="white-space:pre-wrap;">{{ $v->t('body') }}</div>
          <div class="row between" style="margin-top:6px;">
            <span class="badge off small">{{ __('店舗による投稿（お客様アンケート転載）') }}</span>
            @if($v->received_at)
            <span class="small muted">{{ __('受領: :d', ['d'=>$v->received_at->format('Y-m-d')]) }}</span>
            @endif
          </div>
        </div>
        @endforeach
      </div>
    </section>
    @endif

    @if($shop->member && $shop->member->planAllows('reservation_form'))
    <section class="sec">
      <div class="sec-hd"><h2 class="ic-pen">{{ __('予約リクエスト') }}</h2></div>
      <form method="post" action="{{ route('reservations.store',$shop->id) }}" class="card card-pad">@csrf
        <div style="position:absolute;left:-9999px;" aria-hidden="true"><label>Website<input type="text" name="website" tabindex="-1" autocomplete="off"></label></div>
        <div class="field"><label>{{ __('お名前') }}<span class="req">*</span></label><input type="text" name="name" value="{{ old('name') }}" required></div>
        <div class="row" style="gap:10px;flex-wrap:wrap;">
          <div class="field" style="flex:1;min-width:160px;"><label>{{ __('電話番号') }}</label><input type="text" name="tel" value="{{ old('tel') }}"></div>
          <div class="field" style="flex:1;min-width:200px;"><label>{{ __('メールアドレス') }}</label><input type="email" name="email" value="{{ old('email') }}"></div>
        </div>
        <div class="field"><label>{{ __('ご希望日時') }}</label><input type="text" name="desired_at" value="{{ old('desired_at') }}" placeholder="{{ __('例：6/20 19:00頃 / 今週末の夜 など') }}"></div>
        <div class="field"><label>{{ __('ご希望メニュー・ご要望') }}</label><textarea name="note" rows="3">{{ old('note') }}</textarea></div>
        <button class="btn primary block" type="submit">{{ __('予約をリクエストする') }}</button>
        <div class="small muted" style="margin-top:8px;">{{ __('送信内容は店舗へ直接通知されます。確定ではなく、店舗からの返信で確定します。') }}</div>
      </form>
    </section>
    @endif

    <section class="sec">
      <div class="sec-hd"><h2 class="ic-review">{{ __('口コミ（:n件）', ['n'=>$shop->review_count]) }}</h2><a class="more" href="{{ route('reviews.create',$shop->id) }}">{{ __('投稿する ›') }}</a></div>
      <div class="grid-list">
        @forelse($reviews 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">{{ \Illuminate\Support\Str::limit($r->t('body'),80) }}</div>
          @if($r->reply && $r->reply->status==='published')
          <div class="card card-pad" style="margin-top:8px;background:#fff;">
            <div class="small" style="font-weight:800;">{{ __('店舗からの返信') }}</div>
            <div class="small" style="white-space:pre-wrap;">{{ \Illuminate\Support\Str::limit($r->reply->body,120) }}</div>
          </div>
          @endif
          <div class="row between" style="margin-top:8px;"><span class="small muted">👍 {{ $r->helpful_count }}</span><span class="small">{{ __('詳細 ›') }}</span></div>
        </a>
        @empty
        <div class="card card-pad muted">{{ __('まだ口コミがありません。最初の口コミを投稿しませんか？') }}</div>
        @endforelse
      </div>
      <a href="{{ route('reviews.create',$shop->id) }}" class="btn primary block" style="margin-top:12px;">{{ __('★ この店舗に口コミを投稿') }}</a>
    </section>
  </div>

  <aside class="l-side">
    <div class="sw">
      <div class="sw__hd">{{ __('この店舗に連絡') }}</div>
      <div class="sw__bd">
        @if($shop->tel)<a href="tel:{{ $shop->tel }}" class="btn primary block" style="margin-bottom:8px;">{{ __('📞 電話する') }}</a>@endif
        @if($shop->line_url && $shop->member && $shop->member->planAllows('line_button'))
        <a href="{{ $shop->line_url }}" rel="nofollow noopener" target="_blank" class="btn block" style="margin-bottom:8px;background:#06C755;border-color:#06C755;color:#fff;">{{ __('LINEで相談') }}</a>
        @endif
        <a href="{{ route('shops.contact',$shop->id) }}" class="btn block" style="margin-bottom:8px;">{{ __('✉ メールで問合せ') }}</a>
        @if($shop->showOfficialSite())<a href="{{ $shop->url }}" rel="nofollow noopener" target="_blank" class="btn block" style="margin-bottom:8px;">{{ __('🌐 公式サイト') }}</a>@endif
        <a href="{{ route('reviews.create',$shop->id) }}" class="btn ghost block">{{ __('★ 口コミを投稿') }}</a>
      </div>
    </div>
  </aside>
</div>
@endsection