{% extends "base.html" %}
{% set title = "Vault Dashboard" %}
{% block content %}
<section class="page-head">
  <div>
    <div class="eyebrow">Hosted WildBear Vault</div>
    <h1>Dashboard</h1>
    <p class="muted">Clean, controlled access for subscribed users and admin.</p>
  </div>
</section>

<section class="stats-grid">
  <article class="stat-card">
    <span class="stat-label">Books</span>
    <strong>{{ stats.books }}</strong>
  </article>
  <article class="stat-card">
    <span class="stat-label">Categories</span>
    <strong>{{ stats.categories }}</strong>
  </article>
  <article class="stat-card">
    <span class="stat-label">Authors</span>
    <strong>{{ stats.authors }}</strong>
  </article>
</section>

<section class="panel">
  <div class="section-row">
    <h2>Recent library entries</h2>
    <a class="link-arrow" href="{{ url_for('library') }}">Open library →</a>
  </div>
  <div class="list-grid">
    {% for book in recent_books %}
      <article class="book-card">
        <h3>{{ book["title"] }}</h3>
        <p>{{ book["author"] }}</p>
        <div class="meta-line">
          <span>{{ book["category"] }}</span>
          <span>{{ book["genre"] }}</span>
        </div>
      </article>
    {% endfor %}
  </div>
</section>
{% endblock %}