@extends('layouts.console')
@section('title','自店宛の口コミ')@section('console','店舗管理')@section('heading','自店宛の口コミ')
@section('who', auth('member')->user()->name.' 様')@section('logout', route('member.logout'))
@section('nav')@include('member._nav')@endsection

@section('content')
<section class="sec">
  <div class="sec-hd"><h2 class="ic-review">口コミ一覧</h2></div>
  @forelse($reviews as $r)
  <div class="review" style="margin-bottom:12px;">
    <header>
      <span class="who">{{ $r->displayName() }} さん</span>
      <span class="when">{{ optional($r->created_at)->format('Y-m-d') }}</span>
      <span class="stars" style="--rate:{{ $r->rating }}"></span>
      <span class="badge {{ $r->status==='published'?'ok':($r->status==='rejected'?'ng':'wait') }}">{{ ['published'=>'公開','pending'=>'承認待ち','rejected'=>'非公開'][$r->status] ?? $r->status }}</span>
      <span class="small muted">{{ optional($r->shop)->name }}</span>
    </header>
    <div class="ttl">{{ $r->title }}</div>
    <div class="cmt small">{{ $r->body }}</div>

    @if($r->reply && $r->reply->status==='published')
    <div class="card card-pad" style="margin-top:10px;background:var(--brand-pale);">
      <div class="small" style="font-weight:800;">店舗からの返信</div>
      <div class="small" style="white-space:pre-wrap;">{{ $r->reply->body }}</div>
    </div>
    @endif

    @planfeature('review_reply')
    <form method="post" action="{{ route('member.reviews.reply',$r->id) }}" style="margin-top:10px;">@csrf
      <textarea name="body" rows="2" style="width:100%;" placeholder="この口コミへ返信（公開されます）" required>{{ optional($r->reply)->body }}</textarea>
      <button class="btn primary btn-sm" style="margin-top:6px;">{{ $r->reply?'返信を更新':'返信する' }}</button>
    </form>
    @else
    <div class="small muted" style="margin-top:10px;">口コミへの返信は有料プランの機能です。<a href="{{ route('member.billing') }}">プランを見る</a></div>
    @endplanfeature

    <div class="row" style="margin-top:10px;gap:8px;"><a href="#" class="btn btn-sm">運営に通報</a></div>
  </div>
  @empty
  <div class="card card-pad muted">まだ口コミがありません。</div>
  @endforelse
  <div style="margin-top:14px;">{{ $reviews->links() }}</div>
</section>
@endsection