<div class="c-card  @modifiers('c-card')">

    <div class="c-card__image-placeholder">
        <a href="{{ $links->posts->route. '/' . $postItem->translation->slug }}">
            @if(isset($postItem->images) && $postItem->images->isNotEmpty())
                <img class="c-card__image  u-clip-path" data-id="clip-path-image-2" alt="{{ $postItem->images->first()->name }}" src="{{ $postItem->images->first()->small_image_url}}"/>
            @else
                <div class="o-poster-overview__img-fallback  u-clip-path" data-id="clip-path-image-2"></div>
            @endif
        </a>
    </div>


    <div class="c-card__body">
        <h3 class="c-card__title">{{ $postItem->translation->name }}</h3>

        <div class="c-card__content">
            {{ $postItem->date->format('d-m-Y') }}
        </div>

        <div class="c-card__action">
            @include('site.components.button', [
                'modifiers' => ['primary'],
                'buttonType' => 'text',
                'buttonIcon' => 'arrowRight',
                'buttonText' => __('site/posts.read_more'),
                'buttonLink' => $links->posts->route. '/' . $postItem->translation->slug,
            ])
        </div>
    </div>

</div>