{% trans_default_domain 'front' %}

{% set hasBtn = options.btn is defined %}
{% set btnClasses = hasBtn ? " btn btn-" ~ options.btn ~ " hbtn hb-fill-right" : null %}
{% set labelHTML = '' %}

{% if icon %}
    {% set labelHTML = '<i class="fal fa-at mr-2"></i>' %}
{% elseif options.icon is defined %}
    {% set labelHTML = '<i class="' ~ options.icon ~ ' mr-2"></i>' %}
{% elseif options.img is defined and options.webpack is defined %}
    {% set width = options.width is defined ? options.width : 20 %}
    {% set height = options.height is defined ? options.height : 20 %}
    {% set labelHTML = '<img data-src="' ~ asset(options.img, options.webpack) ~ '"
                             src="' ~ asset("build/vendor/images/lazy-point.svg", "vendor") ~ '"
                             class="img-fluid lazyload mr-2"
                             title="' ~ 'E-mail'|trans|striptags ~ '"
                             alt="' ~ 'E-mail'|trans|striptags ~ '"
                             width="' ~ width ~ '"
                             height="' ~ height ~ '" />' %}
{% endif %}

{% if not hasBtn and labelHTML %}
    {{ labelHTML|raw }}
{% endif %}

<a href="#" data-mailto="{{ email|encrypt(website) }}"
   class="email-link d-inline-block loading{{ btnClasses }}"
   data-id="{{ website.id }}"
   data-toggle="tooltip" title="{{ "Envoyer un email"|trans|raw }}">
    {% if hasBtn and labelHTML %}
        {{ labelHTML|raw }}
    {% endif %}
    {% if options.text is defined %}
        {{ options.text }}
    {% else %}
        <span class="email-text"><i class="fal fa-spin fa-spinner mr-1"></i>{{ "Chargement de l'adresse mail"|trans|raw }}</span>
    {% endif %}
</a>