{% autoescape false %}
{% if data is empty %}

    <div class="alert alert-info" role="alert">{{ 'There is no thematic section' | get_lang }}</div>
    {% if is_allowed_to_edit %}
        <div id="no-data-view" class="tool-view">
            <h2>{{ "Glossary"|trans }}</h2>
            <img src="{{ "glossary.png"|icon(64) }}" width="64" height="64">
            <div class="controls">
                <a href="{{ _p.web_self }}?{{ _p.web_cid_query ~ "&action=addglossary" }}" class="btn btn-outline-primary">
                    {{ "Add glossary"|trans }}
                </a>
            </div>
        </div>
    {% endif %}

{% else %}
    <div class="glossary mt-5">
        {% for item in data %}
        <div class="item-glossary mb-4 pl-2 pr-2">
            {% if item.edit %}
                <div class="float-right">
                    <div class="btn-group" role="group">
                        <a href="{{ item.edit }}" class="btn btn-light btn-sm">
                            <i class="fas fa-pencil-alt"></i>
                        </a>
                        <a title="{{ 'Confirm if you want to delete'|trans }}" href="{{ item.delete }}" class="btn btn-light btn-sm delete-swal">
                            <i class="far fa-trash-alt"></i>
                        </a>
                    </div>
                </div>
            {% endif %}
            <h5 class="terms-title">{{ item.title }}</h5>
            {{ item.description }}
        </div>
        {% endfor %}
    </div>
{% endif %}
{% endautoescape %}