{% extends get_theme_base_template() %}

{% block base_title %}{{ category.title }}{% endblock %}

{% block base_content %}
    {{ parent() }}
    {% if category.view is empty %}
        <div class="container mt-4">
            <div class="d-flex justify-content-between mb-4">
                <h2 class="mb-4">{{ category.title }}</h2>
                <div class="mb-4">
                    <select id="sortOptions" class="form-select">
                        <option value="newest">Neueste zuerst</option>
                        <option value="oldest">Älteste zuerst</option>
                        <option value="alphabetical">Alphabetisch</option>
                    </select>
                </div>
            </div>
            <div class="row" id="pagesContainer">
                {% for page in pages %}
                    <div class="col-md-6 mb-4 page-item" data-title="{{ page.title }}"
                         data-date="{{ page.createdAt|date('Y-m-d H:i:s') }}">
                        <a href="{{ preview_mode|default(false) and not page.active ? get_page_preview_url(page) : get_page_url(page) }}">
                            <div class="card h-100">
                                <div class="card-body">
                                    <h2 class="card-title">{{ page.title }}</h2>
                                    <p class="card-text">{{ page.content|striptags|slice(0, 250) }}...</p>
                                </div>
                            </div>
                        </a>
                    </div>
                {% endfor %}
            </div>
        </div>
    {% else %}
        {{ render_twig_from_string(category.view|minifyHtml, _context) }}
    {% endif %}
{% endblock %}

{% block base_navigation %}
    {% set catNavSource = category.navigation|default('') %}
    {% if catNavSource is not empty and not (catNavSource|is_blank_html) %}
        {% set catNavRendered = render_twig_from_string(catNavSource|minifyHtml, _context) %}
    {% else %}
        {% set catNavRendered = '' %}
    {% endif %}
    {% if catNavRendered|trim is not empty %}
        {{ catNavRendered|raw }}
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}