{% trans_default_domain 'front_default' %}

{% set i18n = block|i18n %}

{% if i18n %}

    {% set i18nMedia = block|mainMedia %}

    {% set title = i18n.title %}
    {% set titleForce = i18n.titleForce ? i18n.titleForce : 2 %}
    {% set titleAlignment = i18n.titleAlignment ? i18n.titleAlignment : 'text-left' %}
    {% set subTitle = i18n.subTitle %}
    {% set intro = i18n.introduction %}
    {% set introAlignment = i18n.introductionAlignment ? i18n.introductionAlignment : 'text-left' %}
    {% set body = i18n.body %}
    {% set bodyAlignment = i18n.bodyAlignment ? i18n.bodyAlignment : 'text-left' %}

    {% set fullSize = block.col.zone.fullSize %}
    {% set targetLink = i18n.targetLink ? i18n.targetLink : i18n.targetPage|i18nUrl %}
    {% set targetLabel = i18n.targetLabel ? i18n.targetLabel : targetLink %}
    {% set targetAlignment = i18n.targetAlignment ? i18n.targetAlignment : 'text-left' %}
    {% set targetStyle = i18n.targetStyle ? i18n.targetStyle : 'link' %}
    {% if 'btn' in targetStyle %}
        {% set targetStyle = 'hbtn hb-fill-right btn ' ~ targetStyle %}
    {% endif %}

    <!-- .card-block -->
    <div class="card-block card h-100" data-aos="fade-right">

        {% if i18nMedia %}
            {% if thumbConfiguration %}
                {% set mediaConfig = i18nMedia|thumbConfiguration(thumbConfiguration) %}
                {{ i18nMedia|thumb(mediaConfig) }}
            {% else %}
                {{ i18nMedia|thumb(null, {'colSize': block.col.size, 'zoneFullSize': fullSize}) }}
            {% endif %}
        {% endif %}

        <div class="card-body d-flex flex-column h-100">

            {% if title|striptags|length > 0 %}
                <h{{ titleForce }} class="card-title title">{{ title|unescape|raw }}</h{{ titleForce }}>
            {% endif %}

            {% if subTitle|striptags|length > 0 %}
                <strong class="card-sub-title">{{ subTitle|unescape|raw }}</strong>
            {% endif %}

            {% if intro|striptags|length > 0 %}
                <p class="card-text introduction text-bold {{ introAlignment }}">{{ intro|unescape|raw }}</p>
            {% endif %}

            {% if body|striptags|length > 0 %}
                <p class="card-text body {{ bodyAlignment }}">{{ body|unescape|raw }}</p>
            {% endif %}

            {% if targetLink %}
                <div class="w-100 mt-auto">
                    <a href="{{ targetLink }}"
                       class="{{ targetStyle }}"
                        {% if i18n.newTab %} target="_blank"{% else %} data-toggle="preloader"{% endif %}>
                        {{ targetLabel|unescape|raw }}
                    </a>
                </div>
            {% endif %}

        </div>
    </div>
    <!-- \.card-block -->

{% endif %}