{% trans_default_domain 'admin' %}

{% set displayAdminName = ['form'] %}

{% if zone.cols|length > 0 %}
    <ul class="block-sortable reset">
        {% for block in col.blocks %}
            <li class="block" id="block-{{ block.id }}" data-col="{{ col.id }}" data-id="{{ block.id }}" data-position="{{ block.position }}">
                <div class="row block-row">
                    <div class="col-6 my-auto">
                        <div class="infos-block mr-1 d-inline-block">

                            {% set title = block.blockType.adminName is defined ? block.blockType.adminName : null %}
                            {% set icon = block.blockType.iconClass is defined ? block.blockType.iconClass : null %}
                            {% set blockTypeCode = block.blockType.slug is defined ? block.blockType.slug : null %}
                            {% set i18n = block.i18ns is defined ? block.i18ns|i18n(website().configuration.locale) : null %}
                            {% set mediaRelation = block.mediaRelations is defined ? block.mediaRelations|i18n(website().configuration.locale) : null %}

                            {% if block.blockType.slug == 'core-action' %}
                                {% set title = block.action.adminName is defined ? block.action.adminName : null %}
                                {% set icon = block.action.iconClass is defined ? block.action.iconClass : null %}
                            {% endif %}

                            {% if icon %}
                                <i class="{{ icon }} text-info mr-2" data-toggle="tooltip" title="{{ title }}"></i>
                            {% endif %}

                            {% if title %}
                                <span class="block-title">{{ title|trans }}</span>
                            {% endif %}

                            {% if (blockTypeCode == 'title' or blockTypeCode == 'titleheader') %}
                                {% if i18n.titleForce is defined and i18n.titleForce %}
                                    <span class="title-info text-info mr-1">H{{ i18n.titleForce }}</span>
                                {% endif %}
                                {% if i18n.title is defined and i18n.title %}
                                    <small class="info-text italic">{{ i18n.title|striptags|truncate(35) }}</small>
                                {% endif %}
                            {% elseif interface.name in displayAdminName %}
                                <small class="info-text italic">{{ block.adminName|striptags|truncate(35) }}</small>
                            {% endif %}

                            {% if i18n.introduction is defined and i18n.introduction or i18n.body is defined and i18n.body %}
                                {% set description = i18n.body|striptags|length > 0 ? i18n.body : i18n.introduction %}
                                <small class="info-text italic">{{ description|striptags|truncate(35) }}</small>
                            {% elseif i18n.targetLabel is defined and i18n.targetLabel %}
                                <small class="info-text italic">{{ i18n.targetLabel|striptags|truncate(35) }}</small>
                            {% endif %}

                            {% if mediaRelation and mediaRelation.media and mediaRelation.media.filename %}
                                <a href="{{ mediaRelation|thumb(null, {"path": true}) }}" class="image-popup d-inline-block text-center ml-2">
                                    {{ mediaRelation|thumb(null, {"height": 20, "width": 20}) }}
                                </a>
                            {% endif %}

                        </div>
                    </div>
                    <div class="col-6 btn-block-group text-right my-auto">

                        <span data-toggle="tooltip"
                              title="{{ "Configuration"|trans }}"
                              data-path="{{ path('admin_block_configuration', {'website': websiteId(), 'block': block.id}) }}"
                              class="item edit-layout-element-btn">
                            <button class="btn waves-effect waves-dark"><i class="far fa-cog"></i></button>
                        </span>

                        {% if 'edit'|moduleActive(allModules) and (block.blockType.category != 'layout' and block.blockType.slug != 'core-action' or block.blockType.slug == 'core-action' and block.action.entity) %}
                            <span data-toggle="preloader">
                                <a href="{{ path('admin_block_edit', {'website': websiteId(), 'col': col.id, 'interfaceName': interface.name, 'interfaceEntity': entity.id, 'block': block.id}) }}"
                                   data-toggle="tooltip" title="{{"Éditer"|trans}}"
                                   class="btn waves-effect waves-dark">
                                    <i class="fas fa-pencil-alt"></i>
                                </a>
                            </span>
                        {% endif %}

                        {% if 'delete'|moduleActive(allModules) %}
                            <a href="{{ path('admin_block_delete', {'website': websiteId(), 'col': col.id, 'block': block.id}) }}"
                               data-toggle="tooltip" title="{{ "Supprimer"|trans }}"
                               data-target="#block-{{ block.id }}"
                               class="btn waves-effect waves-dark swal-delete-link">
                                <i class="fas fa-trash"></i>
                            </a>
                        {% endif %}

                        {% if 'edit'|moduleActive(allModules) %}
                            <span class="item handle-block grabbable btn waves-effect waves-dark"
                                  data-toggle="tooltip" title="{{ "Déplacer"|trans }}">
                                <i class="far fa-arrows-alt"></i>
                            </span>
                        {% endif %}

                    </div>
                </div>
            </li>
        {% endfor %}
    </ul>
{% endif %}