{% extends 'admin/_layout.html.twig' %}

{% set active_nav = 'terms' %}

{% block title %}Admin · {{ 'admin.terms.title'|trans }}{% endblock %}

{% macro term_table(terms, empty_label) %}
    <div class="adm__table-wrap">
        <table class="adm__table">
            <thead><tr><th>{{ 'admin.terms.table_name'|trans }}</th><th></th></tr></thead>
            <tbody>
                {% for term in terms %}
                    <tr>
                        <td>{{ term.name }}</td>
                        <td>
                            <form method="post" action="{{ path('admin_terms_delete', {id: term.id}) }}"
                                  onsubmit="return confirm('{{ 'admin.terms.confirm_delete'|trans({'%name%': term.name}) }}');">
                                <input type="hidden" name="_token" value="{{ csrf_token('delete-term-' ~ term.id) }}">
                                <button type="submit" class="adm__btn adm__btn--danger">{{ 'common.delete'|trans }}</button>
                            </form>
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="2">{{ empty_label }}</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endmacro %}

{% block admin_content %}
    <div class="adm__header">
        <h1 class="adm__title">{{ 'admin.terms.title'|trans }}</h1>
    </div>

    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;">
        <section>
            <h2 class="section-title">{{ 'admin.terms.categories'|trans }}</h2>
            {{ form_start(categoryForm, {action: path('admin_terms_new', {taxonomy: 'category'}), attr: {class: 'term-add-form'}}) }}
                {{ form_row(categoryForm.name, {label: false, attr: {placeholder: 'admin.terms.new_category_placeholder'|trans}}) }}
                <button type="submit" class="adm__btn adm__btn--primary">{{ 'common.add'|trans }}</button>
            {{ form_end(categoryForm) }}

            {{ _self.term_table(categories, 'admin.terms.empty_categories'|trans) }}
        </section>

        <section>
            <h2 class="section-title">{{ 'admin.terms.tags'|trans }}</h2>
            {{ form_start(tagForm, {action: path('admin_terms_new', {taxonomy: 'tag'}), attr: {class: 'term-add-form'}}) }}
                {{ form_row(tagForm.name, {label: false, attr: {placeholder: 'admin.terms.new_tag_placeholder'|trans}}) }}
                <button type="submit" class="adm__btn adm__btn--primary">{{ 'common.add'|trans }}</button>
            {{ form_end(tagForm) }}

            {{ _self.term_table(tags, 'admin.terms.empty_tags'|trans) }}
        </section>
    </div>
{% endblock %}