{% extends 'admin/layout.twig' %}
{% block title %}Knowledge Base — Admin{% endblock %}
{% block content %}
    <div class="admin-page-head">
        <h1>Knowledge Base</h1>
        <p>
            <a class="btn btn-primary" href="{{ app_url('/admin/kb/new') }}">+ New Article</a>
            <a class="btn btn-light" href="{{ app_url('/admin/kb/categories') }}">Manage Categories</a>
        </p>
    </div>

    <form method="get" class="filter-bar">
        <input type="search" name="q" value="{{ search }}" placeholder="Search articles…">
        <button type="submit" class="btn btn-primary">Search</button>
    </form>

    <table class="data-table">
        <thead>
            <tr><th>Title</th><th>Category</th><th>Status</th><th>Views</th><th>Updated</th><th></th></tr>
        </thead>
        <tbody>
            {% for a in articles.rows %}
                <tr>
                    <td><a href="{{ app_url('/admin/kb/' ~ a.id ~ '/edit') }}">{{ a.title }}</a></td>
                    <td>{{ a.category_name ?: '—' }}</td>
                    <td>
                        {% if a.published %}
                            <span class="badge badge-success">Published</span>
                        {% else %}
                            <span class="badge">Draft</span>
                        {% endif %}
                    </td>
                    <td>{{ a.views }}</td>
                    <td>{{ a.updated_at|time_ago }}</td>
                    <td><a href="{{ app_url('/kb/article/' ~ a.slug) }}" target="_blank" class="muted small">view</a></td>
                </tr>
            {% else %}
                <tr><td colspan="6" class="muted">No articles yet.</td></tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}