{% from "partials/status_badge.html" import status_badge %} {% if invocations %}
<div
  class="d-flex justify-content-between align-items-center px-3 py-2 border-bottom"
>
  <div class="small text-muted">
    {{ invocations|length }} invocation{{ "" if invocations|length == 1 else "s"
    }} in this list
  </div>
  {% if list_timeline_url %}
  <button
    type="button"
    id="view-list-in-timeline-btn"
    class="btn btn-sm btn-outline-secondary"
    data-list-timeline-url="{{ list_timeline_url }}"
    title="Show the current list in the timeline"
  >
    <span class="material-icons" style="font-size: 16px; vertical-align: middle"
      >timeline</span
    >
    Timeline for List
  </button>
  {% endif %}
</div>
<div class="table-responsive">
  <table class="table table-hover mb-0">
    <thead>
      <tr>
        <th style="width: 25%">Invocation ID</th>
        <th style="width: 20%">Task</th>
        <th style="width: 25%">Call ID</th>
        <th style="width: 10%">Status</th>
        <th style="width: 8%">Retries</th>
        <th style="width: 12%">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for invocation in invocations %} {% set timeline_url =
      invocation_timeline_urls.get(invocation.invocation_id|string) %}
      <tr data-invocation-id="{{ invocation.invocation_id }}">
        <td>
          <a
            href="/invocations/{{ invocation.invocation_id }}"
            class="text-decoration-none"
          >
            <code class="text-primary">{{ invocation.invocation_id }}</code>
          </a>
          {% if timeline_url %}
          <a
            href="{{ timeline_url }}"
            class="ms-2 view-in-timeline-link"
            data-invocation-id="{{ invocation.invocation_id }}"
            title="View in timeline"
          >
            <span
              class="material-icons"
              style="font-size: 14px; vertical-align: middle; color: #28a745"
              >timeline</span
            >
          </a>
          {% endif %}
        </td>
        <td>
          <a
            href="/tasks/{{ invocation.task.task_id }}"
            class="text-decoration-none"
          >
            {{ invocation.task.task_id.func_name }}
          </a>
        </td>
        <td>
          <a
            href="/calls/?call_id_key={{ invocation.call.call_id.key|urlencode }}"
            class="text-decoration-none"
          >
            <code class="text-secondary">{{ invocation.call.call_id }}</code>
          </a>
        </td>
        <td>{{ status_badge(invocation.status.name) }}</td>
        <td>{{ invocation.num_retries }}</td>
        <td>
          <a
            href="/invocations/{{ invocation.invocation_id }}"
            class="btn btn-sm btn-outline-primary"
            >Details</a
          >
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="alert alert-info m-3">
  No invocations found matching the filters.
</div>
{% endif %}