{% trans_default_domain 'front_default' %}

{% set icons = {
    'success': 'fad fa-check',
    'info': 'fad fa-info',
    'warning': 'fad fa-exclamation',
    'danger': 'fad fa-exclamation-triangle',
    'error': 'fad fa-exclamation-triangle',
    'undefined': 'fad fa-info'
} %}

{% set alignment = alignment is defined and alignment ? alignment : "text-left" %}

{% set alert = alert is defined and alert ? alert|replace({'alert-': ''}) : "info" %}
{% set alert = alert == "error" ? "danger" : alert %}

{% set icon = icons[alert] is defined ? icons[alert] : icons['undefined'] %}

<!-- .alert -->
<div class="ribbon-vwrapper alert alert-{{ alert }} {{ alignment }}">
    <div class="ribbon ribbon-bookmark ribbon-vertical-l ribbon-{{ alert }}">
        <i class="{{ icon }}"></i>
    </div>
    {% if message is defined %}
        {{ message|unescape|raw }}
    {% else %}
        {{ "Que se passe-t-il ?"|trans|raw }}
    {% endif %}
</div>
<!-- \.alert -->