<div class="o-other-models">

    <h4 class="o-other-models__title">
        {{ $otherModelTitle or 'Insert your heading' }}
    </h4>

    <div class="o-other-models__grid">
        @foreach($otherModels as $model)

            <article class="o-other-models__item  c-thumbnail  @if(isset($hasNoImage) && $hasNoImage)  c-thumbnail--no-image @endif">

                <a class="c-thumbnail__link"
                   href="{{$resourceRoute}}/{{$model->translation->slug}}">

                    <div class="c-thumbnail__frame  has-hover-effect">
                        <span class="c-thumbnail__image"  @if(isset($model->images) && $model->images->count() != 0) style="background-image: url('{{ $model->images->first()->small_image_url }}');" @endif></span>
                    </div>


                    <div class="c-thumbnail__content">
                        <p class="c-thumbnail__caption">{{ $model->translation->name }}</p>
                    </div>

                    <div class="c-thumbnail__button">
                        @include('site.components.textButton', ['modifiers' => 'icon', 'textButtonText' => __('site/global.readMore')])
                    </div>
                </a>
            </article>

        @endforeach
    </div>

</div>