{%- if section.blocks.size > 0 -%}
  {{- 'section-dual-tiles.css' | asset_url | stylesheet_tag -}}

  {%- style -%}
    #shopify-section-{{ section.id }} > div {
      --section-gap-between-tiles: var(--grid-spacing);
      padding-block-start: calc(var(--section-spacing-unit-size) * {{ section.settings.spacing_top }});
      padding-block-end: calc(var(--section-spacing-unit-size) * {{ section.settings.spacing_bottom }});
      --section-block-order-mobile: {%- if section.settings.block_order_mobile -%}2{%- else -%}initial{%- endif -%};
    }
    {%- if section.settings.section_layout == 'stacked' -%}
      #shopify-section-{{ section.id }} .grid {
        gap: 0;
      }
      #shopify-section-{{ section.id }} .container .section-dual-tiles__block:nth-of-type(1) {
        border-radius: var(--card-corner-radius) var(--card-corner-radius) 0 0;
      }
      #shopify-section-{{ section.id }} .container .section-dual-tiles__block:nth-of-type(2) {
        border-radius: 0 0 var(--card-corner-radius) var(--card-corner-radius);
      }
      @media screen and (min-width: 750px) {
        #shopify-section-{{ section.id }} .container .section-dual-tiles__block:nth-of-type(1) {
          border-start-start-radius: var(--card-corner-radius);
          border-start-end-radius: 0;
          border-end-start-radius: var(--card-corner-radius);
          border-end-end-radius: 0;
        }
        #shopify-section-{{ section.id }} .container .section-dual-tiles__block:nth-of-type(2) {
          border-start-start-radius: 0;
          border-start-end-radius: var(--card-corner-radius);
          border-end-start-radius: 0;
          border-end-end-radius: var(--card-corner-radius);
        }
      }
      #shopify-section-{{ section.id }} .container.max-w-full .section-dual-tiles__block {
        border-radius: 0;
      }
    {%- endif -%}
  {%- endstyle -%}

  <div class="color-{{ section.settings.color_scheme }} gradient">
    <div class="section-dual-tiles container {{ section.settings.section_width }} js-animation-fade-in">
      {% if section.settings.heading != blank %}
        <h2 class="section__head text-{{ section.settings.heading_alignment }} {{ section.settings.heading_size }}">
          {{ section.settings.heading }}
        </h2>
      {% endif %}
      <div class="grid">
        {%- for block in section.blocks -%}
          {%- liquid
            assign tile_additional_classes = ''

            if block.settings.button_link != blank
              assign tile_additional_classes = tile_additional_classes | append: ' tile__image-hover'
            endif

            if block.settings.show_on == 'mobile'
              assign tile_additional_classes = tile_additional_classes | append: ' large-up-hide'
            elsif block.settings.show_on == 'desktop'
              assign tile_additional_classes = tile_additional_classes | append: ' small-hide medium-hide'
            endif

            # content
            assign tile_content_additional_classes = ''
            assign tile_content_additional_classes = tile_content_additional_classes | append: ' ' | append: block.settings.content_position | append: ' ' | append: block.settings.content_alignment | append: ' ' | append: block.settings.content_position_mobile | append: ' ' | append: block.settings.content_alignment_mobile

            # media
            assign has_media = false
            assign has_mobile_media = false

            assign block_image = block.settings.image
            assign block_video = block.settings.video
            assign block_video_external = block.settings.video_external

            assign block_image_mobile = block.settings.image_mobile | default: block_image
            assign block_video_mobile = block.settings.video_mobile | default: block_video
            assign block_video_external_mobile = block.settings.video_external_mobile | default: block_video_external

            if block_image != blank or block_video != blank or block_video_external != blank
              assign has_media = true
              assign tile_additional_classes = tile_additional_classes | append: ' has-media'
            endif

            if block_image_mobile != blank or block_video_mobile != blank or block_video_external_mobile != blank
              assign has_mobile_media = true
              assign tile_additional_classes = tile_additional_classes | append: ' has-media--mobile'
            endif

            if block_video != blank or block_video_external != blank or block_video_mobile != blank or block_video_external_mobile != blank
              assign tile_additional_classes = tile_additional_classes | append: ' has-video'
            endif

            assign tile_aspect_ratio = 'auto'
            assign tile_aspect_ratio_mobile = 'auto'
            if block.settings.product == blank
              assign tile_aspect_ratio = block.settings.aspect_ratio | default: 'auto'
              assign tile_aspect_ratio_mobile = block.settings.aspect_ratio_mobile | default: 'auto'
            endif
            if block.settings.aspect_ratio == 'auto' and block_image != blank and block.settings.product == blank
              assign tile_aspect_ratio = block_image.aspect_ratio
            endif
            if block.settings.aspect_ratio_mobile == 'auto' and block_image_mobile != blank and block.settings.product == blank
              assign tile_aspect_ratio_mobile = block_image_mobile.aspect_ratio
            endif

            assign block_grid_column = 6
            if forloop.first
              if section.settings.block_size == 'half'
                assign block_grid_column = 3
              elsif section.settings.block_size == 'large'
                assign block_grid_column = 4
              elsif section.settings.block_size == 'small'
                assign block_grid_column = 2
              endif
            else
              if section.settings.block_size == 'half'
                assign block_grid_column = 3
              elsif section.settings.block_size == 'large'
                assign block_grid_column = 2
              elsif section.settings.block_size == 'small'
                assign block_grid_column = 4
              endif
            endif

            assign button_type = 'button'
            if block.settings.product != blank or has_media == false
              assign button_type = 'link'
            endif

            assign button_link = '#'
            if block.settings.button_link != blank
              assign button_link = block.settings.button_link
            endif
          -%}

          {%- style -%}
            .block-{{ block.id }} {
              --gradient-background: {{ block.settings.custom_background_color |  default: 'rgb(var(--color-background))' }};
              --block-grid-column: {{ block_grid_column }};
              --block-align-self: {{ block.settings.vertical_position }};
              --block-aspect-ratio: {{ tile_aspect_ratio_mobile }};
              --block-padding-multiplier: {{ block.settings.spacing_inner }};
            }
            .block-{{ block.id }} .section-dual-tiles__product {
              order: {{ block.settings.product_position_mobile }};
              max-width: {{ block.settings.product_width | append: 'rem' }};
            }
            {% if block.settings.show_other_elements_with_product == false %}
              @media screen and (max-width: 749px) {
                .block-{{ block.id }} .section-dual-tiles__content > *:not(.section-dual-tiles__product) {
                  display: none;
                }
              }
            {% endif %}
            @media screen and (min-width: 750px) {
              .block-{{ block.id }} {
                --block-order: var(--section-block-order-mobile);
                --block-aspect-ratio: {{ tile_aspect_ratio }};
              }
              .block-{{ block.id }} .section-dual-tiles__product {
                order: {{ block.settings.product_position }};
              }
            }
          {%- endstyle -%}

          <div class="section-dual-tiles__block block-{{ block.id }} color-{{ block.settings.color_scheme }} gradient {{ tile_additional_classes | strip }}" {{ block.shopify_attributes }}>

            {%- if has_media -%}
              <div class="section-dual-tiles__media{% if has_mobile_media %} small-hide{% endif %}">
                {%- if block_video_external != blank -%}
                  {%- render 'external-video', video: block_video_external, title: block.settings.headsing, controls: block.settings.show_controls_on_video -%}
                {%- elsif block_video != blank -%}
                  {{- block_video | video_tag: image_size: '1440x', loop: true, autoplay: true, muted: true, controls: block.settings.show_controls_on_video -}}
                {%- elsif block_image -%}
                  {%- render 'image', image: block_image, section_index: section.index, alt: block_image.alt | escape -%}
                {%- endif -%}
              </div>

              {%- if has_mobile_media -%}
                <div class="section-dual-tiles__media small-up-hide">
                  {%- if block_video_external_mobile != blank -%}
                    {%- render 'external-video', video: block_video_external_mobile, title: block.settings.heading, controls: block.settings.show_controls_on_video_mobile -%}
                  {%- elsif block_video_mobile != blank -%}
                    {{- block_video_mobile | video_tag: image_size: '720x', loop: true, autoplay: true, muted: true, controls: block.settings.show_controls_on_video_mobile -}}
                  {%- elsif block_image_mobile -%}
                    {%- render 'image', image: block_image_mobile, section_index: section.index, image_for_mobile: true, alt: block_image_mobile.alt | escape -%}
                  {%- endif -%}
                </div>
              {%- endif -%}
            {%- endif -%}

            <div class="section-dual-tiles__content {{ tile_content_additional_classes | strip }}">
              {%- if block.settings.heading != blank or block.settings.text != blank -%}
                <div>
                  {%- if block.settings.heading != blank -%}
                    <h2 class="inline-richtext {{ block.settings.heading_size }}">
                      {{- block.settings.heading -}}
                    </h2>
                  {%- endif -%}
                  {%- if block.settings.text != blank -%}
                    <div class="rte">
                      {{- block.settings.text -}}
                    </div>
                  {%- endif -%}
                </div>
              {%- endif -%}
              {%- if block.settings.product != blank -%}
                <div class="section-dual-tiles__product">
                  {%- render 'card-product', product_ref: block.settings.product, section_id: section.id -%}
                </div>
              {%- endif -%}

              {%- if block.settings.button_label != blank -%}
                {%-
                  render 'button',
                  type: button_type,
                  class: 'button section-dual-tiles__content--button',
                  button_style: block.settings.button_style,
                  value: block.settings.button_label,
                  href: button_link
                -%}
              {%- endif -%}
            </div>

            {%- if block.settings.button_link != blank and block.settings.product == blank and has_media -%}
              <a href="{{- block.settings.button_link -}}" class="section-dual-tiles__button-link">
                <span class="visually-hidden">{{- block.settings.button_label -}}</span>
              </a>
            {%- endif -%}
          </div>
        {%- endfor -%}
      </div>
    </div>
  </div>
{%- endif -%}

