@extends('layouts.app')
@section('title', $funnel->name . ' - 登録者')
@section('page-title', $funnel->name)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
  <a href="{{ route('funnel.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>ファネル一覧</a>
</div>
@include('funnel.partials.detail-nav', ['funnel' => $funnel])

<div class="card">
  <div class="card-header">登録者</div>
  <div class="card-body p-0">
    <table class="table table-hover mb-0">
      <thead><tr><th class="ps-4">名前</th><th>メール</th><th>登録経路</th><th class="pe-4 text-end">登録日時</th></tr></thead>
      <tbody>
      @forelse($registrants as $s)
        <tr>
          <td class="ps-4">{{ $s->name ?: '-' }}</td>
          <td>{{ $s->email ?: '-' }}</td>
          <td><code>{{ $s->registration_route ?: '-' }}</code></td>
          <td class="pe-4 text-end">{{ optional($s->registered_at)->format('Y/m/d H:i') }}</td>
        </tr>
      @empty
        <tr><td colspan="4" class="text-center text-muted py-4">登録者データがありません</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>
</div>
@endsection