{% extends 'components/teaser/_base/default.twig' %}

{% set options = options|default({}) + {
    teaser_variant: 'iframe',
    teaser_container_class: 'col-sm-6 col-12',
    teaser_image: false,
    teaser_imagesize: 'teaser_landscape',
    teaser_kicker: false,
    teaser_title: true,
    teaser_abstract: true,
    teaser_iframe_url: false,
    teaser_iframe_class: ''
} %}

{% set size = config.get('theme/thumbnails/aliases', [])[options.teaser_imagesize].size|default([]) %}

{# Note: Other that in default.twig, this static teaser does not use a teaser object but uses the options directly #}
{% block teaser_content %}
    <div class="card">
        <div class="row no-gutters">
            {% if options.teaser_image %}
                <div class="col-5 col-sm-12 card-img-wrapper">
                    <img loading="lazy"
                         class="card-img-top img-fluid"
                         alt="{{ options.teaser_title }}"
                         src="{{ options.teaser_image|default }}"
                         width="{{ size.0|default(2) }}"
                         height="{{ size.1|default(1) }}"/>
                </div>
            {% endif %}
            <div class="col">
                <div class="card-body">

                    {# Kicker #}
                    {% if options.teaser_kicker %}
                        <p class="card-kicker">{{ options.teaser_kicker|default }}</p>
                    {% endif %}

                    {# Title #}
                    {% if options.teaser_title %}
                        <p class="card-title">{{ options.teaser_title|default }}</p>
                    {% endif %}

                    {% if options.teaser_abstract %}
                        <p class="card-abstract">{{ options.teaser_abstract }}</p>
                    {% endif %}

                    {# Mapp Iframe #}
                    {% if options.teaser_iframe_url %}
                        <iframe class="{{ options.teaser_iframe_class }}"
                                src="{{ options.teaser_iframe_url }}"
                                data-frameborder="0"
                                scrolling="0"
                                style="width:100%;border:none;"></iframe>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}