<!-- blocks/banner-item.liquid -->
<div id="{{ block.id }}" class="hdt-banner__item md:hdt-height--{{ section.settings.image_height }} hdt-height--{{ section.settings.image_height_mb }} hdt-eff-{{ block.settings.b_effect }} hdt-eff-img-{{ block.settings.img_effect }} hdt-eff hdt-oh hdt-relative" color-scheme="{{ block.settings.color_scheme }}" {{ block.shopify_attributes }}>

  <div class="hdt-item_inner hdt-rounded hdt-media-overlap-content" hdt-reveal="slide-in" timeline>
    <a class="hdt-full-width-link" {%- if block.settings.banner_url == blank %} role="link" disabled="true" {%- else %} href="{{ block.settings.banner_url }}"{% endif %} target="{% if block.settings.banner_target %}_blank{% else %}_self{% endif %}"></a>
    {% content_for 'block', type: '_media', id: 'banner-media' %}
    <div class="hdt-grid hdt-h-full{% unless request.design_mode %} hdt-pe-none{% endunless %}">
      <div class="hdt-place-self-{{ block.settings.content_position_mb }} md:hdt-place-self-{{ block.settings.content_position }} {% if block.settings.background_content %} hdt-background-content{% endif %}{% if block.settings.use_border_content %} hdt-content-use-border{% endif %}{% if block.settings.box_square %} hdt-content-boxsquare{% endif %}{% if block.settings.content_rounded %} hdt-rounded-full{% endif %}"{% if block.settings.background_content %} style="--content-bg-opacity: {{ block.settings.bg_opacity | divided_by: 100.00 }};--content-border-opacity: {{ block.settings.border_opacity | divided_by: 100.00 }};--content-border-style: {{ block.settings.border_style }};--border-pd-dk: {{ block.settings.border_pd_dk }}px;--border-pd-mb: {{ block.settings.border_pd }}px;" {% endif %}>
        <div class="hdt-content hdt-text-{{ block.settings.alignment_mb }} md:hdt-text-{{ block.settings.alignment }}">
          {% content_for "blocks" %}
        </div>
      </div>
    </div>
  </div>
