{% extends "base.html" %}
{% block content %}
<div class="breadcrumb-bar"><a href="/kb">Knowledge Base</a> / <a href="/kb/books/{{ book.slug }}">{{ book.name }}</a> / {{ 'Edit' if page else 'New' }} Page</div>
<div class="page-header"><h1>{{ 'Edit Page' if page else 'New Page' }}</h1></div>

<form method="post" action="{{ '/kb/books/%s/pages/%s/edit' % (book.slug, page.slug) if page else '/kb/books/%s/pages/new' % book.slug }}">
  <div class="row g-3">
    <div class="col-lg-8">
      <div class="card-panel mb-3">
        <div class="mb-3">
          <label class="form-label">Title</label>
          <input type="text" name="title" class="form-control" required value="{{ page.title if page else '' }}">
        </div>
        <div class="mb-3">
          <label class="form-label">Summary</label>
          <input type="text" name="summary" class="form-control" value="{{ page.summary if page else '' }}">
        </div>
        <div class="mb-3">
          <label class="form-label">Content (Markdown supported)</label>
          <textarea name="content_markdown" class="form-control" rows="18" style="font-family:monospace">{{ page.content_markdown if page else '' }}</textarea>
        </div>
        {% if page %}
        <div class="mb-0">
          <label class="form-label">Change Summary</label>
          <input type="text" name="change_summary" class="form-control" placeholder="Briefly describe what changed">
        </div>
        {% endif %}
      </div>
    </div>
    <div class="col-lg-4">
      <div class="card-panel mb-3">
        <div class="mb-3">
          <label class="form-label">Chapter</label>
          <select name="chapter_id" class="form-select">
            <option value="">— No chapter —</option>
            {% for c in book.chapters %}
              <option value="{{ c.id }}" {{ 'selected' if (page and page.chapter_id == c.id) or (chapter_id and chapter_id == c.id) }}>{{ c.name }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="mb-3">
          <label class="form-label">Status</label>
          <select name="status" class="form-select">
            {% for s in ['draft', 'review', 'published', 'archived'] %}
              <option value="{{ s }}" {{ 'selected' if page and page.status.value == s }}>{{ s | capitalize }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="mb-3">
          <label class="form-label">Visibility</label>
          <select name="visibility" class="form-select">
            {% for v in ['public', 'staff', 'senior_staff', 'sre_only', 'admin_only'] %}
              <option value="{{ v }}" {{ 'selected' if page and page.visibility.value == v }}>{{ v.replace('_',' ') | title }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="mb-0">
          <label class="form-label">Tags (comma separated)</label>
          <input type="text" name="tags" class="form-control" value="{{ page.tags | map(attribute='name') | join(', ') if page else '' }}" placeholder="control-panel:plesk, service:mariadb">
        </div>
      </div>
      <button type="submit" class="btn btn-primary w-100">{{ 'Save Changes' if page else 'Create Page' }}</button>
    </div>
  </div>
</form>
{% endblock %}