@php
  $hasAgent = !empty($host->agent_token);
  $lastRpt  = $host->agent_last_report_at;
  $isStale  = $lastRpt && $lastRpt->lt(now()->subHours(3));
@endphp
<td class="text-center" style="width:52px;">
  @if($hasAgent)
    @if($lastRpt)
      @if($isStale)
        <span class="agent-badge d-inline-flex align-items-center justify-content-center rounded-2 px-1 py-1"
              style="background:#fef3c7;border:1px solid #fcd34d;cursor:default;"
              data-bs-toggle="tooltip" data-bs-placement="right"
              title="Agent｜最後回報：{{ $lastRpt->format('Y-m-d H:i') }}（{{ $lastRpt->diffForHumans() }}）">
          <i class="bi bi-cpu-fill" style="color:#d97706;font-size:1rem;"></i>
        </span>
      @else
        <span class="agent-badge d-inline-flex align-items-center justify-content-center rounded-2 px-1 py-1"
              style="background:#dcfce7;border:1px solid #86efac;cursor:default;"
              data-bs-toggle="tooltip" data-bs-placement="right"
              title="Agent 運作中｜最後回報：{{ $lastRpt->format('Y-m-d H:i') }}（{{ $lastRpt->diffForHumans() }}）">
          <i class="bi bi-cpu-fill" style="color:#16a34a;font-size:1rem;"></i>
        </span>
      @endif
    @else
      <span class="agent-badge d-inline-flex align-items-center justify-content-center rounded-2 px-1 py-1"
            style="background:#f1f5f9;border:1px solid #cbd5e1;cursor:default;"
            data-bs-toggle="tooltip" data-bs-placement="right"
            title="Agent 已安裝，尚未收到回報">
        <i class="bi bi-cpu" style="color:#94a3b8;font-size:1rem;"></i>
      </span>
    @endif
  @else
    <span class="text-muted" style="font-size:.75rem;">—</span>
  @endif
</td>