{% extends 'pages/_base/default.twig' %}

{% set options = options|default({}) + {
    taxonomies_kicker: false,
    taxonomies_intro: false,
    taxonomies_container_class: 'col-12',
    page_type: 'taxonomies',
} %}

{# Required variables
 # taxonomy - the taxonomy configuration of selected type
 # taxonomies - the list of taxonomy entries of selected type (alphabetically sorted and grouped by first letter)
#}

{# The taxonomies controller cant provide a record, but has a taxonomy configuration #}
{% if not record|default %}
    {% set record = app.storage.getContentObject('portal',{
        title: taxonomy.name|default,
        kicker: options.taxonomies_kicker|default,
        intro: options.taxonomies_intro|default,
        status: 'published'
    }) %}
{% endif %}

{# Templating ------------------------------------------------------------------------------------------------------- #}

{% block content %}

    {% block taxonomies_intro %}
        {% include 'blocks/intro/portal.twig' %}
    {% endblock %}

    {% block taxonomies_anchors %}
    <div class="container">
        <div class="row">
            <div class="{{ options.taxonomies_container_class }} taxonomy-anchors">
                <ul class="navbar-nav text-center">
                    {% for letter, items in taxonomies %}
                        <li class="nav-item">
                            <a class="nav-link" aria-label="{{ letter|default }}" href="#{{ letter }}">{{ letter|upper }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
    {% endblock %}

    {% block taxonomies_items %}
        <div class="container">
            <div class="row">
                <div class="{{ options.taxonomies_container_class }} taxonomy-items">
                    {% for letter, items in taxonomies %}
                    <div id="{{ letter }}" class="anchor"></div>
                    <h2>{{ letter|upper }}</h2>
                    <ul class="taxonomy-listing">
                        {% for item in items if (item.name|default)[:1] != '_' %} {# tags starting with '_' are internal and not shown on the frontend #}
                            {% block taxonomies_item %}
                            <li>
                                <a class="btn btn-secondary small" aria-label="{{ item.name|default }}" href="{{ url('taxonomylink', {taxonomytype: taxonomy.singular_slug, slug: item.slug}) }}">{{ item.name }}</a>
                            </li>
                            {% endblock %}
                        {% endfor %}
                    </ul>
                    {% endfor %}
                </div>
            </div>
        </div>

    {% endblock %}

{% endblock %}