<div class="c-client-quote  @if($clientQuoteImage->isEmpty()) c-client-quote--no-image @endif">

    @if($clientQuoteImage->isNotEmpty())

        <picture class="c-client-quote__image">
            @php $imageSizes = ['small' => 550, 'medium' => 600]; @endphp
            @foreach($imageSizes as $imageSizeKey => $imageSize)
                @if(!$loop->last)
                    <source
                            media="(max-width: {{$imageSize}}px)"
                            srcset="@if(isset($clientQuoteImage->first()->{$imageSizeKey.'_image_url'})){{ $clientQuoteImage->first()->{$imageSizeKey.'_image_url'} }}@elseif(isset($clientQuoteImage->first()[$imageSizeKey])){{ $clientQuoteImage->first()[$imageSizeKey] }}@endif">
                @else
                    <img class="c-client-quote__img" src="@if(isset($clientQuoteImage->first()->{$imageSizeKey.'_image_url'})){{ $clientQuoteImage->first()->{$imageSizeKey.'_image_url'} }}@elseif(isset($clientQuoteImage->first()[$imageSizeKey])){{ $clientQuoteImage->first()[$imageSizeKey] }}@else{{'http://i.pravatar.cc/360?img=1'}}@endif" alt="image">
                @endif
            @endforeach
        </picture>

    @endif

    <div class="c-client-quote__main">

        <span class="c-client-quote__icon">
            @include('site.components.ornaments.square')
        </span>

        <h3 class="c-client-quote__title">@lang('site/' . (isset($modelType) ? $modelType : 'courses' ) .'.clientQuoteTitle' )</h3>
        <p class="c-client-quote__description">{!! nl2br($clientQuoteDescription) !!}</p>

        <div class="c-client-quote__author">
            <div class="c-client-quote__name">{{ $clientQuoteName }}</div>
            <div class="c-client-quote__function">{{ $clientQuoteFunction }}</div>
        </div>

    </div>
</div>