<div class="publication-item" data-role="cta-block" data-action="click-cta">
    <div class="publication-item__image">
        @if($info->media)
            <picture>
                <source srcset="{{ getMediaUrl($info->media->filename, '600x400') }}.webp" type="image/webp">
                {!! getMediaImg($info->media, '600x400', htmlentities($info->title)) !!}
            </picture>
        @endif
    </div>


    <div class="publication-item__info">
        @if(!empty($info->date))
            <span class="publication-item__date">
                {{ format_date($info->date, true) }}
            </span>
        @endif
        @if(!empty($info->title))
            <h3 class="publication-item__title">
                @title($info->title)
            </h3>
        @endif
        <div class="publication-item__type-container">
            @if(!empty($info->type))
                <span class="publication-item__type">
                    @lang('frontend.article_type_' . $info->type)
                </span>
            @endif

            @if($info->details || $info->layout_type == "blocks")
                <a class="link-left-arrow link-animation-arrow" href="{{ lang_url($info->lang_uri) }}">@lang('frontend.read_more')</a>
            @elseif(!empty($info->pardot_url))
                <a
                    href="#"
                    class="link-left-arrow link-animation-arrow"
                    data-download_id="{{ $info->id }}"
                    data-download="{{ base64_encode(json_encode(["title" => $info->title, "url" => $info->pardot_url ])) }}"
                    data-controller="components/form-modal"
                    data-popupid="download-modal"
                >
                    @lang('frontend.download')
                </a>
            @endif
        </div>
    </div>
</div>
