{#
/**
 * @file
 * Default theme implementation for the individual slick item/slide template.
 *
 * Available variables:
 * - attributes: An array of attributes to apply to the element.
 * - item.slide: A renderable array of the main image/background.
 * - item.caption: A renderable array containing caption fields if provided:
 *   - title: The individual slide title.
 *   - alt: The core Image field Alt as caption.
 *   - link: The slide links or buttons.
 *   - overlay: The image/audio/video overlay, or a nested slick.
 *   - data: any possible field for more complex data if crazy enough.
 * - settings: An array containing the given settings.
 *
 * @see template_preprocess_slick_slide()
 */
#}
{%
  set classes = [
    'slide--' ~ delta,
    item.slide is empty ? 'slide--text',
    settings.layout ? 'slide--caption--' ~ settings.layout|clean_class,
    settings.class ? settings.class
  ]
%}
{%
  set content_classes = [
    settings.detroy ? 'slide',
    not settings.detroy ? 'slide__content'
  ]
%}
{%
  set caption_classes = [
    'slide__caption',
  ]
%}
{% set use_blazy = blazies.use.theme_blazy  %}
{%- if settings.wrapper -%}
  <div{{ attributes.addClass(classes) }}>
{%- endif -%}

  {%- if use_blazy -%}
    {{- item -}}
  {% else %}
    {# @todo remove all below at 3.x for theme_blazy(). If you need to modify
    anything, please use MYTHEME_preprocess_blazy() instead, starting at 3.x,
    or better just use CSS for more reliable theming. FYI, theme_blazy()
    offers greater possibility and versatility, that is why it is deprecated. #}
    {%- if settings.use_ca -%}<div{{ content_attributes.addClass(content_classes) }}>{%- endif -%}
      {% set slide %}
        {% block slick_slide %}
          {%- if settings.split -%}
            <div class="slide__media">{{- item.slide -}}</div>
          {% else %}
            {{- item.slide -}}
          {%- endif -%}
        {% endblock %}
      {% endset %}

      {%- if item.slide -%}
        {{- slide -}}
      {%- endif -%}

      {%- if item.caption -%}
        {% block slick_caption %}
          {%- if settings.fullwidth -%}<div class="slide__constrained">{%- endif -%}
            <div{{ caption_attributes.addClass(caption_classes) }}>
              {%- if item.caption.overlay -%}
                <div class="slide__overlay">{{ item.caption.overlay }}</div>
                {%- if settings.data -%}<div class="slide__data">{%- endif -%}
              {%- endif -%}
              {%- if item.caption.title -%}
                <h2 class="slide__title">{{ item.caption.title }}</h2>
              {%- endif -%}
              {%- if item.caption.alt -%}
                <p class="slide__description">{{ item.caption.alt }}</p>
              {%- endif -%}
              {%- if item.caption.data -%}
                <div class="slide__description">{{- item.caption.data -}}</div>
              {%- endif -%}
              {%- if item.caption.link -%}
                <div class="slide__link">{{ item.caption.link }}</div>
              {%- endif -%}
              {%- if item.caption.overlay and settings.data -%}</div>{%- endif -%}
            </div>
          {%- if settings.fullwidth -%}</div>{%- endif -%}
        {% endblock %}
      {%- endif -%}

    {%- if settings.use_ca -%}</div>{%- endif -%}
  {%- endif -%}

{%- if settings.wrapper -%}
  </div>
{%- endif -%}
