@extends('layouts.app')
@section('title', $event->name.' — 申込者')
@section('page-title', $event->name)
@section('content')
@include('event.partials._workspace_toolbar')

<div class="row g-3 mb-4">
  @foreach([
    ['label' => '申込者数', 'value' => $bookingStats['total'], 'class' => 'text-primary'],
    ['label' => '確定', 'value' => $bookingStats['confirmed'], 'class' => 'text-success'],
    ['label' => '保留', 'value' => $bookingStats['pending'], 'class' => 'text-warning'],
    ['label' => 'キャンセル', 'value' => $bookingStats['cancelled'], 'class' => 'text-danger'],
  ] as $stat)
  <div class="col-md-3">
    <div class="card text-center"><div class="card-body py-3">
      <div class="fs-3 fw-bold {{ $stat['class'] }}">{{ $stat['value'] }}</div>
      <div class="text-muted small">{{ $stat['label'] }}</div>
    </div></div>
  </div>
  @endforeach
</div>

@if($bookings->isEmpty())
<div class="card"><div class="card-body text-center py-5">
  <i class="bi bi-person-check" style="font-size:3rem;color:#ddd;"></i>
  <h5 class="mt-3 text-muted">申込者がいません</h5>
</div></div>
@else
<div class="card"><div class="card-body p-0">
  <div class="table-responsive">
    <table class="table table-hover align-middle mb-0">
      <thead class="table-light">
        <tr>
          <th class="ps-4">氏名</th>
          <th>メールアドレス</th>
          <th>電話番号</th>
          <th>予約日時</th>
          <th>申込日時</th>
          <th>ステータス</th>
        </tr>
      </thead>
      <tbody>
        @foreach($bookings as $booking)
        <tr>
          <td class="ps-4 fw-semibold">{{ $booking->name }}</td>
          <td class="text-muted small">{{ $booking->email }}</td>
          <td class="text-muted small">{{ $booking->phone ?: '—' }}</td>
          <td class="text-muted small">{{ $booking->schedule?->start_at?->timezone(config('app.timezone'))->format('Y/m/d H:i') ?? '—' }}</td>
          <td class="text-muted small">{{ $booking->booked_at?->timezone(config('app.timezone'))->format('Y/m/d H:i') }}</td>
          <td>
            @if($booking->status === 'confirmed') <span class="badge bg-success">確定</span>
            @elseif($booking->status === 'pending') <span class="badge bg-warning text-dark">保留</span>
            @elseif($booking->status === 'cancelled') <span class="badge bg-danger">キャンセル</span>
            @endif
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div></div>
<div class="mt-3">{{ $bookings->links() }}</div>
@endif
@endsection