{% trans_default_domain 'front_ec_international' %}

{% set i18nMediaZone = zone|i18nMedia %}
{% set i18nZone = zone|i18n %}
{% set bgImgZone = i18nMediaZone|thumb(null, {path: true}) %}
{% set colsGrids = zone.grid %}
{% set haveTitleHeader = false %}
{% set fullSize = zone.fullSize %}
{% set zoneClasses = zoneClasses(zone) %}
{% set colsOrders = colsOrders(zone) %}
{% set mediasSizes = zone.standardizeMedia ? mediasHeight(zone, app.request.locale) : null %}
{% set mediaWidth = mediasSizes ? mediasSizes.width : null %}
{% set mediaHeight = mediasSizes ? mediasSizes.height : null %}
{% set bgParallax = zone.backgroundParallax %}
{% set zoneId = zone.customId ? zone.customId : zone.id %}

<!-- .layout-zone -->
<section id="zone-{{ zoneId }}"
     class="layout-zone {{ zoneClasses }}"
     {% if bgImgZone and bgParallax %} data-image-src="{{ asset(bgImgZone) }}"
     {% elseif bgImgZone %} data-background="{{ asset(bgImgZone) }}"{% endif %}>

    {% set zoneClass = entity is defined and not fullSize and entity.interface.resize
        or forceContainer is defined and forceContainer ? 'container' : 'container-fluid' %}

    <div class="zone-container {{ zoneClass }}">

        {% if i18nZone.title is defined and i18nZone.title|striptags|length > 0 %}
            <h3 class="title-zone">{{ i18nZone.title }}</h3>
        {% endif %}

        <div class="row">

            {% for col in zone.cols %}

                {% if col.blocks %}

                    {% set align = col.verticalAlign ? 'my-auto' : '' %}
                    {% set i18nMediaCol = col|i18nMedia %}
                    {% set bgImgCol = i18nMediaCol|thumb(null, {path: true}) %}
                    {% set colClasses = colsGrids[col.id] is defined ? col|colClasses(colsGrids[col.id]) : 'col-lg-' ~ col.size %}
                    {% set colOrders = colsOrders[col.id] is defined ? colsOrders[col.id] : null %}

                    <div id="layout-col-{{ col.id }}" class="layout-col {{ colClasses }}{% if colOrders %} {{ colOrders }}{% endif %}"
                         data-position="{{ col.position }}"
                        {% if bgImgCol %} data-background="{{ asset(bgImgCol) }}"{% endif %}>

                        {% if align %}
                            <div class="col-12 my-auto">
                                <div class="row">
                        {% endif %}

                            {% for block in col.blocks %}

                                {% set blockClasses = block|blockClasses(colClasses) %}

                                <div class="layout-block w-100{{ blockClasses }}">

                                    {% if block.blockType.slug == 'core-action' %}

                                        {% set action = block.action %}
                                        {% set actionI18ns = block|i18nAction %}
                                        {% set actionFilter = actionI18ns ? actionI18ns.actionFilter : null %}

                                        {% if action and action.controller %}
                                            {{ render_esi(controller( action.controller ~ '::' ~ action.action, {
                                                'website': website().id,
                                                'block': block.id,
                                                'url': seo.url.id,
                                                'filter': actionFilter
                                            } )) }}
                                        {% endif %}

                                    {% elseif hasLayout is defined and hasLayout %}

                                        {% include template %}

                                    {% else %}

                                        {% if disabledEditTools is not defined %}
                                            {% include 'core/webmaster-edit.html.twig' with {
                                                'title': "Éditer le bloc"|trans([], 'front_webmaster'),
                                                'role': 'ROLE_EDIT',
                                                'path': path('admin_block_edit', {'website': website.id, 'col': col.id, 'interfaceName': interface.name, 'interfaceEntity': entity.id, 'block': block.id})
                                            } only %}
                                        {% endif %}

                                        {% set isIndex = interface is defined and interface.name == 'page' and entity.isIndex %}
                                        {% if block.blockType.slug == "titleheader" %}
                                            {% set haveTitleHeader = true %}
                                        {% endif %}

                                        {% if block.id %}
                                            {{ render_esi(controller('App\\Controller\\Front\\FrontController::block', {
                                                'website': website.id,
                                                'block': block.id,
                                                'url': seo.url.id,
                                                'isIndex': isIndex,
                                                'mediaWidth': mediaWidth,
                                                'mediaHeight': mediaHeight
                                            })) }}
                                        {% else %}
                                            {{ render(controller('App\\Controller\\Front\\FrontController::block', {
                                                'website': website.id,
                                                'block': block,
                                                'url': seo.url.id,
                                                'isIndex': isIndex,
                                                'mediaWidth': mediaWidth,
                                                'mediaHeight': mediaHeight
                                            })) }}
                                        {% endif %}

                                    {% endif %}

                                </div>

                            {% endfor %}

                        {% if align %}
                                </div>
                            </div>
                        {% endif %}

                    </div>

                {% endif %}

            {% endfor %}

        </div>

    </div>

</section>
<!-- \.layout-zone -->

{% if entity is defined and haveTitleHeader %}
    {% set page = page is defined ? page : entity %}
    {% set title = page is defined and title is defined ? title : null %}
    {% set currentEntity = page is defined ? entity : null %}
    {{ page|breadcrumb(title, currentEntity) }}
    {{ wo_render_breadcrumbs({ viewTemplate: "front/" ~ websiteTemplate ~ "/include/breadcrumb.html.twig" }) }}
{% endif %}