{% schema %}
{
  "name": "t:sections.dual-tiles.name",
  "tag": "section",
  "settings": [
    {
      "type": "select",
      "id": "section_layout",
      "label": "t:sections.dual-tiles.settings.section_layout.label",
      "options": [
        {
          "value": "seperated",
          "label": "t:sections.dual-tiles.settings.section_layout.options.seperated.label"
        },
        {
          "value": "stacked",
          "label": "t:sections.dual-tiles.settings.section_layout.options.stacked.label"
        }
      ],
      "default": "seperated"
    },
    {
      "type": "select",
      "id": "block_size",
      "label": "t:sections.dual-tiles.settings.block_size.label",
      "info": "t:sections.dual-tiles.settings.block_size.info",
      "options": [
        {
          "value": "full",
          "label": "t:sections.dual-tiles.settings.block_size.options.full.label"
        },
        {
          "value": "half",
          "label": "t:sections.dual-tiles.settings.block_size.options.half.label"
        },
        {
          "value": "large",
          "label": "t:sections.dual-tiles.settings.block_size.options.large.label"
        },
        {
          "value": "small",
          "label": "t:sections.dual-tiles.settings.block_size.options.small.label"
        }
      ],
      "default": "half"
    },
    {
      "type": "checkbox",
      "id": "block_order_mobile",
      "label": "t:sections.dual-tiles.settings.block_order_mobile.label"
    },
    {
      "type": "richtext",
      "id": "heading",
      "label": "t:sections.global.element.heading.label"
    },
    {
      "type": "select",
      "id": "heading_size",
      "label": "t:sections.global.element.heading_size.label",
      "options": [
        {
          "value": "h6",
          "label": "XS"
        },
        {
          "value": "h5",
          "label": "S"
        },
        {
          "value": "h4",
          "label": "M"
        },
        {
          "value": "h3",
          "label": "L"
        },
        {
          "value": "h2",
          "label": "XL"
        }
      ],
      "default": "h3"
    },
    {
      "type": "select",
      "id": "heading_alignment",
      "label": "t:sections.global.alignment.for__heading.label",
      "options": [
        {
          "value": "start",
          "label": "t:sections.global.alignment.options.start.label"
        },
        {
          "value": "center",
          "label": "t:sections.global.alignment.options.center.label"
        },
        {
          "value": "end",
          "label": "t:sections.global.alignment.options.end.label"
        }
      ],
      "default": "start"
    },
    {
      "type": "header",
      "content": "t:sections.global.header.settings.content",
      "info": "t:sections.global.header.settings.info"
    },
    {
      "type": "color_scheme",
      "id": "color_scheme",
      "default": "scheme-1",
      "label": "t:sections.global.color_scheme.label"
    },
    {
      "type": "select",
      "id": "section_width",
      "label": "t:sections.global.section_width.label",
      "options": [
        {
          "value": "max-w-page",
          "label": "t:sections.global.section_width.options.page.label"
        },
        {
          "value": "max-w-narrow",
          "label": "t:sections.global.section_width.options.narrow.label"
        },
        {
          "value": "max-w-fluid",
          "label": "t:sections.global.section_width.options.fluid.label"
        },
        {
          "value": "max-w-full",
          "label": "t:sections.global.section_width.options.full.label"
        }
      ],
      "default": "max-w-page"
    },
    {
      "type": "select",
      "id": "spacing_top",
      "label": "t:sections.global.spacing.spacing_top.label",
      "options": [
        {
          "value": "0",
          "label": "t:sections.global.spacing.options.none.label"
        },
        {
          "value": "1",
          "label": "S"
        },
        {
          "value": "2",
          "label": "M"
        },
        {
          "value": "4",
          "label": "L"
        },
        {
          "value": "6",
          "label": "XL"
        }
      ],
      "default": "2"
    },
    {
      "type": "select",
      "id": "spacing_bottom",
      "label": "t:sections.global.spacing.spacing_bottom.label",
      "options": [
        {
          "value": "0",
          "label": "t:sections.global.spacing.options.none.label"
        },
        {
          "value": "1",
          "label": "S"
        },
        {
          "value": "2",
          "label": "M"
        },
        {
          "value": "4",
          "label": "L"
        },
        {
          "value": "6",
          "label": "XL"
        }
      ],
      "default": "2"
    }
  ],
  "max_blocks": 2,
  "blocks": [
    {
      "type": "tile",
      "name": "t:sections.dual-tiles.blocks.tile.name",
      "settings": [
        {
          "type": "select",
          "id": "show_on",
          "label": "t:sections.global.settings.show_on.label",
          "options": [
            {
              "value": "desktop",
              "label": "t:sections.global.settings.show_on.options.desktop.label"
            },
            {
              "value": "mobile",
              "label": "t:sections.global.settings.show_on.options.mobile.label"
            },
            {
              "value": "both",
              "label": "t:sections.global.settings.show_on.options.both.label"
            }
          ],
          "default": "both"
        },
        {
          "type": "color_scheme",
          "id": "color_scheme",
          "label": "t:sections.global.color_scheme.label",
          "default": "scheme-1"
        },
        {
          "type": "color_background",
          "id": "custom_background_color",
          "label": "t:sections.global.color_scheme.custom_background_color.label"
        },
        {
          "type": "inline_richtext",
          "id": "heading",
          "label": "t:sections.global.element.heading.label",
          "default": "Heading for Dual Content Tiles"
        },
        {
          "type": "select",
          "id": "heading_size",
          "label": "t:sections.global.element.heading_size.label",
          "options": [
            {
              "value": "h6",
              "label": "XS"
            },
            {
              "value": "h5",
              "label": "S"
            },
            {
              "value": "h4",
              "label": "M"
            },
            {
              "value": "h3",
              "label": "L"
            },
            {
              "value": "h2",
              "label": "XL"
            }
          ],
          "default": "h3"
        },
        {
          "type": "richtext",
          "id": "text",
          "label": "t:sections.global.element.text.label"
        },
        {
          "type": "text",
          "id": "button_label",
          "label": "t:sections.global.element.button_label.label",
          "info": "t:sections.global.element.button_label.info"
        },
        {
          "type": "url",
          "id": "button_link",
          "label": "t:sections.global.element.button.link.label"
        },
        {
          "type": "select",
          "id": "button_style",
          "label": "t:sections.global.element.button.style.label",
          "options": [
            {
              "value": "button--filled",
              "label": "t:sections.global.element.button.style.options.filled.label"
            },
            {
              "value": "button--outlined",
              "label": "t:sections.global.element.button.style.options.outlined.label"
            },
            {
              "value": "button--text",
              "label": "t:sections.global.element.button.style.options.text.label"
            }
          ],
          "default": "button--filled"
        },
        {
          "type": "product",
          "id": "product",
          "label": "t:sections.global.element.product.label"
        },
        {
          "type": "range",
          "id": "product_width",
          "label": "t:sections.dual-tiles.blocks.tile.settings.product_width.label",
          "min": 16,
          "max": 60,
          "step": 4,
          "default": 24,
          "unit": "rem"
        },
        {
          "type": "checkbox",
          "id": "show_other_elements_with_product",
          "label": "t:sections.dual-tiles.blocks.tile.settings.show_other_elements_with_product.label",
          "default": true
        },
        {
          "type": "header",
          "content": "t:sections.global.header.desktop.content"
        },
        {
          "type": "select",
          "id": "aspect_ratio",
          "label": "t:sections.global.aspect_ratio.for__tile.label",
          "info": "t:sections.dual-tiles.blocks.tile.settings.aspect_ratio.info",
          "options": [
            {
              "value": "auto",
              "label": "t:sections.global.aspect_ratio.options.auto.label",
              "group": "t:sections.global.aspect_ratio.group__auto.label"
            },
            {
              "value": "1/1",
              "label": "1:1",
              "group": "t:sections.global.aspect_ratio.group__square.label"
            },
            {
              "value": "1/2",
              "label": "1:2",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "2/3",
              "label": "2:3",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "3/4",
              "label": "3:4",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "4/5",
              "label": "4:5",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "9/16",
              "label": "9:16",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "3/2",
              "label": "3:2",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "4/3",
              "label": "4:3",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "5/4",
              "label": "5:4",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "16/9",
              "label": "16:9",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "2/1",
              "label": "2:1",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "4/1",
              "label": "4:1",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "8/1",
              "label": "8:1",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            }
          ],
          "default": "auto"
        },
        {
          "type": "select",
          "id": "vertical_position",
          "label": "t:sections.global.blocks.vertical_position.label",
          "options": [
            {
              "value": "stretch",
              "label": "t:sections.global.blocks.vertical_position.options.stretch.label"
            },
            {
              "value": "start",
              "label": "t:sections.global.blocks.vertical_position.options.start.label"
            },
            {
              "value": "center",
              "label": "t:sections.global.blocks.vertical_position.options.center.label"
            },
            {
              "value": "end",
              "label": "t:sections.global.blocks.vertical_position.options.end.label"
            }
          ],
          "default": "stretch"
        },
        {
          "type": "select",
          "id": "content_position",
          "label": "t:sections.global.content.position.label",
          "options": [
            {
              "value": "justify-start",
              "label": "t:sections.global.content.position.options.start.label"
            },
            {
              "value": "justify-center",
              "label": "t:sections.global.content.position.options.center.label"
            },
            {
              "value": "justify-end",
              "label": "t:sections.global.content.position.options.end.label"
            }
          ],
          "default": "justify-center"
        },
        {
          "type": "select",
          "id": "content_alignment",
          "label": "t:sections.global.content.alignment.label",
          "options": [
            {
              "value": "text-start align-start",
              "label": "t:sections.global.content.alignment.options.start.label"
            },
            {
              "value": "text-center align-center",
              "label": "t:sections.global.content.alignment.options.center.label"
            },
            {
              "value": "text-end align-end",
              "label": "t:sections.global.content.alignment.options.end.label"
            }
          ],
          "default": "text-center align-center"
        },
        {
          "type": "select",
          "id": "product_position",
          "label": "t:sections.dual-tiles.blocks.tile.settings.product_position.label",
          "options": [
            {
              "value": "-1",
              "label": "t:sections.dual-tiles.blocks.tile.settings.product_position.options.before.label"
            },
            {
              "value": "0",
              "label": "t:sections.dual-tiles.blocks.tile.settings.product_position.options.between.label"
            },
            {
              "value": "1",
              "label": "t:sections.dual-tiles.blocks.tile.settings.product_position.options.after.label"
            }
          ],
          "default": "0"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "t:sections.global.element.image.label"
        },
        {
          "type": "video",
          "id": "video",
          "label": "t:sections.global.element.video.label",
          "info": "t:sections.global.element.video.info"
        },
        {
          "type": "video_url",
          "id": "video_external",
          "accept": [
            "youtube",
            "vimeo"
          ],
          "label": "t:sections.global.element.video_external.label",
          "info": "t:sections.global.element.video_external.info"
        },
        {
          "type": "checkbox",
          "id": "show_controls_on_video",
          "label": "t:sections.global.element.video.show_controls.label",
          "default": false
        },
        {
          "type": "header",
          "content": "t:sections.global.header.mobile.content",
          "info": "t:sections.global.header.media_mobile.info"
        },
        {
          "type": "select",
          "id": "aspect_ratio_mobile",
          "label": "t:sections.global.aspect_ratio.for__tile.label",
          "info": "t:sections.dual-tiles.blocks.tile.settings.aspect_ratio.info",
          "options": [
            {
              "value": "auto",
              "label": "t:sections.global.aspect_ratio.options.auto.label",
              "group": "t:sections.global.aspect_ratio.group__auto.label"
            },
            {
              "value": "1/1",
              "label": "1:1",
              "group": "t:sections.global.aspect_ratio.group__square.label"
            },
            {
              "value": "1/2",
              "label": "1:2",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "2/3",
              "label": "2:3",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "3/4",
              "label": "3:4",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "4/5",
              "label": "4:5",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "9/16",
              "label": "9:16",
              "group": "t:sections.global.aspect_ratio.group__portrait.label"
            },
            {
              "value": "3/2",
              "label": "3:2",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "4/3",
              "label": "4:3",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "5/4",
              "label": "5:4",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "16/9",
              "label": "16:9",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "2/1",
              "label": "2:1",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "4/1",
              "label": "4:1",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            },
            {
              "value": "8/1",
              "label": "8:1",
              "group": "t:sections.global.aspect_ratio.group__landscape.label"
            }
          ],
          "default": "auto"
        },
        {
          "type": "select",
          "id": "content_alignment_mobile",
          "label": "t:sections.global.content.alignment.label",
          "options": [
            {
              "value": "text-start--mobile align-start--mobile",
              "label": "t:sections.global.content.alignment.options.start.label"
            },
            {
              "value": "text-center--mobile align-center--mobile",
              "label": "t:sections.global.content.alignment.options.center.label"
            },
            {
              "value": "text-end--mobile align-end--mobile",
              "label": "t:sections.global.content.alignment.options.end.label"
            }
          ],
          "default": "text-center--mobile align-center--mobile"
        },
        {
          "type": "select",
          "id": "content_position_mobile",
          "label": "t:sections.global.content.position.label",
          "options": [
            {
              "value": "justify-start--mobile",
              "label": "t:sections.global.content.position.options.start.label"
            },
            {
              "value": "justify-center--mobile",
              "label": "t:sections.global.content.position.options.center.label"
            },
            {
              "value": "justify-end--mobile",
              "label": "t:sections.global.content.position.options.end.label"
            }
          ],
          "default": "justify-center--mobile"
        },
        {
          "type": "select",
          "id": "product_position_mobile",
          "label": "t:sections.dual-tiles.blocks.tile.settings.product_position.label",
          "options": [
            {
              "value": "-1",
              "label": "t:sections.dual-tiles.blocks.tile.settings.product_position.options.before.label"
            },
            {
              "value": "0",
              "label": "t:sections.dual-tiles.blocks.tile.settings.product_position.options.between.label"
            },
            {
              "value": "1",
              "label": "t:sections.dual-tiles.blocks.tile.settings.product_position.options.after.label"
            }
          ],
          "default": "0"
        },
        {
          "type": "image_picker",
          "id": "image_mobile",
          "label": "t:sections.global.element.image.for__mobile.label"
        },
        {
          "type": "video",
          "id": "video_mobile",
          "label": "t:sections.global.element.video.for__mobile.label",
          "info": "t:sections.global.element.video.info"
        },
        {
          "type": "video_url",
          "id": "video_external_mobile",
          "accept": [
            "youtube",
            "vimeo"
          ],
          "label": "t:sections.global.element.video_external.for__mobile.label",
          "info": "t:sections.global.element.video_external.info"
        },
        {
          "type": "checkbox",
          "id": "show_controls_on_video_mobile",
          "label": "t:sections.global.element.video.for__mobile.show_controls.label",
          "default": false
        },
        {
          "type": "select",
          "id": "spacing_inner",
          "label": "t:sections.multitile.blocks.tile.settings.spacing_inner.label",
          "options": [
            {
              "value": "0",
              "label": "No"
            },
            {
              "value": "2",
              "label": "S"
            },
            {
              "value": "3",
              "label": "M"
            },
            {
              "value": "4",
              "label": "L"
            },
            {
              "value": "6",
              "label": "XL"
            }
          ],
          "default": "3"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "t:sections.dual-tiles.name",
      "blocks": [
        {
          "type": "tile",
          "settings": {
            "color_scheme": "scheme-5"
          }
        },
        {
          "type": "tile",
          "settings": {
            "color_scheme": "scheme-5"
          }
        }
      ]
    }
  ]
}
{% endschema %}