@extends('layouts.app')
@section('title', $scenario->name . ' - メール一斉送信')
@section('delivery-primary-tabs')
@include('account.partials.mail-delivery-primary-tabs', ['mailDeliveryTab' => 'accounts'])
@endsection
@section('page-title', $scenario->name . ' - メール一斉送信')
@push('styles')
<style>
.delivery-page-tabs {
  display: flex;
  gap: 18px;
  align-items: center;
  border-bottom: 1px solid #d9dfeb;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.delivery-page-tabs .tab-item {
  text-decoration: none;
  color: #5f6d84;
  font-size: 0.92rem;
  padding: 9px 2px;
  border-bottom: 2px solid transparent;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.delivery-page-tabs .tab-item.active {
  color: #2b4f9b;
  border-bottom-color: #4f77cf;
  font-weight: 600;
}
</style>
@endpush
@section('content')
@if(session('success'))
  <div class="alert alert-success py-2 small mb-3">{{ session('success') }}</div>
@endif
@if(session('error'))
  <div class="alert alert-danger py-2 small mb-3">{{ session('error') }}</div>
@endif
<div class="delivery-page-tabs">
  <a href="{{ route('account.index') }}" class="tab-item"><i class="bi bi-list-ul" aria-hidden="true"></i>送信用アカウント一覧</a>
  <a href="{{ route('scenario.index', $account) }}" class="tab-item"><i class="bi bi-diagram-2" aria-hidden="true"></i>{{ $account->name }} / シナリオ一覧</a>
  <a href="{{ route('scenario.workspace.show', [$account, $scenario]) }}" class="tab-item"><i class="bi bi-house-door" aria-hidden="true"></i>{{ $scenario->name }} / 概要</a>
  <a href="{{ route('subscriber.index', [$account, $scenario]) }}" class="tab-item"><i class="bi bi-people" aria-hidden="true"></i>読者一覧</a>
  <span class="tab-item active d-inline-flex align-items-center gap-1"><i class="bi bi-send" aria-hidden="true"></i>メール一斉</span>
  <a href="{{ route('step.index', [$account, $scenario]) }}" class="tab-item"><i class="bi bi-clock-history" aria-hidden="true"></i>ステップ配信</a>
</div>

<p class="text-muted small mb-3">
  登録済みの<strong>有効な読者</strong>のうち、メールアドレスがある方へ一斉送信します。送信は順番に自動で進み、通常は<strong>数分以内</strong>に完了します。
</p>

<div class="d-flex flex-wrap gap-2 mb-3">
  <a href="{{ route('scenario.index', $account) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>シナリオ一覧</a>
  <a href="{{ route('scenario.broadcast.create', [$account, $scenario]) }}" class="btn btn-sm btn-primary"><i class="bi bi-plus-lg me-1"></i>新規一斉送信</a>
</div>

@if($broadcasts->isEmpty())
  <div class="card"><div class="card-body text-center py-5 text-muted small">まだ一斉送信の履歴がありません。</div></div>
@else
  <div class="table-responsive">
    <table class="table table-sm align-middle">
      <thead class="table-light">
        <tr>
          <th>ID</th>
          <th>名前</th>
          <th>状態</th>
          <th>送信</th>
          <th>配信日時</th>
          <th>作成日時</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        @foreach($broadcasts as $b)
          <tr>
            <td class="font-monospace small">{{ $b->id }}</td>
            <td class="small">{{ $b->name !== null && $b->name !== '' ? $b->name : '—' }}</td>
            <td>
              @php $st = $b->status ?? ''; @endphp
              @if($st === 'pending' && $b->scheduled_at && $b->scheduled_at->isFuture())
                <span class="badge text-bg-warning">予約中</span>
              @elseif($st === 'completed')
                <span class="badge text-bg-success">完了</span>
              @elseif($st === 'processing')
                <span class="badge text-bg-primary">処理中</span>
              @elseif($st === 'failed')
                <span class="badge text-bg-danger">失敗</span>
              @else
                <span class="badge text-bg-secondary">待機</span>
              @endif
            </td>
            <td class="small text-muted">{{ (int) $b->sent_count }} / {{ (int) $b->total_targets }}</td>
            <td class="small text-muted">{{ $b->scheduled_at?->format('Y-m-d H:i') ?? '即時' }}</td>
            <td class="small text-muted">{{ $b->created_at?->format('Y-m-d H:i') }}</td>
            <td class="text-end">
              <a href="{{ route('scenario.broadcast.show', [$account, $scenario, $b]) }}" class="btn btn-sm btn-outline-primary">詳細</a>
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
@endif
@endsection