{% extends "base.html" %}
{% block title %}Dashboard — alembic{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <h1>Welcome back, {{ user.name or user.email }}</h1>
    <p class="subtitle muted">Distilling Spotify playlists into a tuned, tagged library.</p>
  </div>
  <div class="actions">
    <a class="btn btn-primary" href="/playlists">Manage playlists</a>
  </div>
</div>

<div class="stat-grid">
  <div class="stat-card">
    <div class="stat-value chrome-text">{{ stats.total_tracks }}</div>
    <div class="stat-label">Tracks in library{% if not stats.db_exists %} <span class="muted">(beets db not found)</span>{% endif %}</div>
  </div>
  <div class="stat-card">
    <div class="stat-value">{{ active_playlist_count }}<span class="muted"> / {{ playlist_count }}</span></div>
    <div class="stat-label">Playlists active</div>
  </div>
  <div class="stat-card">
    <div class="stat-value">{{ stats.groupings | length }}</div>
    <div class="stat-label">Distinct groupings</div>
  </div>
</div>

<h2>Recent job runs</h2>
<div class="table-wrap scroll">
  <table>
    <thead><tr><th>Job</th><th>Status</th><th>Triggered by</th><th>Summary</th></tr></thead>
    <tbody>
      {% set status_badge = {"running": "badge-info badge-pulse", "success": "badge-success", "failed": "badge-danger", "skipped_lock": "badge-muted"} %}
      {% for run in recent_runs %}
      <tr>
        <td>{{ run.job_key }}</td>
        <td><span class="badge {{ status_badge.get(run.status, 'badge-muted') }}">{{ run.status }}</span></td>
        <td class="muted">{{ run.triggered_by }}</td>
        <td>{{ run.summary or "—" }}</td>
      </tr>
      {% else %}
      <tr class="empty-row"><td colspan="4" class="muted">No job runs yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
<p><a href="/jobs">See all jobs &rarr;</a></p>
{% endblock %}