{% 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 intro = i18n.introduction %}
    {% set introAlignment = i18n.introductionAlignment ? i18n.introductionAlignment : 'text-left' %}
    {% set body = i18n.body %}
    {% set bodyAlignment = i18n.bodyAlignment ? i18n.bodyAlignment : 'text-left' %}
    {% set placeholder = i18n.placeholder ? i18n.placeholder : null %}

    <!-- .modal-block -->
    <div class="modal-block">

        <!-- Button trigger modal -->
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-block-{{ block.id }}">
            {% if placeholder|striptags|length > 0 %}
                {{ placeholder|unescape|raw }}
            {% else %}
                {{ "Afficher plus"|trans|raw }}
            {% endif %}
        </button>

        <!-- .modal -->
        <div class="modal fade" id="modal-block-{{ block.id }}" tabindex="-1" role="dialog" aria-labelledby="modal-block-{{ block.id }}-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        {% if title|striptags|length > 0 %}
                            <h{{ titleForce }} class="modal-title title" id="modal-block-{{ block.id }}-label">{{ title|unescape|raw }}</h{{ titleForce }}>
                        {% endif %}
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        {% if i18nMedia %}
                            {% if thumbConfiguration %}
                                {% set mediaConfig = i18nMedia|thumbConfiguration(thumbConfiguration) %}
                                {{ i18nMedia|thumb(mediaConfig) }}
                            {% else %}
                                {{ i18nMedia|thumb }}
                            {% endif %}
                        {% endif %}

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

                        {% if body|striptags|length > 0 %}
                            <div class="body {{ bodyAlignment }}">{{ body|unescape|raw }}</div>
                        {% endif %}

                    </div>
                </div>
            </div>
        </div>
        <!-- \.modal -->

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

{% endif %}