{% 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 class="stat-card">
    <div class="stat-value">{{ total_size_human }}</div>
    <div class="stat-label">Approx. library size</div>
  </div>
</div>

<h2>File formats</h2>
{% if stats.formats %}
<ul class="chip-list">
  {% for f in stats.formats %}
  <li>{{ f.format }} <span class="muted">&times; {{ f.count }}</span></li>
  {% endfor %}
</ul>
{% else %}
<p class="muted">No format data yet.</p>
{% endif %}

<h2>Credential status</h2>
<ul class="chip-list">
  {% for a in auth_states %}
  <li>
    {% if a.configured %}<span class="badge badge-success">set</span>{% else %}<span class="badge badge-muted">unset</span>{% endif %}
    {{ a.scope }}
    {% if a.days_left is defined %}
      {% if a.days_left < 14 %}<span class="badge badge-warning">{{ a.days_left }}d left</span>
      {% else %}<span class="muted">({{ a.days_left }}d left)</span>{% endif %}
    {% endif %}
  </li>
  {% endfor %}
</ul>
<p><a href="/settings/credentials">Manage credentials &rarr;</a></p>

<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 %}