@php
  $isScheduledView = ($status ?? '') === 'reserved';
  $title = $isScheduledView ? '予約中' : '送信済';
@endphp

<div class="card scenario-ws-card mb-3">
  <div class="card-body">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-3">
      <div>
        <h2 class="h5 mb-1">{{ $title }}</h2>
        <p class="text-muted small mb-0">
          @if($isScheduledView)
            ステップ配信・メール一斉送信・イベントリマインドのうち、送信予定日時が確定していてまだ送っていないメールを表示します。
          @else
            SMTP 送信処理が正常完了したメールを表示します。相手の受信箱への到達を保証するものではありません。
          @endif
        </p>
      </div>
      <a href="{{ route('scenario.workspace.show', [$account, $scenario]) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-house-door me-1"></i>シナリオ概要</a>
    </div>

    @if($isScheduledView)
      <div class="alert alert-info small py-2 mb-3">
        予約中は、読者・メール・送信予定日時が確定した待機状態です。読者の配信停止、ステップ停止、ラベル条件の変化などで送信前に対象外になることがあります。
      </div>
    @else
      <div class="alert alert-info small py-2 mb-3">
        送信済は monaka からメールサーバーへの送信処理が成功した状態です。迷惑メール判定、DKIM/DMARC、受信側制限などによる未到達は別途確認が必要です。
      </div>
    @endif

    @if($mailDeliveries->isEmpty())
      <div class="text-center text-muted small py-5 border rounded bg-light">{{ $title }}のメールはありません。</div>
    @else
      <div class="table-responsive">
        <table class="table table-sm table-hover align-middle">
          <thead class="table-light">
            <tr>
              <th>件名</th>
              <th>配信種別</th>
              <th>対象読者</th>
              <th class="text-nowrap">{{ $isScheduledView ? '配信予定日時' : '送信日時' }}</th>
              <th class="text-nowrap">状態</th>
            </tr>
          </thead>
          <tbody>
            @foreach($mailDeliveries as $row)
              <tr>
                <td class="small">
                  <div class="fw-semibold text-break">{{ $row->subject ?: '（件名なし）' }}</div>
                  @if($row->error_message)
                    <div class="text-danger mt-1">{{ $row->error_message }}</div>
                  @endif
                </td>
                <td class="small text-nowrap">
                  @if($row->source_type === 'step')
                    <span class="badge text-bg-primary">ステップ配信</span>
                    <div class="text-muted mt-1">{{ $row->stepMessage?->name ?: ('#'.($row->step_message_id ?? '—')) }}</div>
                  @elseif($row->source_type === 'broadcast')
                    <span class="badge text-bg-info">メール一斉</span>
                    <div class="text-muted mt-1">#{{ $row->scenario_broadcast_id ?? '—' }}</div>
                  @elseif($row->source_type === 'event_reminder' || str_starts_with((string) $row->source_type, 'event_reminder_'))
                    <span class="badge text-bg-warning">リマインド</span>
                    <div class="text-muted mt-1">{{ $row->scenarioReminder?->title ?: ($row->eventBooking?->schedule?->event?->name ?: ('予約#'.($row->event_booking_id ?? '—'))) }}</div>
                  @else
                    <span class="badge text-bg-secondary">{{ $row->source_type ?: '不明' }}</span>
                  @endif
                </td>
                <td class="small">
                  <div class="font-monospace">{{ $row->email ?: ($row->subscriber?->email ?: '—') }}</div>
                  @if($row->subscriber?->name)
                    <div class="text-muted">{{ $row->subscriber->name }}</div>
                  @endif
                </td>
                <td class="small text-muted text-nowrap">
                  {{ ($isScheduledView ? $row->send_at : $row->sent_at)?->format('Y-m-d H:i:s') ?? '—' }}
                </td>
                <td class="small text-nowrap">
                  @if($isScheduledView)
                    <span class="badge text-bg-warning">予約中</span>
                  @else
                    <span class="badge text-bg-success">送信済</span>
                  @endif
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    @endif
  </div>
</div>