<div class="clipping-news block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}}">
    @if ($block->anchor_id )
        <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
    @endif
    <div class="clipping-news__wrapper">
        @if(!empty($block->block_title))
            <h3 class="clipping-news__title">
                @title($block->block_title)
            </h3>
        @endif
        <div class="clipping-news__container">
            @foreach($articles as $article)
                <div class="clipping-news__item" data-role="cta-block">
                    @if(!empty($article->date))
                        <span class="clipping-news__item-date">
                            {{ format_date($article->date, true) }}
                        </span>
                    @endif
                    @if(!empty($article->title))
                        <h3 class="clipping-news__item-title" data-action="click-cta">
                            @title($article->title)
                        </h3>
                    @endif
                    @if(!empty($article->publication))
                        <div class="clipping-news__publication">
                            {{ $article->publication }}
                        </div>
                    @endif
                    <div class="clipping-news__item-type-container">
                        <a class="link-left-arrow link-animation-arrow" target="_blank" href="{{ $article->url }}">
                            @lang('frontend.read_more')
                        </a>
                    </div>
                </div>
            @endforeach
        </div>
        @if($block->cta1)
            {!! generateLink($block->cta1, 'std-button std-button--large clipping-news__cta') !!}
        @endif
    </div>
</div>
