{% extends 'admin/layout.twig' %}
{% block title %}Categories — Admin{% endblock %}
{% block content %}
    <div class="admin-page-head">
        <p class="breadcrumbs"><a href="{{ app_url('/admin/kb') }}">Knowledge Base</a> / Categories</p>
        <h1>Categories</h1>
    </div>

    <div class="two-col">
        <div>
            <h2 class="section-title">All categories</h2>
            <table class="data-table">
                <thead><tr><th>Name</th><th>Slug</th><th>Articles</th><th>Order</th><th></th></tr></thead>
                <tbody>
                    {% for c in categories %}
                        <tr>
                            <td>
                                <form method="post" action="{{ app_url('/admin/kb/categories/' ~ c.id) }}" class="inline-form">
                                    {{ csrf_field()|raw }}
                                    <input type="text" name="name" value="{{ c.name }}" required>
                            </td>
                            <td><code>{{ c.slug }}</code></td>
                            <td>{{ c.article_count }}</td>
                            <td>
                                    <input type="number" name="sort_order" value="{{ c.sort_order }}" min="0" style="width: 60px;">
                            </td>
                            <td>
                                    <button type="submit" class="btn btn-light small">Save</button>
                                </form>
                                {% if current_user().role == 'admin' %}
                                <form method="post" action="{{ app_url('/admin/kb/categories/' ~ c.id ~ '/delete') }}" class="inline-form" onsubmit="return confirm('Delete this category? Articles will be uncategorised.');">
                                    {{ csrf_field()|raw }}
                                    <button type="submit" class="btn btn-danger small">Delete</button>
                                </form>
                                {% endif %}
                            </td>
                        </tr>
                    {% else %}
                        <tr><td colspan="5" class="muted">None yet.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <div>
            <h2 class="section-title">Add category</h2>
            <form method="post" action="{{ app_url('/admin/kb/categories') }}" class="form card">
                {{ csrf_field()|raw }}
                <div class="form-row">
                    <label>Name</label>
                    <input type="text" name="name" required>
                </div>
                <div class="form-row">
                    <label>Description</label>
                    <textarea name="description" rows="3"></textarea>
                </div>
                <div class="form-row">
                    <label>Sort order</label>
                    <input type="number" name="sort_order" value="0" min="0">
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn btn-primary">Add category</button>
                </div>
            </form>
        </div>
    </div>
{% endblock %}