{% if not options is defined %}
    {% set options = {} %}
{% endif %}
{% set options = {
        title: false,
        titleElement: "h1 class='text-title-small'",
        titleRaw: false,
        breadcrumb: false,
        img: "",
        secondarySideTitle: false,
        secondarySideContent: false,
        secondarySideInclude: false,
        secondarySideTextContainer: false,
        stainItem: "",
    }|merge(options)
%}
{% if options.secondarySideTextContainer %}
    {% set options = options|merge({secondarySideInclude: "components/_text-container.html.twig"}) %}
{% endif %}
<div class="section-wrapper section-intro-detail-wrapper pad-left pad-right">
    <div class="section-content section-intro section-intro-detail">
        {% if options.breadcrumb %}
            {% include "components/_breadcrumb.html.twig" with {title: options.breadcrumb} %}
        {% endif %}
        <div class="sided-section">
            <div class="secondary-side foreground-secondary padded">
            {% if options.title %}
                <{{ options.titleElement|raw }}>{{ options.title }}</{{ options.titleElement|raw }}>
            {% endif %}
            {% if options.titleRaw %}
                {{ options.titleRaw|raw }}
            {% endif %}
            {% if options.img %}
                <div class="intro-detail-img">
                    <img src="{{ options.img }}">
                </div>
            {% endif %}
            </div>
            <div class="primary-side foreground padded flex" style="flex-wrap: wrap; align-content: start">
                {% if options.secondarySideTitle %}
                    <h2 style="display: inline-block; width: 100%;font-weight: 500">{{ options.secondarySideTitle }}</h2>
                {% endif %}
                {% if options.secondarySideContent %}
                    {% if options.secondarySideInclude %}
                        {% for content in options.secondarySideContent %}
                            {% include options.secondarySideInclude with {options: content} %}                            
                        {% endfor %}
                    {% else %}
                        {{ options.secondarySideContent|raw }}
                    {% endif %}
                {% endif %}
                {{ options.stainItem|raw }}
            </div>
        </div>
    </div>
</div>