{% extends "base.html.twig" %}
{% block title %}
{% if app.request.locale == 'nl' %}{{ glossary.titlenl }}{% else %}{{ glossary.titleen }}{% endif %}
{% endblock %}
{% block body %}
<p> </p>
<div class="row flex-md-row h-md-250 position-relative">
<div class="col-md-9 position-static">
<!-- Start Page Content -->
<div class="title">
<h2>{% if app.request.locale == 'nl' %}{{ glossary.titlenl }}{% else %}{{ glossary.titleen }}{% endif %}</h2>
</div>
<div class="glossary">
<p><div class="intro">
{% if app.request.locale == 'nl' %}{{ glossary.intronl|raw }}{% else %}{{ glossary.introen|raw }}{% endif %}
</div></p>
{% if app.request.locale == 'nl' %}{{ glossary.textnl|raw }}{% else %}{{ glossary.texten|raw }}{% endif %}
</div>
<!-- End Page Content -->
</div>
{% embed 'sidebar.html.twig' %}
{% block elements %}
<h3>{{ 'Feedback'|trans }}</h3>
<div class="w-100 text-center">
{{ 'Mist er iets op deze pagina? Of klopt er iets aan de tekst? Meld het ons.'|trans }}
<p class="card-text"><a href="{{ path('glossary_review_add',{ 'id' : glossary.id }) }}"><button type="button" class="btn btn-paleontica">{{ 'Geef feedback'|trans }}</button></a></p>
</div>
<p></p>
{% endblock %}
{% endembed %}
</div>
{% endblock %}
{% block javascript %}
<script>
$(document).ready(function() {
$("img").addClass("img-fluid");
});
</script>
{% endblock %}