{% extends "base.html" %}
{% block content %}
<div class="breadcrumb-bar"><a href="/kb">Knowledge Base</a> / <a href="/kb/books/{{ book.slug }}">{{ book.name }}</a> / {{ page.title }}</div>
<div class="page-header">
  <h1>{{ page.title }}</h1>
  <div>
    <a href="/kb/books/{{ book.slug }}/pages/{{ page.slug }}/history" class="btn btn-outline-secondary btn-sm"><i class="fa-solid fa-clock-rotate-left"></i> History (v{{ page.version }})</a>
    {% if current_user.has_permission('documentation.edit') %}
      <a href="/kb/books/{{ book.slug }}/pages/{{ page.slug }}/edit" class="btn btn-outline-primary btn-sm"><i class="fa-solid fa-pen"></i> Edit</a>
    {% endif %}
    {% if current_user.has_permission('documentation.delete') %}
      <form class="d-inline" method="post" action="/kb/books/{{ book.slug }}/pages/{{ page.slug }}/archive" onsubmit="return confirm('{{ 'Restore' if page.archived else 'Archive' }} this page?')">
        <button class="btn btn-outline-danger btn-sm">{{ 'Restore' if page.archived else 'Archive' }}</button>
      </form>
    {% endif %}
  </div>
</div>

<div class="mb-3">
  <span class="status-pill badge-status-{{ page.status.value }}">{{ page.status.value }}</span>
  <span class="tag-pill">{{ page.visibility.value.replace('_',' ') | title }}</span>
  {% for tag in page.tags %}<span class="tag-pill">{{ tag.name }}</span>{% endfor %}
</div>

<div class="card-panel">
  {{ page.content_markdown | markdown }}
</div>

<p class="text-muted small mt-3">
  Last updated by {{ page.last_updated_by.full_name if page.last_updated_by else 'system' }} on {{ page.updated_at.strftime('%d %b %Y %H:%M') }}
  · {{ page.view_count }} views
</p>
{% endblock %}