{% if issues %}
<table style="width: 100%; font-size: 0.875rem;">
  <thead>
    <tr>
      <th style="text-align: left; padding: 0.25rem 0.5rem;">When</th>
      <th style="text-align: left; padding: 0.25rem 0.5rem;">Issue</th>
      <th style="text-align: left; padding: 0.25rem 0.5rem;">Title</th>
      <th style="text-align: left; padding: 0.25rem 0.5rem;">Change</th>
    </tr>
  </thead>
  <tbody>
    {% for issue in issues %}
    <tr>
      <td style="padding: 0.25rem 0.5rem; white-space: nowrap;">
        {{ issue.occurred_at | local_datetime }}
      </td>
      <td style="padding: 0.25rem 0.5rem; white-space: nowrap;">
        {{ issue.project }}<br>
        {{ "pr" if issue.issue_type == "pull_request" else "issue" }}
        {% if issue.url %}
        <a href="{{ issue.url }}" target="_blank" rel="noopener noreferrer">#{{ issue.number }}</a>
        {% else %}
        #{{ issue.number }}
        {% endif %}
      </td>
      <td style="padding: 0.25rem 0.5rem;">
        <a href="/issues/{{ issue.project | urlencode_path }}/{{ issue.number }}">{{ issue.title|truncate(80) }}</a>
      </td>
      <td style="padding: 0.25rem 0.5rem;">{{ issue.change_type }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% if total > limit %}
<p style="font-size: 0.8rem; color: var(--app-text-muted); margin: 0.5rem 0.5rem 0;">
  Showing {{ limit }} of {{ total }} issues.
</p>
{% endif %}
{% else %}
<p style="color: var(--app-text-muted); margin: 0.25rem 0;">No issues collected in this run.</p>
{% endif %}