{% sw_extends '@Storefront/storefront/block/cms-block-image-simple-grid.html.twig' %}

{% block block_image_simple_grid %}
    {% set columns = 2 %}
    {% set id = element.id %}
    {% block block_image_simple_grid_left %}
        <div class="md:w-1/2 pr-4 pl-4">
            {% block block_image_simple_grid_left_top %}
                {% set element = block.slots.getSlot('left-top') %}

                <div class="left-top" data-cms-element-id="{{ id }}">
                    {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
                </div>
            {% endblock %}

            {% block block_image_simple_grid_left_bottom %}
                {% set element = block.slots.getSlot('left-bottom') %}

                <div class="left-bottom" data-cms-element-id="{{ id }}">
                    {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
                </div>
            {% endblock %}
        </div>
    {% endblock %}

    {% block block_image_simple_grid_right %}
        <div class="md:w-1/2 pr-4 pl-4">
            {% block block_image_simple_grid_right_inner %}
                {% set element = block.slots.getSlot('right') %}

                <div class="right" data-cms-element-id="{{ id }}">
                    {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
                </div>
            {% endblock %}
        </div>
    {% endblock %}
{% endblock %}