@php
    $firstItemCard = $block->cards->get(0);
    $secondItemCard = $block->cards->get(1);
    $thirdItemCard = $block->cards->get(2);

    $firstItem = $firstItemCard ? $firstItemCard->getCardFields() : null;
    $secondItem = $secondItemCard ? $secondItemCard->getCardFields() : null;
    $thirdItem = $thirdItemCard ? $thirdItemCard->getCardFields() : null;
@endphp

@if($firstItem || $secondItem || $thirdItem)
    <div class="featured-three-items block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}} {{ $block->white_grid ? 'featured-three-items--white-grid' : '' }}">
        @if ($block->anchor_id )
            <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
        @endif
        <div class="featured-three-items__container">
            <div class="featured-three-items__featured">
                <div class="featured-three-items__background-white" data-aos="simplefade" data-aos-once="true" data-aos-delay="500"></div>
                <div class="featured-three-items__wrapper" data-aos="fade-up" data-aos-once="true" data-aos-delay="700">
                    @if(!empty($firstItem))
                        <div class="featured-three-items__container-info" data-role="cta-block">
                            <div class="featured-three-items__featured-image" data-action="click-cta">
                                @if($firstItem->image)
                                    <picture>
                                        <source media="(min-width: 768px)" srcset="{{ getMediaUrl($firstItem->image->filename, '1300x872') }}.webp" type="image/webp">
                                        <source media="(min-width: 768px)" srcset="{{ getMediaUrl($firstItem->image->filename, '1300x872') }}">
                                        <source srcset="{{ getMediaUrl($firstItem->image->filename, '600x600') }}.webp" type="image/webp">
                                        {!! getMediaImg($firstItem->image, '600x600', htmlspecialchars($firstItem->image_alt)) !!}
                                    </picture>
                                @endif
                            </div>
                            <div class="featured-three-items__featured-block">
                                <span class="featured-three-items__featured-pretitle">
                                    @title($firstItem->subject)
                                </span>
                                <h2 class="featured-three-items__featured-title" data-action="click-cta">
                                    @title($firstItem->title)
                                </h2>
                                @if($firstItem->excerpt)
                                    <p class="featured-three-items__featured-content">
                                        {!! strip_tags($firstItem->excerpt, '<b><sup><strong><sub><i><span><u>') !!}
                                    </p>
                                @endif
                                <div class="featured-three-items__cta">
                                    {!! generateLink($firstItem->cta2, 'std-button std-button--small', '', '', false, $firstItemCard->cta2_label) !!}
                                    {!! generateLink($firstItem->cta, 'std-button std-button--small', '', '', false, $firstItemCard->cta_label) !!}
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
            <div class="featured-three-items__slide" data-aos="fade-up" data-aos-once="true" data-aos-delay="700">
                @include('frontend.templates.blocks.featured-slide', [
                    'firstItem' => $secondItem,
                    'secondItem' => $thirdItem,
                    'container_class' => 'featured-slide--single',
                    'firstItemCtaLabels' => $secondItemCard ? [$secondItemCard->cta_label, $secondItemCard->cta2_label] : ['', ''],
                    'secondItemCtaLabels' => $thirdItemCard ? [$thirdItemCard->cta_label, $thirdItemCard->cta2_label] : ['', '']
                ])
            </div>
        </div>
    </div>
@endif