{% trans_default_domain 'admin' %}

<div class="card mb-3">
    <h5 class="card-title card-header mb-0"><i class="fal fa-database mr-2"></i>{{ "Champs"|trans }}</h5>
    <div class="card-body">
        {% if keywords %}
            {% for title, metadatas in keywords %}
                {% if not haveCaption %}
                    <h4>{{ title|capitalize }}</h4>
                {% endif %}
                <div {% if not loop.last %}class="mb-3"{% endif %}>
                    {% for metadata in metadatas %}
                        <div class="item btn btn-outline-secondary mb-1">
                            <div class="d-flex align-items-center refer-copy">
                                <div class="to-copy">[{{ metadata }}]</div>
                                <div class="copy-link waves-effect waves-dark ml-2" data-toggle="tooltip" title="{{ "Copier"|trans|striptags }}">
                                    <div class="inner h-100"><i class="far fa-copy"></i></div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            {% endfor %}
        {% endif %}
    </div>
</div>

{% if haveCaption and labels %}
    <div class="card mb-3">
        <h5 class="card-title card-header mb-0"><i class="fal fa-list-ul mr-2"></i>{{ "Légende"|trans }}</h5>
        <div class="card-body">
            <ul class="reset">
                {% for title, metadatas in keywords %}
                    {% for metadata in metadatas %}
                        {% if labels[metadata] is defined %}
                            <li><strong>[{{ metadata }}]</strong> : {{ labels[metadata] }}</li>
                        {% endif %}
                    {% endfor %}
                {% endfor %}
            </ul>
        </div>
    </div>
{% endif %}