{% if task %}
<div class="row pynmon-row-compact">
  <div class="col-md-6">
    <div class="card pynmon-card">
      <div class="card-header pynmon-card-header compact-header">
        Task information
      </div>
      <div class="card-body pynmon-card-body">
        <table class="table pynmon-table">
          <tbody>
            <tr>
              <th>Task ID:</th>
              <td>
                <a
                  href="/tasks/{{ task.task_id.key }}"
                  class="text-decoration-none"
                >
                  {{ task.task_id }}
                </a>
              </td>
            </tr>
            <tr>
              <th>Module:</th>
              <td>{{ task_extra.module }}</td>
            </tr>
            <tr>
              <th>Function:</th>
              <td>{{ task_extra.func_qualname }}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>

  <div class="col-md-6">
    <div class="card pynmon-card">
      <div class="card-header pynmon-card-header compact-header">
        Configuration
      </div>
      <div class="card-body pynmon-card-body">
        <table class="table pynmon-table">
          <tbody>
            <tr>
              <th>Registration Concurrency:</th>
              <td>{{ task.conf.registration_concurrency.name }}</td>
            </tr>
            <tr>
              <th>Running Concurrency:</th>
              <td>{{ task.conf.running_concurrency.name }}</td>
            </tr>
            <tr>
              <th>Max Retries:</th>
              <td>{{ task.conf.max_retries }}</td>
            </tr>
            <tr>
              <th>Call Result Cache:</th>
              <td>{{ task.conf.call_result_cache }}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<div class="d-flex justify-content-between align-items-center mb-3">
  <h6 class="section-header">Workflow Runs</h6>
  <div>
    <span class="badge bg-primary me-2"
      >{{ workflow_runs|length }} Total Runs</span
    >
    <a
      href="/tasks/{{ workflow_type.key }}"
      class="btn btn-sm btn-outline-info pynmon-action-btn"
    >
      View Task Details
    </a>
  </div>
</div>
{% else %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h6 class="section-header">Workflow Runs</h6>
  <span class="badge bg-primary">{{ workflow_runs|length }} Total Runs</span>
</div>
{% endif %} {% if workflow_runs %}
<section class="mb-3" aria-labelledby="workflow-histograms-title">
  <div class="d-flex justify-content-between align-items-end gap-3 mb-2">
    <div>
      <h6 id="workflow-histograms-title" class="section-header mb-1">
        Run occupancy
      </h6>
      <span class="text-muted small"
        >Compare task states over each selected workflow lifetime.</span
      >
    </div>
    <form method="get" class="d-flex align-items-end gap-2">
      <input
        type="hidden"
        name="histogram_status"
        value="{{ histogram_status }}"
      />
      <label class="small">
        Workflow runs
        <select
          name="histogram_workflow"
          class="form-select form-select-sm"
          multiple
          size="3"
          style="min-width: 240px"
        >
          {% for run in workflow_runs %}
          <option
            value="{{ run.workflow_id }}"
            {%
            if
            run.histogram_selected
            %}selected{%
            endif
            %}
          >
            {{ run.workflow_id|truncate(34, True) }}
          </option>
          {% endfor %}
        </select>
      </label>
      <button type="submit" class="btn btn-sm btn-outline-primary">
        Apply
      </button>
    </form>
  </div>
  {% if histogram_selection_capped %}
  <div class="alert alert-warning py-1 px-2 small">
    Only the first 10 selected runs are rendered.
  </div>
  {% endif %} {% for workflow_histogram in workflow_histograms %}
  <div class="border rounded p-2 mb-2">
    <div
      class="small fw-semibold mb-1"
      title="{{ workflow_histogram.workflow_id }}"
    >
      Run {{ workflow_histogram.short_id }}
    </div>
    {% set histogram = workflow_histogram.histogram %} {% include
    "partials/histogram.html" %}
  </div>
  {% endfor %}
</section>
<div class="table-responsive">
  <table class="table table-hover pynmon-table">
    <thead>
      <tr>
        <th>Invocation ID</th>
        <th>Parent Workflow</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for run in workflow_runs %}
      <tr>
        <td>
          <a
            href="/invocations/{{ run.workflow_id }}"
            class="text-decoration-none"
          >
            <code class="clickable-code">{{ run.workflow_id }}</code>
          </a>
        </td>
        <td>
          {% if run.parent_workflow_id %}
          <div class="d-flex flex-column gap-1">
            {% if run.parent_workflow %}
            <a
              href="/workflows/{{ run.parent_workflow.workflow_type.key }}"
              class="text-decoration-none"
            >
              {{ run.parent_workflow.workflow_type }}
            </a>
            {% else %}
            <span class="text-muted">Parent workflow</span>
            {% endif %}
            <a
              href="/invocations/{{ run.parent_workflow_id }}"
              class="text-decoration-none"
            >
              <code class="clickable-code text-break"
                >{{ run.parent_workflow_id }}</code
              >
            </a>
          </div>
          {% else %}
          <span class="text-muted">-</span>
          {% endif %}
        </td>
        <td>
          <a
            href="/invocations?workflow_id={{ run.workflow_id }}"
            class="btn btn-sm btn-outline-primary pynmon-action-btn"
          >
            View All Invocations
          </a>
          {% if run.parent_workflow %}
          <a
            href="/workflows/{{ run.parent_workflow.workflow_type.key }}"
            class="btn btn-sm btn-outline-secondary pynmon-action-btn ms-1"
          >
            Parent Workflow Details
          </a>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="alert alert-info">
  <h6>No workflow runs found</h6>
  <p class="mb-0">This workflow type has not been executed yet.</p>
</div>
{% endif %}