{%- assign use_before_after = false -%}
{%- assign show_demo_images = false -%}

{%- assign after_demo_image = blank -%}
{%- assign before_demo_image = blank -%}

{% if section.settings.after_image and section.settings.image %} 
    {%- assign use_before_after = true -%}
{%- endif -%}
{%- if section.settings.use_demo_before_after_images and section.settings.image == blank -%}
    {%- assign show_demo_images = true -%}

    {%- assign after_demo_image = "conrise-demo-after.png" -%}
    {%- assign before_demo_image = "conrise-demo-before.png" -%}
{%- endif -%}

<div class="container-desktop-vertical-margin" {% render 'overwrite-theme-style', desktop_settings: section.settings %}>
<div class="container{% if section.settings.mobile_image_full_width %}-mobile-full{% endif %}">

    <div class="image-with-text {% if section.settings.show_rounded_corners %} image-with-text-rounded-corners {% endif %} {% if section.settings.desktop_content_reverse %}desktop_content_reverse{% endif %} {% if section.settings.mobile_image_below %}mobile_image_below{% endif %}" {% render 'overwrite-theme-style', settings: section.settings %}>

        {%- assign backgroundColorSetup = false -%}
        {%- if section.settings.overwrite_theme_background_color != blank -%}
            {%- assign alpha = section.settings.overwrite_theme_background_color | color_extract: 'alpha' -%}
    
            {%- if alpha == 1 -%}
                {%- assign backgroundColorSetup = true -%}
            {%- endif -%}
        {%- endif -%}

        <div class="image-with-text-image {% if section.settings.show_rounded_corners %} image-with-text-image-rounded-corners {% endif %} {% if section.settings.image_margin %} image-with-text-image-margin {% endif %} {% if section.settings.image_margin or backgroundColorSetup == false %} image-with-text-image-rounded-corners-forced{% endif %}">
            {% if use_before_after or show_demo_images %} 
                <div class="slider-container" style="--before_after_slider_container_desktop_height: {{ section.settings.slider_desktop_height }}px; --before_after_slider_mobile_container_height: {{ section.settings.slider_mobile_height }}px;">
                    <div class="slider">
                        {%- capture style -%}
                            object-fit: cover; --before_after_slider_desktop_height: {{ section.settings.slider_desktop_height }}px; --before_after_slider_mobile_height: {{ section.settings.slider_mobile_height }}px;
                        {%- endcapture -%}
                        <div class="after">
                            {% render 'image', 
                            image: section.settings.after_image, 
                            assetName: after_demo_image,
                            placeholder_padding_vertical: 40,
                            placeholder_padding_horizontal: 40,
                            style: {{style}},
                            class: "before-after-slider-image"  %}
                            <div class="badge after-badge">{{ 'sections.image-with-text.after' | t }}</div>
                        </div>
                        <div class="before-wrapper">
                            <div class="before">
                                {% render 'image', 
                                image: section.settings.image, 
                                assetName: before_demo_image,
                                placeholder_padding_vertical: 40,
                                placeholder_padding_horizontal: 40,
                                style: {{style}},
                                class: "before-after-slider-image" %}
                                <div class="badge before-badge">{{ 'sections.image-with-text.before' | t }}</div>
                            </div>
                        </div>
                        <div class="slider-handle" style="--handler-color: {{section.settings.handler_color}}">
                            <div class="slider-handle-first"></div>
                            <div class="slider-handle-second"></div>
                        </div>
                        <div class="slider-grip" style="--handler-color: {{section.settings.handler_color}}"></div>
                    </div>
                </div>
            {% else %}
                {% render 'image', 
                image: section.settings.image, 
                placeholder_padding_vertical: 40,
                placeholder_padding_horizontal: 40 %}
            {% endif %}
                
        </div>

        {%- capture style -%}
            align-self: {{ section.settings.desktop_content_alignment }};
        {%- endcapture -%}

        <div class="image-with-text-content {% if section.settings.mobile_image_full_width or backgroundColorSetup %}container-only-mobile{% endif %} {% if backgroundColorSetup %}image-with-text-content-bottom-padding{% endif %} {% if section.settings.desktop_content_reverse %}image-with-text-content-reverse{% endif %}" style="{{ style | strip_newlines }}">
            {%- for block in section.blocks -%}
                {% case block.type %}
                
                    {% when "heading" %}
                        {%- if block.settings.use_h1_tag -%}
                            <h1 class="h2 {% if section.settings.active_animations %}animated-element{% endif %}" {% render 'overwrite-theme-style', settings: block.settings %}>{{ block.settings.heading }}</h1>
                        {%- else -%}    
                            <h2 class="{% if section.settings.active_animations %}animated-element{% endif %}" {% render 'overwrite-theme-style', settings: block.settings %}>{{ block.settings.heading }}</h2>
                        {%- endif -%}

                    {% when "text" %}
                        <div class="image-with-text-content-text {% if section.settings.active_animations %} animated-element{% endif %}" {% render 'overwrite-theme-style', settings: block.settings %}>{{ block.settings.text }}</div>

                    {% when "button" %}
                        {%- capture style -%}
                            align-self: {{ block.settings.alignment }};
                        {%- endcapture -%}

                        <a {% if block.settings.scroll_to_form == false and block.settings.show_newsletter_popup == false %}href="{{ block.settings.button_link }}"{% endif %} 
                            class="btn {% if block.settings.scroll_to_form %}product-information-scroll-to-form{% endif %} {% if block.settings.show_newsletter_popup %}product-information-show-newsletter-popup{% endif %} {% if section.settings.active_animations %}animated-element{% endif %}" 
                            {% render 'overwrite-theme-style', settings: block.settings, append_style: style %}>
                            {{ block.settings.button_label | escape }}
                        </a>

                    {% when "image" %}
                        {%- capture style -%}
                            align-self: {{ block.settings.alignment }};
                            height: {{ block.settings.image_height }}px;

                            {%- if block.settings.margin_top != blank and block.settings.margin_top != 0 -%}
                                margin-top: {{ block.settings.margin_top }}px;
                            {%- endif -%}
                            {%- if block.settings.margin_bottom != blank and block.settings.margin_bottom != 0 -%}
                                margin-bottom: {{ block.settings.margin_bottom }}px;
                            {%- endif -%}
                        {%- endcapture -%}

                        {%- capture class -%}
                            {% if section.settings.active_animations %}animated-element{% endif %}
                        {%- endcapture -%}                        
                        
                        {% render 'image', image: block.settings.image, style: style, class: class %}
                    
                    {% when "bullet_points" %}
                        {%- capture style -%}
                            {% if block.settings.space_between_points > 0 %}
                                grid-gap: {{ block.settings.space_between_points }}px;
                                
                                {% if block.settings.two_columns %}
                                    margin-right: {{ block.settings.space_between_points }}px;
                                {% endif %}
                            {% endif %}
                
                            {%- if block.settings.margin_top != 0 -%}
                                margin-top: {{ block.settings.margin_top }}px;
                            {%- endif -%}
                            {%- if block.settings.margin_bottom != 0 -%}
                                margin-bottom: {{ block.settings.margin_bottom }}px;
                            {%- endif -%}
                        {%- endcapture -%}
                
                        {%- capture div_style -%}
                            {%- if block.settings.padding_vertical != 0 -%}
                                padding-top: {{ block.settings.padding_vertical }}px;
                                padding-bottom: {{ block.settings.padding_vertical }}px;
                            {%- endif -%}
                            {%- if block.settings.padding_horizontal != 0 -%}
                                padding-left: {{ block.settings.padding_horizontal }}px;
                                padding-right: {{ block.settings.padding_horizontal }}px;
                            {%- endif -%}
                        {%- endcapture -%}
                
                        {%- capture image_style -%}
                            {%- if block.settings.image_width > 0 -%}
                                width: {{ block.settings.image_width }}px;
                            {%- endif -%}
                        {%- endcapture -%}
                
                        <div class="image-with-text-content-bullet-points {% if block.settings.two_columns %} image-with-text-content-bullet-points-two-columns{% endif %} {% if section.settings.active_animations %}animated-element{% endif %}" style="{{ style | strip_newlines }}">
                            {%- if block.settings.text_1 != blank -%}
                                <div {% render 'overwrite-theme-style', text_color: block.settings.text_color, font_size: block.settings.font_size, font_weight: block.settings.font_weight, append_style: div_style %}>
                                    {% render 'image', image: block.settings.image_1, style: image_style %}
                                    <span>{{ block.settings.text_1 }}</span>
                                </div>
                            {%- endif -%}
                            {%- if block.settings.text_2 != blank -%}
                                <div {% render 'overwrite-theme-style', text_color: block.settings.text_color, font_size: block.settings.font_size, font_weight: block.settings.font_weight, append_style: div_style %}>
                                    {% render 'image', image: block.settings.image_2, style: image_style %}
                                    <span>{{ block.settings.text_2 }}</span>
                                </div>
                            {%- endif -%}
                            {%- if block.settings.text_3 != blank -%}
                                <div {% render 'overwrite-theme-style', text_color: block.settings.text_color, font_size: block.settings.font_size, font_weight: block.settings.font_weight, append_style: div_style %}>
                                    {% render 'image', image: block.settings.image_3, style: image_style %}
                                    <span>{{ block.settings.text_3 }}</span>
                                </div>
                            {%- endif -%}
                            {%- if block.settings.text_4 != blank -%}
                                <div {% render 'overwrite-theme-style', text_color: block.settings.text_color, font_size: block.settings.font_size, font_weight: block.settings.font_weight, append_style: div_style %}>
                                    {% render 'image', image: block.settings.image_4, style: image_style %}
                                    <span>{{ block.settings.text_4 }}</span>
                                </div>
                            {%- endif -%}
                            {%- if block.settings.text_5 != blank -%}
                                <div {% render 'overwrite-theme-style', text_color: block.settings.text_color, font_size: block.settings.font_size, font_weight: block.settings.font_weight, append_style: div_style %}>
                                    {% render 'image', image: block.settings.image_5, style: image_style %}
                                    <span>{{ block.settings.text_5 }}</span>
                                </div>
                            {%- endif -%}
                            {%- if block.settings.text_6 != blank -%}
                                <div {% render 'overwrite-theme-style', text_color: block.settings.text_color, font_size: block.settings.font_size, font_weight: block.settings.font_weight, append_style: div_style %}>
                                    {% render 'image', image: block.settings.image_6, style: image_style %}
                                    <span>{{ block.settings.text_6 }}</span>
                                </div>
                            {%- endif -%}
                        </div>

                {% endcase %}
            {%- endfor -%}
        </div>

    </div>

