{# LIBRARIES #}
{{ attach_library('ui_patterns/mini_carousel.mini_carousel_lib') }}

{# VARIABLES #}
{% set meta_icon = meta_icon|default('far fa-clock') %}
{% set main_icon = main_icon|default('fas fa-star') %}

{% if items|length %}
  {% set slides = [] %}
  {% for item in items %}
    {% set slide_item %}
      <div class="mini-slide">

        {% if item.meta %}
          <div class="crsl-meta {{ meta_class }}">
            <i class="{{ meta_icon }}"></i>
            {{ item.meta|raw }}
          </div>
        {% endif %}

        {% if item.text %}
          {% if item.link_url %}
            <a href="{{ item.link_url }}" class="{{ text_class }}">{{ item.text|raw }}</a>
          {% else %}
            {{ item.text|raw }}
          {% endif %}
        {% endif %}

        {% if item.post %}
          {{ item.post|raw }}
        {% endif %}

      </div>
    {% endset %}
    {% set slides = slides|merge([{'slide':slide_item}]) %}
  {% endfor %}
{% endif %}

{# TEMPLATE #}
{% if items|length %}
  <div class="mncrsl">
    <div class="mncrsl-icon">
      <i class="{{ main_icon }}"></i>
    </div>
    <div class="mncrsl-body">
      {{ pattern('bs_carousel', {
        'pid': cid,
        'slides': slides,
        'data_ride': 'true',
        'show_indicators': false,
        'show_controls': true,
      }) }}
    </div>
  </div>
{% endif %}
