@extends('layouts.app')
@section('title', $scenario->name . ' - LINE一斉送信の状況')
@section('page-title', $scenario->name . ' - LINE一斉送信の状況')
@section('content')

<div class="d-flex align-items-center gap-2 mb-3">
  <a href="{{ route('scenario.line-broadcast.index', [$account, $scenario]) }}" class="btn btn-sm btn-outline-secondary">
    <i class="bi bi-arrow-left me-1"></i>送信一覧へ
  </a>
  <a href="{{ route('scenario.line-broadcast.create', [$account, $scenario]) }}" class="btn btn-sm btn-outline-primary">新規作成</a>
</div>

@php $st = $broadcast->status ?? ''; @endphp
<div class="card mb-3">
  <div class="card-body">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-2">
      <div>
        <h2 class="h5 mb-1">状態</h2>
        @if($st === 'pending' && $broadcast->scheduled_at && $broadcast->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
      </div>
    </div>

    @php $isImmediatePending = $st === 'pending' && ! ($broadcast->scheduled_at && $broadcast->scheduled_at->isFuture()); @endphp
    @if($isImmediatePending)
      <div class="alert alert-info small d-flex align-items-start gap-2 mb-3" role="status">
        <i class="bi bi-hourglass-split mt-1"></i>
        <div>
          <div class="fw-semibold mb-1">「待機」= 送信の順番待ちです</div>
          順番に自動で送信され、<span class="badge text-bg-success">完了</span> に変わります。通常は<strong>数分以内</strong>です。この画面は自動で更新されます。
        </div>
      </div>
    @elseif($st === 'pending' && $broadcast->scheduled_at && $broadcast->scheduled_at->isFuture())
      <div class="alert alert-info small mb-3" role="status">
        <i class="bi bi-clock-history me-1"></i><span class="fw-semibold">予約中</span>です。{{ $broadcast->scheduled_at->format('Y-m-d H:i') }} になると自動で送信されます。
      </div>
    @endif

    <dl class="row small mb-0">
      <dt class="col-sm-3 text-muted">名前</dt>
      <dd class="col-sm-9">{{ $broadcast->name !== null && $broadcast->name !== '' ? $broadcast->name : '—' }}</dd>
      <dt class="col-sm-3 text-muted">対象</dt>
      <dd class="col-sm-9">有効な読者（LINEでつながっている方）</dd>
      <dt class="col-sm-3 text-muted">配信日時</dt>
      <dd class="col-sm-9">{{ $broadcast->scheduled_at?->format('Y-m-d H:i:s') ?? '即時' }}</dd>
      <dt class="col-sm-3 text-muted">送信数 / 対象数</dt>
      <dd class="col-sm-9">
        @if($st === 'pending')
          <span class="text-muted">送信の完了後に集計されます</span>
        @else
          {{ (int) $broadcast->sent_count }} / {{ (int) $broadcast->total_targets }}
        @endif
      </dd>
      <dt class="col-sm-3 text-muted">失敗数</dt>
      <dd class="col-sm-9">
        {{ (int) $broadcast->failed_count }}
        @if((int) $broadcast->failed_count > 0)
          <a href="{{ route('scenario.workspace.show', [$account, $scenario, 'line-delivery-errors']) }}" class="ms-2">配信エラーを見る</a>
        @endif
      </dd>
      <dt class="col-sm-3 text-muted">完了日時</dt>
      <dd class="col-sm-9">{{ $broadcast->completed_at?->format('Y-m-d H:i:s') ?? '—' }}</dd>
    </dl>

    @if($broadcast->last_error)
      <div class="alert alert-warning small mb-0 mt-3 py-2">
        <div class="fw-semibold mb-1">最後のエラー</div>
        <pre class="small mb-0 text-break" style="white-space: pre-wrap;">{{ $broadcast->last_error }}</pre>
      </div>
    @endif
  </div>
</div>

<div class="card">
  <div class="card-header">送信内容</div>
  <div class="card-body">
    <pre class="small mb-0 text-break" style="white-space: pre-wrap;">{{ $broadcast->message_text }}</pre>
  </div>
</div>

@if($st === 'pending' || $st === 'processing')
<script>
setTimeout(function () { window.location.reload(); }, 12000);
</script>
@endif
@endsection