{% extends "base.html" %}

{% block title %}Dashboard{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Dashboard</h1>
  <p>Overview of your Bluesky data collection</p>
</div>

<!-- Stat Cards -->
<div class="stats-grid">
  <div class="card stat-card">
    <div class="card-title">Accounts</div>
    <div class="card-value">{{ stats.accounts | format_number }}</div>
    <div class="card-footer-text">Tracked accounts</div>
  </div>
  <div class="card stat-card">
    <div class="card-title">Posts</div>
    <div class="card-value">{{ stats.posts | format_number }}</div>
    <div class="card-footer-text">Collected posts</div>
  </div>
  <div class="card stat-card">
    <div class="card-title">Mentions</div>
    <div class="card-value">{{ stats.mentions | format_number }}</div>
    <div class="card-footer-text">Detected mentions</div>
  </div>
  <div class="card stat-card">
    <div class="card-title">Collection Runs</div>
    <div class="card-value">{{ stats.runs | format_number }}</div>
    <div class="card-footer-text">Total runs</div>
  </div>
</div>

<!-- Recent Collection Runs -->
<div class="table-wrapper">
  <div class="table-header">
    <h2>Recent Collection Runs</h2>
  </div>
  <table>
    <thead>
      <tr>
        <th>Started</th>
        <th>Duration</th>
        <th>Status</th>
        <th class="text-right">Accounts</th>
        <th class="text-right">Posts</th>
        <th class="text-right">Mentions</th>
        <th class="text-right">Errors</th>
      </tr>
    </thead>
    <tbody>
      {% for run in runs %}
      <tr>
        <td class="mono">{{ run.started_at | format_dt }}</td>
        <td>
          {% if run.duration_secs is not none %}
            {% set minutes = (run.duration_secs // 60) | int %}
            {% set seconds = (run.duration_secs % 60) | int %}
            {% if minutes > 0 %}
              {{ minutes }}m {{ seconds }}s
            {% else %}
              {{ seconds }}s
            {% endif %}
          {% else %}
            &mdash;
          {% endif %}
        </td>
        <td>
          <span class="badge badge-{{ run.status }}">{{ run.status }}</span>
        </td>
        <td class="text-right">{{ run.accounts_done | format_number }}</td>
        <td class="text-right">{{ run.posts_collected | format_number }}</td>
        <td class="text-right">{{ run.mentions_collected | format_number }}</td>
        <td class="text-right">
          {% if run.errors %}
            <span class="text-accent">{{ run.errors | length }}</span>
          {% else %}
            0
          {% endif %}
        </td>
      </tr>
      {% else %}
      <tr>
        <td colspan="7" class="table-empty">
          No collection runs yet. Start a collection to see results here.
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}