</div>
</div>

{% comment %} ===== Section Help Video ===== {% endcomment %}
{%- if request.design_mode -%}
    <div 
        class="section-help-video-identifier" 
        data-title="{{ 'conrise.sectionHelpTitles.image-with-text' | t }}", 
        data-video="bf46dab8b53e436fbc85a6aad6482d2d?sid=ffc2c330-bb55-405f-b550-4f850def5e82"
        data-padding-bottom="55.95854922279793%"
    ></div>
{%- endif -%}
{% comment %} ===== Section Help Video ===== {% endcomment %}

{% schema %}
{
    "name": "t:sections.section-image-with-text.name",
    "settings": [
        {
            "type": "header",
            "content": "t:settings.general.section_help_video",
            "info": "[Video](https://www.loom.com/share/bf46dab8b53e436fbc85a6aad6482d2d?sid=ffc2c330-bb55-405f-b550-4f850def5e82)"
        },
        {
            "type": "header",
            "content": "t:sections.section-image-with-text.settings.image_heading",
            "info": "t:sections.section-image-with-text.settings.image_heading_info"
        },
        {
            "type": "image_picker",
            "id": "image",
            "label": "t:sections.section-image-with-text.settings.image"
        },
        {
            "type": "image_picker",
            "id": "after_image",
            "label": "t:sections.section-image-with-text.settings.after_image"
        },
        {
            "type": "range",
            "id": "slider_desktop_height",
            "label": "t:sections.section-image-with-text.settings.slider_desktop_height",
            "min": 100,
            "max": 1000,
            "step": 10,
            "unit": "px",
            "default": 500
        },
        {
            "type": "range",
            "id": "slider_mobile_height",
            "label": "t:sections.section-image-with-text.settings.slider_mobile_height",
            "min": 100,
            "max": 1000,
            "step": 10,
            "unit": "px",
            "default": 300
        },
        {
            "type": "color",
            "id": "handler_color",
            "label": "t:sections.section-image-with-text.settings.handler_color",
            "default": "#FFFFFF"
        },
        {
            "type": "checkbox",
            "id": "use_demo_before_after_images",
            "label": "t:sections.section-image-with-text.settings.use_demo_before_after_images",
            "default": false
        },
        {
            "type": "header",
            "content": "t:sections.general.settings"
        },
        {
            "type": "checkbox",
            "id": "mobile_image_full_width",
            "label": "t:sections.section-image-with-text.settings.mobile_image_full_width",
            "default": true
        },
        {
            "type": "checkbox",
            "id": "show_rounded_corners",
            "default": false,
            "label": "t:sections.section-image-with-text.settings.show_rounded_corners"
        },
        {
            "type": "checkbox",
            "id": "image_margin",
            "label": "t:sections.section-image-with-text.settings.image_margin",
            "default": false,
            "info": "t:sections.section-image-with-text.settings.image_margin_info"
        },
        {
            "type": "checkbox",
            "id": "desktop_content_reverse",
            "default": false,
            "label": "t:sections.section-image-with-text.settings.desktop_content_reverse"
        },
        {
            "type": "checkbox",
            "id": "mobile_image_below",
            "default": true,
            "label": "t:sections.section-image-with-text.settings.mobile_image_below"
        },
        {
            "type": "checkbox",
            "id": "active_animations",
            "label": "t:sections.general.active_animations",
            "default": true
        },
        {
            "type": "select",
            "id": "desktop_content_alignment",
            "default": "center",
            "label": "t:sections.section-image-with-text.settings.desktop_content_alignment",
            "options": [
                {
                    "value": "start",
                    "label": "t:sections.section-image-with-text.settings.desktop_content_alignment_start"
                },
                {
                    "value": "center",
                    "label": "t:sections.section-image-with-text.settings.desktop_content_alignment_center"
                },
                {
                    "value": "end",
                    "label": "t:sections.section-image-with-text.settings.desktop_content_alignment_end"
                }
            ]
        },
        {
            "type": "header",
            "content": "t:sections.general.mobile_margin"
        },
        {
            "type": "range",
            "id": "overwrite_theme_margin_top",
            "label": "t:sections.section-image-with-text.settings.overwrite_theme_margin_top",
            "min": -50,
            "max": 100,
            "step": 5,
            "unit": "px",
            "default": 0
        },
        {
            "type": "range",
            "id": "overwrite_theme_margin_bottom",
            "label": "t:sections.section-image-with-text.settings.overwrite_theme_margin_bottom",
            "min": -50,
            "max": 100,
            "step": 5,
            "unit": "px",
            "default": 0
        },
        {
            "type": "header",
            "content": "t:sections.general.desktop_margin"
        },
        {
            "type": "range",
            "id": "desktop_margin_top",
            "label": "t:sections.section-image-with-text.settings.desktop_margin_top",
            "min": -200,
            "max": 200,
            "step": 5,
            "unit": "px",
            "default": 0
        },
        {
            "type": "range",
            "id": "desktop_margin_bottom",
            "label": "t:sections.section-image-with-text.settings.desktop_margin_bottom",
            "min": -200,
            "max": 200,
            "step": 5,
            "unit": "px",
            "default": 0
        },
        {
            "type": "header",
            "content": "t:sections.general.theme-settings.content",
            "info": "t:sections.general.theme-settings.info"
        },
        {
            "type": "color",
            "id": "overwrite_theme_background_color",
            "label": "t:sections.section-image-with-text.settings.overwrite_theme_background_color",
            "info": "t:sections.section-image-with-text.settings.overwrite_theme_background_color_info"
        },
        {
            "type": "range",
            "id": "overwrite_theme_container_horizontal_margin",
            "label": "t:sections.general.theme-settings.overwrite_theme_container_horizontal_margin",
            "min": 0,
            "max": 100,
            "step": 1,
            "unit": "px",
            "default": 0,
            "info": "t:sections.general.theme-settings.overwrite_theme_container_horizontal_margin_info"
        }
    ],
    "blocks": [
        {
            "type": "heading",
            "name": "t:sections.section-image-with-text.blocks.heading.name",
            "settings": [
                {
                    "type": "richtext",
                    "id": "heading",
                    "label": "t:sections.section-image-with-text.blocks.heading.settings.heading"
                },
                {
                    "type": "select",
                    "id": "text_align",
                    "default": "left",
                    "label": "t:sections.section-image-with-text.blocks.heading.settings.text_align",
                    "options": [
                        {
                            "value": "left",
                            "label": "t:sections.section-image-with-text.blocks.heading.settings.text_align_left"
                        },
                        {
                            "value": "center",
                            "label": "t:sections.section-image-with-text.blocks.heading.settings.text_align_center"
                        },
                        {
                            "value": "right",
                            "label": "t:sections.section-image-with-text.blocks.heading.settings.text_align_right"
                        }
                    ]
                },
                {
                    "type": "checkbox",
                    "id": "use_h1_tag",
                    "default": false,
                    "label": "t:sections.section-image-with-text.blocks.heading.settings.use_h1_tag"
                },
                {
                    "type": "header",
                    "content": "t:sections.general.margin"
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_margin_top",
                    "label": "t:sections.section-image-with-text.blocks.heading.settings.overwrite_theme_margin_top",
                    "min": -30,
                    "max": 70,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_margin_bottom",
                    "label": "t:sections.section-image-with-text.blocks.heading.settings.overwrite_theme_margin_bottom",
                    "min": -30,
                    "max": 70,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "header",
                    "content": "t:sections.general.theme-settings.content",
                    "info": "t:sections.general.theme-settings.info"
                },
                {
                    "type": "color",
                    "id": "overwrite_theme_text_color",
                    "label": "t:sections.section-image-with-text.blocks.heading.settings.overwrite_theme_text_color",
                    "info": "t:sections.section-image-with-text.blocks.heading.settings.overwrite_theme_text_color_info"
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_font_size",
                    "label": "t:sections.section-image-with-text.blocks.heading.settings.overwrite_theme_font_size",
                    "min": 0,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0,
                    "info": "t:sections.section-image-with-text.blocks.heading.settings.overwrite_theme_font_size_info"
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_line_height",
                    "label": "t:sections.general.theme-settings.overwrite_theme_line_height",
                    "min": 0,
                    "max": 100,
                    "step": 1,
                    "unit": "px",
                    "default": 0,
                    "info": "t:sections.general.theme-settings.overwrite_theme_line_height_info"
                },
                {
                    "type": "select",
                    "id": "overwrite_theme_font_weight",
                    "default": "0",
                    "label": "t:sections.general.theme-settings.overwrite_theme_font_weight",
                    "info": "t:sections.general.theme-settings.overwrite_theme_font_weight_info",
                    "options": [
                        {
                            "value": "0",
                            "label": "t:sections.general.theme-settings.overwrite_theme_font_weight_default"
                        },
                        {
                            "value": "400",
                            "label": "400"
                        },
                        {
                            "value": "500",
                            "label": "500"
                        },
                        {
                            "value": "600",
                            "label": "600"
                        },
                        {
                            "value": "700",
                            "label": "700"
                        }
                    ]
                }
            ]
        },
        {
            "type": "text",
            "name": "t:sections.section-image-with-text.blocks.text.name",
            "settings": [
                {
                    "type": "richtext",
                    "id": "text",
                    "label": "t:sections.section-image-with-text.blocks.text.settings.text"
                },
                {
                    "type": "select",
                    "id": "text_align",
                    "default": "left",
                    "label": "t:sections.section-image-with-text.blocks.text.settings.text_align",
                    "options": [
                        {
                            "value": "left",
                            "label": "t:sections.section-image-with-text.blocks.text.settings.text_align_left"
                        },
                        {
                            "value": "center",
                            "label": "t:sections.section-image-with-text.blocks.text.settings.text_align_center"
                        },
                        {
                            "value": "right",
                            "label": "t:sections.section-image-with-text.blocks.text.settings.text_align_right"
                        }
                    ]
                },
                {
                    "type": "header",
                    "content": "t:sections.general.margin"
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_margin_top",
                    "label": "t:sections.section-image-with-text.blocks.text.settings.overwrite_theme_margin_top",
                    "min": -30,
                    "max": 70,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_margin_bottom",
                    "label": "t:sections.section-image-with-text.blocks.text.settings.overwrite_theme_margin_bottom",
                    "min": -30,
                    "max": 70,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "header",
                    "content": "t:sections.general.theme-settings.content",
                    "info": "t:sections.general.theme-settings.info"
                },
                {
                    "type": "color",
                    "id": "overwrite_theme_text_color",
                    "label": "t:sections.section-image-with-text.blocks.text.settings.overwrite_theme_text_color",
                    "info": "t:sections.section-image-with-text.blocks.text.settings.overwrite_theme_text_color_info"
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_font_size",
                    "label": "t:sections.section-image-with-text.blocks.text.settings.overwrite_theme_font_size",
                    "min": 0,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0,
                    "info": "t:sections.section-image-with-text.blocks.text.settings.overwrite_theme_font_size_info"
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_line_height",
                    "label": "t:sections.general.theme-settings.overwrite_theme_line_height",
                    "min": 0,
                    "max": 100,
                    "step": 1,
                    "unit": "px",
                    "default": 0,
                    "info": "t:sections.general.theme-settings.overwrite_theme_line_height_info"
                },
                {
                    "type": "select",
                    "id": "overwrite_theme_font_weight",
                    "default": "0",
                    "label": "t:sections.general.theme-settings.overwrite_theme_font_weight",
                    "info": "t:sections.general.theme-settings.overwrite_theme_font_weight_info",
                    "options": [
                        {
                            "value": "0",
                            "label": "t:sections.general.theme-settings.overwrite_theme_font_weight_default"
                        },
                        {
                            "value": "400",
                            "label": "400"
                        },
                        {
                            "value": "500",
                            "label": "500"
                        },
                        {
                            "value": "600",
                            "label": "600"
                        },
                        {
                            "value": "700",
                            "label": "700"
                        }
                    ]
                }
            ]
        },
        {
            "type": "button",
            "name": "t:sections.section-image-with-text.blocks.button.name",
            "settings": [
                {
                    "type": "text",
                    "id": "button_label",
                    "label": "t:sections.section-image-with-text.blocks.button.settings.button_label"
                },
                {
                    "type": "url",
                    "id": "button_link",
                    "label": "t:sections.section-image-with-text.blocks.button.settings.button_link"
                },
                {
                    "type": "checkbox",
                    "id": "scroll_to_form",
                    "default": false,
                    "label": "t:sections.section-image-with-text.blocks.button.settings.scroll_to_form",
                    "info": "t:sections.section-image-with-text.blocks.button.settings.scroll_to_form_info"
                },
                {
                    "type": "checkbox",
                    "id": "show_newsletter_popup",
                    "default": false,
                    "label": "t:sections.section-image-with-text.blocks.button.settings.show_newsletter_popup",
                    "info": "t:sections.section-image-with-text.blocks.button.settings.show_newsletter_popup_info"
                },
                {
                    "type": "header",
                    "content": "t:sections.general.settings"
                },
                {
                    "type": "select",
                    "id": "alignment",
                    "default": "start",
                    "label": "t:sections.section-image-with-text.blocks.button.settings.alignment",
                    "options": [
                        {
                            "value": "start",
                            "label": "t:sections.section-image-with-text.blocks.button.settings.alignment_start"
                        },
                        {
                            "value": "center",
                            "label": "t:sections.section-image-with-text.blocks.button.settings.alignment_center"
                        },
                        {
                            "value": "end",
                            "label": "t:sections.section-image-with-text.blocks.button.settings.alignment_end"
                        }
                    ]
                },
                {
                    "type": "header",
                    "content": "t:sections.general.margin"
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_margin_top",
                    "label": "t:sections.section-image-with-text.blocks.button.settings.overwrite_theme_margin_top",
                    "min": -50,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_margin_bottom",
                    "label": "t:sections.section-image-with-text.blocks.button.settings.overwrite_theme_margin_bottom",
                    "min": -50,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "header",
                    "content": "t:sections.general.theme-settings.content",
                    "info": "t:sections.general.theme-settings.info"
                },
                {
                    "type": "color",
                    "id": "overwrite_theme_background_color",
                    "label": "t:sections.section-image-with-text.blocks.button.settings.overwrite_theme_background_color",
                    "info": "t:sections.section-image-with-text.blocks.button.settings.overwrite_theme_background_color_info"
                },
                {
                    "type": "range",
                    "id": "overwrite_theme_font_size",
                    "label": "t:sections.section-image-with-text.blocks.button.settings.overwrite_theme_font_size",
                    "min": 0,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0,
                    "info": "t:sections.section-image-with-text.blocks.button.settings.overwrite_theme_font_size_info"
                },
                {
                    "type": "color",
                    "id": "overwrite_theme_text_color",
                    "label": "t:sections.section-image-with-text.blocks.button.settings.overwrite_theme_text_color",
                    "info": "t:sections.section-image-with-text.blocks.button.settings.overwrite_theme_text_color_info"
                }
            ]
        },
        {
            "type": "image",
            "name": "t:sections.section-image-with-text.blocks.image.name",
            "settings": [
                {
                    "type": "image_picker",
                    "id": "image",
                    "label": "t:sections.section-image-with-text.blocks.image.settings.image"
                },
                {
                    "type": "header",
                    "content": "t:sections.general.settings"
                },
                {
                    "type": "select",
                    "id": "alignment",
                    "default": "start",
                    "label": "t:sections.section-image-with-text.blocks.image.settings.alignment",
                    "options": [
                        {
                            "value": "start",
                            "label": "t:sections.section-image-with-text.blocks.image.settings.alignment_start"
                        },
                        {
                            "value": "center",
                            "label": "t:sections.section-image-with-text.blocks.image.settings.alignment_center"
                        },
                        {
                            "value": "end",
                            "label": "t:sections.section-image-with-text.blocks.image.settings.alignment_end"
                        }
                    ]
                },
                {
                    "type": "range",
                    "id": "image_height",
                    "label": "t:sections.section-image-with-text.blocks.image.settings.image_height",
                    "min": 0,
                    "max": 100,
                    "step": 1,
                    "unit": "px",
                    "default": 32
                },
                {
                    "type": "header",
                    "content": "t:sections.general.margin"
                },
                {
                    "type": "range",
                    "id": "margin_top",
                    "label": "t:sections.section-image-with-text.blocks.image.settings.margin_top",
                    "min": -50,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "range",
                    "id": "margin_bottom",
                    "label": "t:sections.section-image-with-text.blocks.image.settings.margin_bottom",
                    "min": -50,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                }
            ]
        },
        {
            "type": "bullet_points",
            "name": "t:sections.section-image-with-text.blocks.bullet_points.name",
            "settings": [
                {
                    "type": "header",
                    "content": "t:sections.general.settings"
                },
                {
                    "type": "checkbox",
                    "id": "two_columns",
                    "default": false,
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.two_columns"
                },
                {
                    "type": "range",
                    "id": "space_between_points",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.space_between_points",
                    "min": 0,
                    "max": 40,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "range",
                    "id": "image_width",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.image_width",
                    "min": 0,
                    "max": 100,
                    "step": 1,
                    "unit": "px",
                    "default": 32
                },
                {
                    "type": "header",
                    "content": "t:sections.section-image-with-text.blocks.bullet_points.settings.padding"
                },
                {
                    "type": "range",
                    "id": "padding_horizontal",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.padding_horizontal",
                    "min": 0,
                    "max": 40,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "range",
                    "id": "padding_vertical",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.padding_vertical",
                    "min": 0,
                    "max": 40,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "header",
                    "content": "t:sections.section-image-with-text.blocks.bullet_points.settings.margin"
                },
                {
                    "type": "range",
                    "id": "margin_top",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.margin_top",
                    "min": -50,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "range",
                    "id": "margin_bottom",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.margin_bottom",
                    "min": -50,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0
                },
                {
                    "type": "header",
                    "content": "t:sections.section-image-with-text.blocks.bullet_points.settings.points",
                    "info": "t:sections.section-image-with-text.blocks.bullet_points.settings.points_info"
                },
                {
                    "type": "richtext",
                    "id": "text_1",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.text_1"
                },
                {
                    "type": "richtext",
                    "id": "text_2",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.text_2"
                },
                {
                    "type": "richtext",
                    "id": "text_3",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.text_3"
                },
                {
                    "type": "richtext",
                    "id": "text_4",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.text_4"
                },
                {
                    "type": "richtext",
                    "id": "text_5",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.text_5"
                },
                {
                    "type": "richtext",
                    "id": "text_6",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.text_6"
                },
                {
                    "type": "header",
                    "content": "t:sections.section-image-with-text.blocks.bullet_points.settings.images",
                    "info": "t:sections.section-image-with-text.blocks.bullet_points.settings.images_info"
                },
                {
                    "type": "image_picker",
                    "id": "image_1",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.image_1"
                },
                {
                    "type": "image_picker",
                    "id": "image_2",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.image_2"
                },
                {
                    "type": "image_picker",
                    "id": "image_3",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.image_3"
                },
                {
                    "type": "image_picker",
                    "id": "image_4",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.image_4"
                },
                {
                    "type": "image_picker",
                    "id": "image_5",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.image_5"
                },
                {
                    "type": "image_picker",
                    "id": "image_6",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.image_6"
                },
                {
                    "type": "header",
                    "content": "t:sections.general.theme-settings.content",
                    "info": "t:sections.general.theme-settings.info"
                },
                {
                    "type": "color",
                    "id": "text_color",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.text_color",
                    "info": "t:sections.section-image-with-text.blocks.bullet_points.settings.text_color_info"
                },
                {
                    "type": "range",
                    "id": "font_size",
                    "label": "t:sections.section-image-with-text.blocks.bullet_points.settings.font_size",
                    "min": 0,
                    "max": 50,
                    "step": 1,
                    "unit": "px",
                    "default": 0,
                    "info": "t:sections.section-image-with-text.blocks.bullet_points.settings.font_size_info"
                },
                {
                    "type": "select",
                    "id": "font_weight",
                    "default": "0",
                    "label": "t:sections.general.theme-settings.overwrite_theme_font_weight",
                    "info": "t:sections.general.theme-settings.overwrite_theme_font_weight_info",
                    "options": [
                        {
                            "value": "0",
                            "label": "t:sections.general.theme-settings.overwrite_theme_font_weight_default"
                        },
                        {
                            "value": "400",
                            "label": "400"
                        },
                        {
                            "value": "500",
                            "label": "500"
                        },
                        {
                            "value": "600",
                            "label": "600"
                        },
                        {
                            "value": "700",
                            "label": "700"
                        }
                    ]
                }
            ]
        }
    ],
    "presets": [
        {
            "name": "t:sections.section-image-with-text.name"
        }
    ]
}
{% endschema %}