<div
    class="publications-slider block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}}"
    data-controller="blocks/publications-slider"
>
    @if ($block->anchor_id )
        <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
    @endif
    <div class="publications-slider__wrapper">
        @if(!empty($block->block_title))
            <div class="publications-slider__header">
                <h3 class="publications-slider__title">
                    @title($block->block_title)
                </h3>
                <div class="publications-slider__nav">
                    <div class="publications-slider__nav-prev" data-action="prev"></div>
                    <div class="publications-slider__nav-next" data-action="next"></div>
                </div>
            </div>
        @endif
        <div class="publications-slider__container">
            <div class="swiper swiper-container publications-slider__slider" data-role="slider">
                <div class="swiper-wrapper publications-slider__slider-wrapper">
                    @foreach ($block->publications as $publication)
                        <div class="swiper-slide publications-slider__slide">
                            <div class="publications-slider__slide-content">
                                @include('frontend.templates.blocks.publication-item', ['info' => $publication])
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="swiper-scrollbar publications-slider__slider-scrollbar"></div>
            </div>

        </div>
        @if($block->cta1)
            {!! generateLink($block->cta1, 'std-button std-button--large publications-slider__cta') !!}
        @endif
    </div>
</div>
