@extends('layouts.console')
@section('title','予約リクエスト')@section('console','店舗管理')@section('heading','予約リクエスト')
@section('who', $member->name.' 様')@section('logout', route('member.logout'))
@section('nav')@include('member._nav')@endsection

@section('content')
<section class="sec">
  <div class="sec-hd"><h2 class="ic-pen">予約リクエスト一覧</h2></div>
  <table class="tbl">
    <tr><th>受信</th><th>店舗</th><th>お名前</th><th>連絡先</th><th>希望/要望</th><th>状態</th><th>操作</th></tr>
    @forelse($reservations as $rv)
    <tr>
      <td class="small">{{ $rv->created_at?->format('Y-m-d H:i') }}</td>
      <td class="small">{{ optional($rv->shop)->name }}</td>
      <td>{{ $rv->name }}</td>
      <td class="small">{{ $rv->tel }}<br>{{ $rv->email }}</td>
      <td class="small" style="max-width:280px;white-space:pre-wrap;"><b>{{ $rv->desired_at }}</b><br>{{ $rv->note }}</td>
      <td><span class="badge {{ $rv->status==='handled'?'ok':($rv->status==='cancelled'?'ng':'wait') }}">{{ ['pending'=>'未対応','handled'=>'対応済','cancelled'=>'キャンセル'][$rv->status] ?? $rv->status }}</span></td>
      <td style="display:flex;gap:6px;flex-wrap:wrap;">
        @if($rv->status!=='handled')<form method="post" action="{{ route('member.reservations.action',[$rv,'handled']) }}">@csrf<button class="btn btn-sm primary">対応済</button></form>@endif
        @if($rv->status!=='cancelled')<form method="post" action="{{ route('member.reservations.action',[$rv,'cancel']) }}">@csrf<button class="btn btn-sm">キャンセル</button></form>@endif
        @if($rv->status!=='pending')<form method="post" action="{{ route('member.reservations.action',[$rv,'reopen']) }}">@csrf<button class="btn btn-sm">未対応へ</button></form>@endif
      </td>
    </tr>
    @empty
    <tr><td colspan="7" class="muted">予約リクエストはまだありません。</td></tr>
    @endforelse
  </table>
  <div style="margin-top:14px;">{{ $reservations->links() }}</div>
</section>
@endsection