@if ($block->blogCategory)
    <div class="slider-posts block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}}"
        data-controller="blocks/slider-posts">
        <div class="slider-posts__wrapper">

            <div class="slider-posts__header">
                @if ($block->block_title)
                    <h2 class="slider-posts__title heading1">
                        @title($block->block_title)
                    </h2>
                @endif

                <div class="slider-posts__category-container">
                    @lang('frontend.see_more_from') <a href="{{ $redirectPath . '?c=' . $block->blogCategory->id }}" class="slider-posts__category">{{ $block->blogCategory->title }}</a>
                </div>
            </div>

            <div class="slider-posts__container">
                <div class="swiper swiper-container slider-posts__slider" data-role="slider">
                    <div class="swiper-wrapper slider-posts__slider-wrapper">

                        @foreach ($posts as $item)
                            <div class="swiper-slide slider-posts__slide">
                                @include('frontend.templates.components.posts-card', [
                                    'title' => $item->title,
                                    'image' => getMediaImg($item->media, '800x800', htmlspecialchars($item->title)),
                                    'link' => lang_url($item->lang_uri),
                                    'date' => format_date($item->date),
                                ])
                            </div>
                        @endforeach

                    </div>
                </div>
            </div>

        </div>
    </div>
@endif