{% extends 'blocks/list/default.twig' %}

{% set options = options|default({}) + {
    block_variant: 'newsticker',
    list_container_class: 'col-12 col-md-8',
    list_contentad: true,
    list_contentad_class: 'advertisement-newsticker',
    list_contentad_custom: {},
    list_contentad_pos : 6,
    list_contentad_slot: 'trending',
    list_label: true,
    teaser_template: 'components/teaser/newsticker.twig',
} %}

{# list_contentad is by default set to false, as it is not a standard function for all the websites, yet ...  #}

{% set highlightteaser = teasers|default([])|first %}
{% set teasers = teasers|default([])[1:] %}

{% block teaserlist %}
    {{ parent() }}
    {# Highlight #}
    <div class="col-12 col-md-4">
        <div class="row teasers">
            <div class="components components-teaser components-teaser-newshighlight col-12">
                <a href="{{ highlightteaser.link|default }}" aria-label="{{ highlightteaser.title|default }}">
                    <div class="card">
                        <div class="row no-gutters">
                            <div class="col-12">
                                <div class="card-body">

                                    <p class="card-title">{{ highlightteaser.title|default }}</p>
                                    {% if highlightteaser.sponsored|default %}<div class="sc-label d-none d-sm-block">Anzeige</div>{% endif %}

                                    <div class="card-img-wrapper">
                                        <img class="card-img-top" alt="{{ highlightteaser.title|default }}" src="{{ highlightteaser.image|default }}">
                                    </div>
                                    <p class="card-abstract">{{ highlightteaser.abstract|default }}</p>

                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
{% endblock %}