@php
    $data = $block->getCardFields();
@endphp
@if(!empty($data))
    <div class="featured-one-item {{ $block->invert ? 'featured-one-item--invert' : '' }} block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}} {{ $block->no_background ? 'featured-one-item--no-bg' : '' }}" data-role="cta-block" data-aos="fade-up" data-aos-once="true" data-aos-delay="500">
        @if ($block->anchor_id )
            <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
        @endif
        <div class="featured-one-item__container-info">
            <div class="featured-one-item__featured-image" data-action="click-cta" data-aos="fade-right" data-aos-once="true" data-aos-delay="700">
                @if($data->image)
                    <picture>
                        <source media="(min-width: 768px)" srcset="{{ getMediaUrl($data->image->filename, '1180x640') }}.webp" type="image/webp">
                        <source media="(min-width: 768px)" srcset="{{ getMediaUrl($data->image->filename, '1180x640') }}">
                        <source srcset="{{ getMediaUrl($data->image->filename, '600x600') }}.webp" type="image/webp">
                        {!! getMediaImg($data->image, '600x600', htmlspecialchars($data->image_alt)) !!}
                    </picture>
                @endif
            </div>

            <div class="featured-one-item__featured-block" data-aos="fade-left" data-aos-once="true" data-aos-delay="700">
                @if($data->subject)
                    <span class="featured-one-item__featured-pretitle">
                        @title($data->subject)
                    </span>
                @endif
                <h2 class="featured-one-item__featured-title" data-action="click-cta">
                    @title($data->title)
                </h2>
                @if($data->excerpt)
                    <div class="featured-one-item__content rich-content">
                        {!! $data->excerpt !!}
                    </div>
                @endif
                <div class="featured-one-item__cta">
                    {!! generateLink($data->cta2, 'std-button std-button--small') !!}
                    {!! generateLink($data->cta, 'link-left-arrow link-animation-arrow') !!}
                </div>
            </div>
        </div>
    </div>
@endif