{% extends "base.html" %}
{% block content %}
<div class="breadcrumb-bar"><a href="/kb">Knowledge Base</a> / {{ book.name }}</div>
<div class="page-header">
  <h1>{{ book.name }}</h1>
  {% if current_user.has_permission('documentation.create') %}
  <div>
    <a href="/kb/books/{{ book.slug }}/chapters/new" class="btn btn-outline-primary btn-sm"><i class="fa-solid fa-plus"></i> New Chapter</a>
    <a href="/kb/books/{{ book.slug }}/pages/new" class="btn btn-primary btn-sm"><i class="fa-solid fa-plus"></i> New Page</a>
  </div>
  {% endif %}
</div>
<p class="text-muted">{{ book.description }}</p>

{% for chapter in book.chapters %}
<div class="card-panel mb-3">
  <div class="d-flex justify-content-between align-items-center mb-2">
    <h2 class="h6 mb-0"><i class="fa-solid fa-folder-open text-primary me-1"></i> {{ chapter.name }}</h2>
    {% if current_user.has_permission('documentation.create') %}
    <a href="/kb/books/{{ book.slug }}/pages/new?chapter_id={{ chapter.id }}" class="btn btn-sm btn-outline-secondary">+ Page</a>
    {% endif %}
  </div>
  {% if chapter.pages %}
    <ul class="list-unstyled mb-0">
      {% for page in chapter.pages %}
        <li class="py-1 border-bottom">
          <a href="/kb/books/{{ book.slug }}/pages/{{ page.slug }}" class="text-decoration-none">{{ page.title }}</a>
          <span class="status-pill badge-status-{{ page.status.value }} ms-2">{{ page.status.value }}</span>
        </li>
      {% endfor %}
    </ul>
  {% else %}<p class="text-muted small mb-0">No pages in this chapter yet.</p>{% endif %}
</div>
{% else %}
<div class="empty-state"><i class="fa-solid fa-folder-open"></i><p>No chapters yet.</p></div>
{% endfor %}

{% set unfiled_pages = [] %}
{% for p in book.pages if not p.chapter_id and not p.archived %}{% set _ = unfiled_pages.append(p) %}{% endfor %}
{% if unfiled_pages %}
<div class="card-panel">
  <h2 class="h6 mb-2"><i class="fa-solid fa-file-lines text-primary me-1"></i> Unfiled Pages</h2>
  <ul class="list-unstyled mb-0">
    {% for page in unfiled_pages %}
      <li class="py-1 border-bottom">
        <a href="/kb/books/{{ book.slug }}/pages/{{ page.slug }}" class="text-decoration-none">{{ page.title }}</a>
        <span class="status-pill badge-status-{{ page.status.value }} ms-2">{{ page.status.value }}</span>
      </li>
    {% endfor %}
  </ul>
</div>
{% endif %}
{% endblock %}