{% set set_class = {
  slider: 'top: 0rem; z-index:5; margin-top:2rem;',
  empty: 'top:-0.3rem; z-index:5;'
} %}
{% set classIndex = set_class['' ~ typeSlider ~ ''] ?? null %}

{% if (elements|length) > 0 %}
  <section class="pb-5 indexComponentsElement px-3"
    data-ice-158312
    style="{{ classIndex }}">
    <div class="col-lg-7 mx-auto indexComponents px-3 px-lg-5 py-3">
      <p class="indexTitle d-inline-block pt-3">
        {{ title|t|upper }}
      </p>
      <ul class="m-0 p-0 groupLinks pt-3">
        {% for _item in elements %}
          {% if _item.blockId %}
            {% include 'components/_listItemsIndex' with {
              item: _item.element,
              number: loop.index0,
               id: _item.blockId
            } only %}
          {% endif %}
        {% endfor %}
      </ul>
    </div>
  </section>

  {% if pageIndex.fieldSwitch %}
    <section class="indexFloating">
      <img src="/assets/img/index.svg"
        alt="index"
        width="35"
        height="35"
        class="img-fluid iconIndex" />

      <div class="col-10 mx-auto indexFloating__content px-2 py-3">
        <p class="indexTitle d-inline-block my-0 pt-2">
          {{ title|t|upper }}
        </p>
        <ul class="m-0 p-0 groupLinks pt-3">
          {% for _item in elements %}
            {% include 'components/_listItemsIndex' with {
              item: _item.element,
              number: loop.index0,
               id: _item.blockId
            } only %}
          {% endfor %}
        </ul>
      </div>
    </section>
  {% endif %}
{% endif %}

{% if pageIndex.fieldSwitch %}
  {% set cssFloating = {
    1: {
      indexFloating: 'left:0; border-top-left-radius: 0px; border-bottom-left-radius: 0px;',
      iconIndex: 'margin-right: 0.2rem;'
    },
    2: {
      indexFloating: 'right:0; border-top-right-radius: 0px; border-bottom-right-radius: 0px;',
      iconIndex: 'margin-left: 0.2rem;'
    }
  } %}

  {% set cssSelect = cssFloating['' ~ pageIndex.floatingMenuOrientation ~ '']
    ?? null
  %}
  {% if cssSelect %}
    {% for key, value in cssSelect %}
      {% css %}.{{ key }} {
      {{ value }}
      }{% endcss %}
    {% endfor %}
  {% endif %}
{% endif %}