<div class="o-testimonials__card">
    <picture class="o-testimonials__picture-small">
        <img src="{{$testimonialImage ? $testimonialImage->first()->small_image_url : '/img/placeholders/image.svg'}}"
             width="160" height="160"
             alt=""/>
    </picture>
    <picture class="o-testimonials__picture-large">
        <img src="{{$testimonialImage ? $testimonialImage->first()->large_image_url : '/img/placeholders/image.svg'}}"
             width="432" height="432"
             data-kal="photo-zoom-out"
             alt=""/>
    </picture>

    <div class="o-testimonials__content">

        @if(!empty($testimonialName))
            <h3 class="o-testimonials__name">{!! $testimonialName !!}</h3>
        @endif
        @if(!empty($testimonialSubtitle))
            <p class="o-testimonials__subtitle">{!! $testimonialSubtitle !!}</p>
        @endif

        @if(!empty($testimonialDescription))
            <div class="o-testimonials__description">{!! $testimonialDescription !!}</div>
        @endif

         @if(isset($testimonialsLinkToPage) && $testimonialsLinkToPage && isset($links->references))
            <div class="o-testimonials__more">
                @include('components.textButton', [
                    'buttonText' => __('site/global.testimonials.readMore'),
                    'buttonLink' => $links->references->route,
                ])
            </div>
        @endif
    </div>
</div>