{{--
  配信の稼働状況（監査 M12）。

  cron やキューが止まると、ステップ配信・一斉送信・リマインダが**何も言わずに止まる**。
  動いた側に印を残させ、その時刻を**日本時間**で出す。

  正常なときは折りたたんだ1行だけにして、画面を騒がしくしない。
  止まっているものがあるときだけ開いた状態で目立たせる。
--}}
@php
  $tzLabel = '日本時間';
  $problem = $heartbeatHasProblem ?? false;
  $scheduler = collect($heartbeats ?? [])->firstWhere('key', 'scheduler');
@endphp

<div class="card mb-4 {{ $problem ? 'border-danger' : '' }}">
  <div class="card-body py-2">
    <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
      <div class="d-flex align-items-center gap-2">
        @if($problem)
          <i class="bi bi-exclamation-triangle-fill text-danger"></i>
          <strong class="text-danger">配信処理が止まっている可能性があります</strong>
        @else
          <i class="bi bi-check-circle-fill text-success"></i>
          <strong>配信処理は動いています</strong>
        @endif

        <span class="text-muted small">
          @if($scheduler && $scheduler['ran_at_jst'])
            最後に動いた時刻: {{ $scheduler['ran_at_jst'] }}（{{ $tzLabel }}）
          @else
            最後に動いた時刻: —
          @endif
        </span>
      </div>

      <button class="btn btn-sm btn-outline-secondary" type="button"
              data-bs-toggle="collapse" data-bs-target="#delivery-heartbeat-detail">
        内訳を見る
      </button>
    </div>

    <div class="collapse {{ $problem ? 'show' : '' }}" id="delivery-heartbeat-detail">
      <div class="table-responsive mt-3">
        <table class="table table-sm align-middle mb-1">
          <thead class="table-light">
            <tr>
              <th style="width:34%;">処理</th>
              <th style="width:22%;">最後に動いた時刻（{{ $tzLabel }}）</th>
              <th style="width:14%;">状態</th>
              <th>説明</th>
            </tr>
          </thead>
          <tbody>
            @foreach($heartbeats ?? [] as $row)
              <tr>
                <td>{{ $row['label'] }}</td>
                <td>
                  @if($row['ran_at_jst'])
                    {{ $row['ran_at_jst'] }}
                    @if($row['minutes_ago'] !== null)
                      <span class="text-muted small d-block">
                        {{ $row['minutes_ago'] < 60
                            ? $row['minutes_ago'].'分前'
                            : floor($row['minutes_ago'] / 60).'時間前' }}
                      </span>
                    @endif
                  @else
                    <span class="text-muted">—</span>
                  @endif
                </td>
                <td>
                  @switch($row['state'])
                    @case('ok')
                      <span class="badge bg-success">正常</span>
                      @break
                    @case('stale')
                      <span class="badge bg-danger">止まっている</span>
                      @break
                    @case('never')
                      <span class="badge bg-warning text-dark">未実行</span>
                      @break
                    @default
                      <span class="badge bg-secondary">設定で無効</span>
                  @endswitch
                </td>
                <td class="small text-muted">
                  {{ $row['detail'] }}
                  @if($row['note'])
                    <span class="text-danger d-block">{{ $row['note'] }}</span>
                  @endif
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>

        @if($problem)
          <div class="alert alert-danger small mb-0">
            <strong>確認してください。</strong>
            サーバの cron に <code>php artisan schedule:run</code> が毎分で登録されているか、
            登録されているのにエラーで止まっていないかをご確認ください。
            これが止まっている間、ステップ配信・一斉送信・リマインダは送られません。
          </div>
        @endif
      </div>
    </div>
  </div>
</div>