{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_head %}
{% sw_include '@Storefront/plugin/cogi-glossary/page/meta.html.twig' %}
{% endblock %}
{% block base_content %}
<div class="row justify-content-center">
<div class="col-2 d-flex justify-content-end align-items-center">
{% if glossary.prev %}
<a class="btn btn-lg btn-primary"
href="{{ seoUrl('cogi-glossary.article', {'firstChar': glossary.prev.firstChar, 'glossaryId': glossary.prev.id}) }}"
title="{{ glossary.prev.name }}">
{% sw_icon 'arrow-head-left' %}
</a>
{% endif %}
</div>
<div class="col-8">
<div class="glossary">
<h2 class="glossary-title">
{{ glossary.name }}
</h2>
<div class="glossary-body">
{% if glossary.media %}
<div class="glossary-img">
<img class="w-100" src="{{ glossary.media.url }}" alt="{{ glossary.name }}">
</div>
{% endif %}
<div class="glossary-text">
{{ glossary.longDescription | raw }}
</div>
</div>
<a class="btn btn-outline-primary"
title="{{ "cogi-glossary.back"|trans }}"
href="{{ seoUrl('cogi-glossary.index', {'firstChar': glossary.firstChar}) }}">{{ "cogi-glossary.back"|trans }}</a>
</div>
</div>
<div class="col-2 d-flex justify-content-start align-items-center">
{% if glossary.next %}
<a class="btn btn-lg btn-primary"
href="{{ seoUrl('cogi-glossary.article', {'firstChar': glossary.next.firstChar, 'glossaryId': glossary.next.id}) }}"
title="{{ glossary.next.name }}">
{% sw_icon 'arrow-head-right' %}
</a>
{% endif %}
</div>
</div>
{% endblock %}