{% comment %}
Partial template: full dashboard content (stats + slow tasks + recent tasks).

Swapped in by the manual Refresh button and auto-refresh timer via HTMX
so client-side state (auto-refresh toggle, countdown) is preserved.

Context variables — same as dashboard.html.
{% endcomment %}
{% load i18n %}

{% include "django_taskly/partials/dashboard_stats.html" %}

{# -------------------------------------------------------------------- #}
{# Slow tasks                                                            #}
{# -------------------------------------------------------------------- #}
<div class="taskly-section">
  <h2 class="taskly-section-title">Slow Tasks (top 10)</h2>

  {% if slow_tasks %}
    <table class="taskly-table">
      <thead>
        <tr>
          <th>Task Name</th>
          <th>Status</th>
          <th>Duration</th>
          <th>Backend</th>
          <th>Updated</th>
        </tr>
      </thead>
      <tbody>
        {% for task in slow_tasks %}
          <tr>
            <td>
              <a href="{% url 'django_taskly:task_detail' task_id=task.task_id %}">
                {{ task.task_name }}
              </a>
            </td>
            <td>
              {% if task.status == 'SUCCESSFUL' %}
                <span class="taskly-badge taskly-badge--success">{{ task.get_status_display }}</span>
              {% elif task.status == 'FAILED' %}
                <span class="taskly-badge taskly-badge--danger">{{ task.get_status_display }}</span>
              {% elif task.status == 'RUNNING' %}
                <span class="taskly-badge taskly-badge--info">{{ task.get_status_display }}</span>
              {% else %}
                <span class="taskly-badge taskly-badge--warning">{{ task.get_status_display }}</span>
              {% endif %}
            </td>
            <td>{{ task.duration_seconds|floatformat:2 }}s</td>
            <td class="taskly-truncate" title="{{ task.backend }}">{{ task.backend }}</td>
            <td>{{ task.updated_at|date:"Y-m-d H:i:s" }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p class="taskly-empty-state">No slow tasks recorded.</p>
  {% endif %}
</div>

{# -------------------------------------------------------------------- #}
{# Recent tasks (last 24 h)                                             #}
{# -------------------------------------------------------------------- #}
<div class="taskly-section">
  <h2 class="taskly-section-title">Recent Tasks (last 24 h, up to 20)</h2>

  {% if recent_tasks %}
    <table class="taskly-table">
      <thead>
        <tr>
          <th>Task Name</th>
          <th>Status</th>
          <th>Duration</th>
          <th>Attempts</th>
          <th>Updated</th>
        </tr>
      </thead>
      <tbody>
        {% for task in recent_tasks %}
          <tr>
            <td>
              <a href="{% url 'django_taskly:task_detail' task_id=task.task_id %}">
                {{ task.task_name }}
              </a>
            </td>
            <td>
              {% if task.status == 'SUCCESSFUL' %}
                <span class="taskly-badge taskly-badge--success">{{ task.get_status_display }}</span>
              {% elif task.status == 'FAILED' %}
                <span class="taskly-badge taskly-badge--danger">{{ task.get_status_display }}</span>
              {% elif task.status == 'RUNNING' %}
                <span class="taskly-badge taskly-badge--info">{{ task.get_status_display }}</span>
              {% else %}
                <span class="taskly-badge taskly-badge--warning">{{ task.get_status_display }}</span>
              {% endif %}
            </td>
            <td>
              {% if task.duration_seconds is not None %}
                {{ task.duration_seconds|floatformat:2 }}s
              {% else %}
                &mdash;
              {% endif %}
            </td>
            <td>{{ task.attempts }}</td>
            <td>{{ task.updated_at|date:"Y-m-d H:i:s" }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p class="taskly-empty-state">No tasks updated in the last 24 hours.</p>
  {% endif %}
</div>