{% sw_extends '@Storefront/storefront/block/cms-block-image-simple-grid.html.twig' %}
{% block block_image_simple_grid_left %}
{% set config = element.fieldConfig.elements %}
<div class="col-lg-6">
{% block block_image_simple_grid_left_top %}
{% set element = block.slots.getSlot('left-top') %}
<div class="left-top" data-cms-element-id="{{ element.id }}">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
{% endblock %}
{% block block_image_simple_grid_left_bottom %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
{% block block_image_simple_grid_right %}
{% set customField = block.slots.getSlot('right').data.media.customFields %}
<div class="col-lg-6">
{% block block_image_simple_grid_right_inner %}
{% set element = block.slots.getSlot('right') %}
<div class="right" data-cms-element-id="{{ element.id }}">
{% if element.config.imageHeadline.value %}
<div class="block-image-bg d-flex justify-content-center align-items-center" style="background-image:url({{element.data.media.url}})">
<div class="block-image-content block-grid-right {{element.config.imageHeadline.value ? 'bg-white block-right-slot-image-content' : ''}}">
{% if element.config.imageHeadline.value %}
<div class="block-image-headline">
<div class="h1">{{element.config.imageHeadline.value}}</div>
</div>
<div class="block-image-description">
{{ element.config.imageText.value }}
</div>
<div class="block-image-link">
<a target="_self" href="{{element.config.url.value}}" class="btn btn-primary">{{element.config.imageLinkText.value}}</a>
</div>
{% endif %}
</div>
</div>
{% else %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endif %}
</div>
{% endblock %}
</div>
{% endblock %}