<div class="featured-slide {{ isset($container_class) ? $container_class : '' }} {{ isset($invert) && $invert ? 'featured-slide--invert' : '' }}" data-role="slide" data-id="{{ $id ?? "" }}">
    @if(!empty($firstItem))
        <div class="featured-slide__column-left" data-role="cta-block">
            <div class="featured-slide__block-text-color {{ isset($firstItemTopic) ? 'bg--' . $firstItemTopic->color_scheme : 'bg--secondary-color' }} {{ isset($invert) ? 'animate__fadeInRight' : 'animate__fadeInLeft' }}">
                @if(!empty($firstItem->subject))
                    <div class="featured-slide__left-pretitle">
                        @title($firstItem->subject)
                    </div>
                @endif
                <h2 class="featured-slide__left-title" data-action="click-cta">
                    @title($firstItem->title)
                </h2>
                @if($firstItem->excerpt)
                    <p class="featured-slide__left-subtitle">
                        {!! strip_tags($firstItem->excerpt, '<b><sup><strong><sub><i><span><u>') !!}
                    </p>
                @endif
                <div class="featured-slide__cta">
                    {!! generateLink($firstItem->cta2, 'std-button std-button--small alt-color', null, null, false, isset($firstItemCtaLabels) ? $firstItemCtaLabels[1] : '') !!}
                    {!! generateLink($firstItem->cta, 'std-button std-button--small', null, null, false, isset($firstItemCtaLabels) ? $firstItemCtaLabels[0] : '') !!}
                </div>
            </div>
            @if($firstItem->image)
                <picture data-action="click-cta">
                    <source srcset="{{ getMediaUrl($firstItem->image->filename, '900x820') }}.webp" type="image/webp">
                    {!! getMediaImg($firstItem->image, '900x820', htmlspecialchars($firstItem->image_alt), 'animate__fadeInDown') !!}
                </picture>
            @endif
        </div>
    @endif

    @if(!empty($secondItem))
        <div class="featured-slide__column-right" data-role="cta-block">
            @if($secondItem->image)
                <picture data-action="click-cta">
                    <source srcset="{{ getMediaUrl($secondItem->image->filename, '700x505') }}.webp" type="image/webp">
                    {!! getMediaImg($secondItem->image, '700x505', htmlspecialchars($secondItem->image_alt), isset($invert) ? 'animate__fadeInLeft' : 'animate__fadeInRight') !!}
                </picture>
            @endif
            <div class="featured-slide__block-text animate__fadeInUp">
                @if(!empty($secondItem->subject))
                    <div class="featured-slide__right-pretitle">
                        @title($secondItem->subject)
                    </div>
                @endif
                <h2 class="featured-slide__right-title" data-action="click-cta">
                    @title($secondItem->title)
                </h2>
                @if($secondItem->excerpt)
                    <p class="featured-slide__right-subtitle">
                        {!! strip_tags($secondItem->excerpt, '<b><sup><strong><sub><i><span><u>') !!}
                    </p>
                @endif
                <div class="featured-slide__cta">
                    {!! generateLink($secondItem->cta2, 'std-button std-button--small', null, null, false, isset($secondItemCtaLabels) ? $secondItemCtaLabels[1] : '') !!}
                    {!! generateLink($secondItem->cta, 'std-button std-button--small', null, null, false, isset($secondItemCtaLabels) ? $secondItemCtaLabels[0] : '') !!}
                </div>
            </div>
        </div>
    @endif
</div>
