<div class="project-slide featured-slide {{ isset($container_class) ? $container_class : '' }} {{ isset($invert) && $invert ? 'featured-slide--invert' : '' }}" data-role="slide" data-id="{{ $id ?? "" }}">
    @isset($projectOne)
        <?php
            $projectOneTopic = $projectOne->related('sustainability')->first();
        ?>
        <div class="featured-slide__column-left" data-role="cta-block">
            <div class="featured-slide__block-text-color bg--{{ isset($projectOneTopic) ? $projectOneTopic->color_scheme : 'blue' }} {{ isset($invert) ? 'animate__fadeInRight' : 'animate__fadeInLeft' }}">
                <div class="featured-slide__left-pretitle">
                    @if(!empty($projectOne->country->title))
                        {{ $projectOne->country->title }}
                    @endif
                </div>
                <h2 class="featured-slide__left-title" data-action="click-cta">
                    {!! strip_tags($projectOne->title, '<b><sup><strong><sub><i><span><u>') !!}
                </h2>
                @isset($projectOne->objective)
                    <p class="featured-slide__left-subtitle">
                        {!! strip_tags($projectOne->objective, '<b><sup><strong><sub><i><span><u>') !!}
                    </p>
                @endisset
                <a href="{{ lang_url($projectOne->lang_uri) }}" class="link-left-arrow link-animation-arrow">@lang('frontend.read_more')</a>
            </div>
            @if($projectOne->overviewImage)
                <picture data-action="click-cta">
                    <source srcset="{{ getMediaUrl($projectOne->overviewImage->filename, '470x500') }}.webp" type="image/webp">
                    <img src="{{ getMediaUrl($projectOne->overviewImage->filename, '470x500') }}" alt="{{ htmlentities(strip_tags($projectOne->title)) }}" class="animate__fadeInDown">
                </picture>
            @endif
        </div>
    @endisset
    @isset($projectTwo)
        <div class="featured-slide__column-right" data-role="cta-block">
            @if($projectTwo->overviewImage)
                <picture data-action="click-cta">
                    <source srcset="{{ getMediaUrl($projectTwo->overviewImage->filename, '420x260') }}.webp" type="image/webp">
                    <img src="{{ getMediaUrl($projectTwo->overviewImage->filename, '420x260') }}" alt="{{ htmlentities(strip_tags($projectTwo->title)) }}" class="{{ isset($invert) ? 'animate__fadeInLeft' : 'animate__fadeInRight' }}">
                </picture>
            @endif
            <div class="featured-slide__block-text animate__fadeInUp">
                <div class="featured-slide__right-pretitle">
                    @if(!empty($projectTwo->country->title))
                        {{ $projectTwo->country->title }}
                    @endif
                </div>
                <h2 class="featured-slide__right-title" data-action="click-cta">
                    {!! strip_tags($projectTwo->title, '<b><sup><strong><sub><i><span><u>') !!}
                </h2>
                @isset($projectTwo->objective)
                    <p class="featured-slide__right-subtitle">
                        {!! strip_tags($projectTwo->objective, '<b><sup><strong><sub><i><span><u>') !!}
                    </p>
                @endisset
                <a href="{{ lang_url($projectTwo->lang_uri) }}" class="link-left-arrow link-animation-arrow">@lang('frontend.read_more')</a>
            </div>
        </div>
    @endisset
</div>
