{% extends 'base.html.twig' %}

{% block title %}Lexique Atoo-Sync{% endblock %}

{% block body %}
    <h1>Lexique Atoo-Sync</h1>
    <p><input type="search" class="filtre-lexique" placeholder="Filtrer : terme, synonyme ou mot de la définition…" data-filtre-lexique autofocus></p>
    {% for t in termes %}
        <article class="bloc terme" id="terme-{{ t.id }}"
                 data-texte="{{ (t.terme ~ ' ' ~ t.listeAlias|join(' ') ~ ' ' ~ t.definition)|lower }}">
            <h2>{{ t.terme }}</h2>
            {% if t.listeAlias is not empty %}<p class="discret">Synonymes : {{ t.listeAlias|join(', ') }}</p>{% endif %}
            <div class="texte">{{ t.definition|nl2br }}</div>
            <p class="discret source">Source : {{ t.source }}</p>
        </article>
    {% else %}
        <p class="vide">Lexique vide : lancer <code>php bin/console app:import:moodle</code>.</p>
    {% endfor %}
    <p class="vide" data-lexique-vide hidden>Aucun terme ne correspond.</p>
{% endblock %}