</div>
{% schema %}
  {
    "name": "t:blocks.banner_item.name",
    "class":"hdt-slider__slide",
    "blocks": [{ "type": "heading" },{"type": "text"},{"type": "button"},{"type": "spacer"}, {"type": "paragraph"}],
    "settings": [
      {
        "type": "header",
        "content": "General options"
      },
      {
        "type": "url",
        "id": "banner_url",
        "label": "t:blocks.banner_item.settings.banner_url"
      },
      {
        "type": "checkbox",
        "id": "banner_target",
        "label": "t:blocks.banner_item.settings.banner_target",
        "default": false
      },
      {
        "type": "select",
        "id": "img_effect",
        "label": "t:sections.all.image_effect.image_hover_eff.label",
        "info": "t:sections.all.image_effect.image_hover_eff.info",
        "default": "none",
        "options": [
          {
            "value": "none",
            "label": "t:sections.all.image_effect.image_hover_eff.options.none"
          },
          {
            "value": "zoom",
            "label": "t:sections.all.image_effect.image_hover_eff.options.zoom"
          },
          {
            "value": "rotate",
            "label": "t:sections.all.image_effect.image_hover_eff.options.rotate"
          },
          {
            "value": "translateToTop",
            "label": "t:sections.all.image_effect.image_hover_eff.options.translateToTop"
          },
          {
            "value": "translateToRight",
            "label": "t:sections.all.image_effect.image_hover_eff.options.translateToRight"
          },
          {
            "value": "translateToBottom",
            "label": "t:sections.all.image_effect.image_hover_eff.options.translateToBottom"
          },
          {
            "value": "translateToLeft",
            "label": "t:sections.all.image_effect.image_hover_eff.options.translateToLeft"
          },
          {
            "value": "filter",
            "label": "t:sections.all.image_effect.image_hover_eff.options.filter"
          },
          {
            "value": "bounceIn",
            "label": "t:sections.all.image_effect.image_hover_eff.options.bounceIn"
          }
        ]
      },
      {
        "type": "select",
        "id": "b_effect",
        "label": "t:sections.all.image_effect.item_eff.label",
        "default": "none",
        "options": [
          {
            "value": "none",
            "label": "t:sections.all.image_effect.item_eff.options.none"
          },
          {
            "value": "border-run",
            "label": "t:sections.all.image_effect.item_eff.options.border_run"
          },
          {
            "value": "pervasive-circle",
            "label": "t:sections.all.image_effect.item_eff.options.pervasive_circle"
          },
          {
            "value": "plus-zoom-overlay",
            "label": "t:sections.all.image_effect.item_eff.options.plus_zoom_overlay"
          },
          {
            "value": "overlay",
            "label": "t:sections.all.image_effect.item_eff.options.overlay"
          }
        ]
      },
      {
        "type": "color_scheme",
        "id": "color_scheme",
        "label": "t:sections.all.colors.label"
      },
      {
        "type": "header",
        "content": "t:sections.all.screen.options.desktop"
      },
      {
        "type": "select",
        "id": "content_position",
        "label": "t:sections.all.content_position.label",
        "options": [
          {
            "value": "start",
            "label": "t:sections.all.content_position.options.start"
          },
          {
            "value": "start-center",
            "label": "t:sections.all.content_position.options.start_center"
          },
          {
            "value": "start-end",
            "label": "t:sections.all.content_position.options.start_end"
          },
          {
            "value": "center",
            "label": "t:sections.all.content_position.options.center"
          },
          {
            "value": "center-start",
            "label": "t:sections.all.content_position.options.center_start"
          },
          {
            "value": "center-end",
            "label": "t:sections.all.content_position.options.center_end"
          },
          {
            "value": "end",
            "label": "t:sections.all.content_position.options.end"
          },
          {
            "value": "end-start",
            "label": "t:sections.all.content_position.options.end_start"
          },
          {
            "value": "end-center",
            "label": "t:sections.all.content_position.options.end_center"
          }
        ],
        "default": "center"
      },
      {
        "type": "text_alignment",
        "id": "alignment",
        "label": "t:settings_schema.global.settings.text_alignment.label",
        "default": "center"
      },
      {
        "type": "header",
        "content": "t:sections.all.screen.options.mobile"
      },
      {
        "type": "select",
        "id": "content_position_mb",
        "label": "t:sections.all.content_position.label",
        "options": [
          {
            "value": "start",
            "label": "t:sections.all.content_position.options.start"
          },
          {
            "value": "start-center",
            "label": "t:sections.all.content_position.options.start_center"
          },
          {
            "value": "start-end",
            "label": "t:sections.all.content_position.options.start_end"
          },
          {
            "value": "center",
            "label": "t:sections.all.content_position.options.center"
          },
          {
            "value": "center-start",
            "label": "t:sections.all.content_position.options.center_start"
          },
          {
            "value": "center-end",
            "label": "t:sections.all.content_position.options.center_end"
          },
          {
            "value": "end",
            "label": "t:sections.all.content_position.options.end"
          },
          {
            "value": "end-start",
            "label": "t:sections.all.content_position.options.end_start"
          },
          {
            "value": "end-center",
            "label": "t:sections.all.content_position.options.end_center"
          }
        ],
        "default": "center"
      },
      {
        "type": "text_alignment",
        "id": "alignment_mb",
        "label": "t:settings_schema.global.settings.text_alignment.label",
        "default": "center"
      }
    ],
    "presets":[
      {
        "name": "t:blocks.banner_item.name",
        "blocks": [
          {
            "type": "heading",
            "settings": {
              "heading": "<p>SALE OFF UP TO 70%</p>",
              "hidden_br_mobile": false,
              "hidden_on_mobile": false,
              "heading_size": "h5",
              "text_color": "",
              "font_size_heading_lg": 50,
              "font_size_heading_md": 30,
              "font_size_heading": 24,
              "font_weight_heading": 600,
              "letter_spacing_heading": 0
            }
          },
          {
            "type": "text",
            "settings": {
              "text": "<p>SS 2025 New Arrival</p>",
              "hidden_br_mobile": false,
              "hidden_on_mobile": false,
              "text_size": "4xl",
              "text_color": "",
              "font_size_text_lg": 16,
              "font_size_text_md": 14,
              "font_size_text": 14,
              "font_weight_text": 400,
              "letter_spacing_text": 0
            }
          },
          {
            "type": "spacer",
            "settings": {
              "direction": false,
              "space_lg": 50,
              "space_md": 50,
              "space": 50
            }
          },
          {
            "type": "button",
            "settings": {
              "label": "Shop now",
              "link": "",
              "open_in_new_tab": false,
              "full_width": false,
              "style_class": "solid",
              "font_size": "m",
              "font_weight": "normal",
              "font_size_btn": 14,
              "padding_btn": 30,
              "min_width_btn": 100,
              "min_width_dt_btn": 100,
              "min_height_btn": 40,
              "icon": "none",
              "icon_position": "after",
              "icon_height": 16,
              "icon_spacing": 5
            }
          }
        ]
      }
    ]
  }
{% endschema %}
