{% set options = options|default({}) + {
    block_list_container_class: '',
    sections_autowrapper_colclass: 'col-12',
    sections_autowrapper_adslot_allowed: false,
    list_contentad: false,
    list_variant: 'menu',
    list_container_class: 'menu-container',
    teaser_imagesize: 'teaser_square',
    teaser_template: 'components/teaser/menu.twig',
    teaser_container_class: '',
    teaser_kicker: false,
    teaser_author: false,
    teaser_date: false,
    teaser_image_container_class: 'col-12',
    teaser_text_container_class: 'col-12',
} %}

{# It doesn't extend the default template , that's why it can't show ads #}

{% set muid = 'menu-' ~ buid() %}

{% if teasers|default %}
    <div id="{{ muid }}" class="blocks blocks-list blocks-list-menu {{ options.block_list_container_class }}">

        {% if options.list_label %}
            <div class="row list-label">
                <div class="{{ options.list_container_class }}">
                    <span>{{ options.list_label }}</span>
                </div>
            </div>
        {% endif %}

        {# Teaserlist #}
        <div class="list-content">
            {% block teaserlist %}
                <div class="{{ options.list_container_class }}">
                    <div class="teasers">
                        {% for teaser in teasers|default([]) if teaser %}

                            {% set inject = options.list_teasers_inject[loop.index0]|default %}
                            {% if inject %}
                                {{ inject|raw }}
                            {% endif %}

                            {% include options.teaser_template with {'teaser': teaser, 'options': options} %}
                        {% endfor %}
                    </div>
                </div>
            {% endblock %}
        </div>

        <script>
          $(function(){
            cnDesign.default.cnHorizontalSlider({
              wrapper: '#{{ muid }}',
              container: '.{{ options.list_container_class }}',
              indicator: true
            });
          });
        </script>

    </div>
{% endif %}