{% trans_default_domain 'front_default' %}

{% set i18n = block is defined ? block|i18n : null %}

{% if i18n %}

    {% set zone = block.col is defined ? block.col.zone : null %}
    {% set logos = website|logos %}
    {% set placeholder = logos.titleheader ? logos.titleheader : logos.placeholder %}
    {% set i18nMedia = i18nMedia is defined ? i18nMedia : block|i18nMedia %}
    {% set media = i18nMedia ? i18nMedia : logos.medias.titleheader %}
    {% if useDefaultMedia is defined and not useDefaultMedia %}
        {% set media = logos.medias.titleheader %}
    {% endif %}
    {% set backgroundImage = i18nMedia|thumb(null, {path: true}) %}
    {% set color = block.color is defined ? block.color : null %}
    {% set backgroundColor = block.backgroundColor is defined ? block.backgroundColor : null %}
    {% set background = not backgroundImage and not backgroundColor ? placeholder : backgroundImage %}
    {% set title = i18n.title %}
    {% set subTitle = i18n.subTitle %}
    {% set titleForce = i18n.titleForce ? i18n.titleForce : 1 %}
    {% set titleAlignment = i18n.titleAlignment ? i18n.titleAlignment : 'text-center' %}
    {% set blockTypeClass = block.blockType.slug is defined ? block.blockType.slug : 'titleheader' %}
    {% set mediaConfig = media|thumbConfiguration(thumbConfiguration) %}

    <!-- .title-header-block -->
    <div class="title-header-block{% if backgroundColor %} {{ backgroundColor }}{% endif %}"
            {% if not media and background %} data-background="{{ asset(background) }}"{% endif %}>
        {% if media %}
            {{ media|thumb(mediaConfig) }}
        {% endif %}
        {% if title %}
            <div class="inner{% if media %} position-absolute{% endif %}">
                <div {% if media %}class="vertical-align"{% endif %}>
                    <h{{ titleForce }} class="title mb-0 {{ titleAlignment }} {% if color %}text-{{ color }}{% endif %}" data-aos="zoom-in">
                        {{ title|unescape|raw }}
                        {% if subTitle %}
                            <span class="{{ titleAlignment }} sub-title d-inline-block w-100 mt-3">{{ subTitle }}</span>
                        {% endif %}
                    </h{{ titleForce }}>
                </div>
            </div>
        {% endif %}
    </div>
    <!-- \.title-header-block -->

{% endif %}