{% extends "base.html" %}
{% block title %}Knowledge Base — {{ app_name }}{% endblock %}
{% block content %}
<div class="page-header">
  <h1>Knowledge Base</h1>
  {% if current_user.has_permission('documentation.create') %}
    <a href="/kb/books/new" class="btn btn-primary btn-sm"><i class="fa-solid fa-plus"></i> New Book</a>
  {% endif %}
</div>

<div class="row g-3 mb-4">
  {% for book in books %}
  <div class="col-md-4">
    <a href="/kb/books/{{ book.slug }}" class="card-panel d-block text-decoration-none text-dark h-100">
      <i class="fa-solid fa-book text-primary mb-2"></i>
      <h2 class="h6 mb-1">{{ book.name }}</h2>
      <p class="text-muted small mb-0">{{ book.chapters | length }} chapters</p>
    </a>
  </div>
  {% else %}
  <div class="col-12">
    <div class="empty-state"><i class="fa-solid fa-book"></i><p>No books yet. Create the first one.</p></div>
  </div>
  {% endfor %}
</div>

<div class="card-panel">
  <h2 class="h6 mb-3">Recently Updated Pages</h2>
  <table class="hop-table">
    <thead><tr><th>Title</th><th>Book</th><th>Status</th><th>Updated</th></tr></thead>
    <tbody>
    {% for p in recent_pages %}
      <tr>
        <td><a class="row-link" href="/kb/books/{{ p.book.slug }}/pages/{{ p.slug }}">{{ p.title }}</a></td>
        <td>{{ p.book.name }}</td>
        <td><span class="status-pill badge-status-{{ p.status.value }}">{{ p.status.value }}</span></td>
        <td>{{ p.updated_at.strftime('%d %b %Y') }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}