{% extends 'admin/@layout.html.twig' %}

{% block content %}
    <div class="row">
        <div class="col-8{% if not showVariables %} offset-2{% endif %}">
            <div class="block-form {{ blockType }}" data-controller="form">
                {% block form_block %}{% endblock %}
            </div>
        </div>
        {% if showVariables %}
            <div class="col-4">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title">{{ 'title_variables'|trans({}, 'admin') }}</h5>
                    </div>
                    <div class="card-body">
                        <form action="" data-controller="form">
                            <ul class="variable-list">
                                {% for variable in variables %}
                                    <li data-copy="{{ variable.value }}" data-action="click->form#copy">
                                        <pre>{{ variable.value }}</pre>
                                        <span class="copy-icon" title="{{ 'help_copy'|trans({}, 'admin') }}">
                                    <i class="fa-regular fa-copy"></i>
                                    </span>
                                    </li>
                                {% endfor %}
                            </ul>
                        </form>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}