<div class="row col-4 mx-auto justify-content-center">
{% if error is defined and error %}
<div id="alertBox" class="alert alert-danger alert-dismissible fade show" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
{% if error is iterable %}
{{ error.messageKey | trans(error.messageData, 'security') }}
{% else %}
{{ error }}
{% endif %}
</div>
{% endif %}
{% if info is defined and info is not empty %}
<div id="alertBox" class="alert alert-info alert-dismissible fade show" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
{{ info | trans }}
</div>
{% endif %}
</div>