@extends('layouts.app')
@section('title', $scenario->name . ' - LINEステップ配信')
@section('page-title', $scenario->name . ' - LINEステップ配信')
@section('content')

@if(session('success'))<div class="alert alert-success py-2 small">{{ session('success') }}</div>@endif
@if(session('error'))<div class="alert alert-danger py-2 small">{{ session('error') }}</div>@endif

<div class="d-flex align-items-center justify-content-between flex-wrap gap-2 mb-3">
  <div class="small text-muted">
    LINEで<strong>つながっている読者</strong>に、登録からの経過時間に合わせて<strong>自動で LINE メッセージ</strong>を送ります（メールのステップ配信のLINE版）。
  </div>
  <div class="d-flex align-items-center gap-2">
    {{-- ステップが0件でも出す。隠すと「機能そのものが無い」と思われる
         （パネル側は「ステップがありません」と出す）。 --}}
    @include('account.scenario.partials._bulk_preview_offcanvas', [
      'previewUrl' => route('scenario.line-step.preview', [$account, $scenario], false),
      'previewTitle' => '一括プレビュー（LINE）',
      'previewCount' => $steps->count(),
    ])
    <a href="{{ route('scenario.line-step.create', [$account, $scenario]) }}" class="btn btn-sm btn-primary">
      <i class="bi bi-plus-lg me-1"></i>ステップを追加
    </a>
  </div>
</div>

@if(! $lineAccount)
<div class="alert alert-warning small">このシナリオに <strong>LINEアカウントが紐づいていません</strong>。シナリオ設定で LINE アカウントを選ぶと送信できるようになります。</div>
@endif

@if($steps->isEmpty())
<div class="card"><div class="card-body text-center text-muted py-5">
  <i class="bi bi-clock-history fs-3 d-block mb-2"></i>
  まだ LINE ステップがありません。「ステップを追加」から作成してください。
</div></div>
@else
<div class="card">
  <div class="table-responsive">
    <table class="table table-hover align-middle mb-0">
      <thead class="table-light">
        <tr>
          <th style="width:3rem;">#</th>
          <th>ステップ名</th>
          <th style="width:14rem;">配信タイミング</th>
          <th style="width:8rem;">状態</th>
          <th style="width:7rem;" class="text-end">送信済</th>
          <th style="width:8rem;"></th>
        </tr>
      </thead>
      <tbody>
        @foreach($steps as $i => $step)
        <tr>
          <td class="text-muted">{{ $i + 1 }}</td>
          <td>
            <div class="fw-semibold">{{ $step->name }}</div>
            <div class="small text-muted text-truncate" style="max-width:28rem;">{{ \Illuminate\Support\Str::limit($step->message_text, 60) }}</div>
          </td>
          <td class="small"><span class="badge text-bg-light border">{{ $step->timingLabel() }}</span></td>
          <td>
            @if($step->status === 'active')
              <span class="badge text-bg-success">配信中</span>
            @else
              <span class="badge text-bg-secondary">停止中</span>
            @endif
          </td>
          <td class="text-end">{{ (int) ($sentCounts[$step->id] ?? 0) }} 件</td>
          <td class="text-end">
            <a href="{{ route('scenario.line-step.edit', [$account, $scenario, $step]) }}" class="btn btn-sm btn-outline-secondary">編集</a>
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
<div class="form-text mt-2">上から順に、登録からの経過が早いステップほど先に届きます。送信には LINE ステップ配信バッチ（毎分）が有効である必要があります。</div>
@endif

@endsection