<div class="squares-grid index-grid-row">

    @if( $models->count() != 0)
        <section class="overview grid-row">

            @foreach($models as $model)

                <article id="model-{{$loop->index}}">
                    <a href="/@if(isset($modelTypeRoute)){{$modelTypeRoute}}/@endif{{$model->translation->slug}}">

                        <figure>
                            <span class="image" @if(isset($model->images) && $model->images->count() != 0) style="background-image: url('{{ $model->images->first()->medium_image_url }}');" @endif></span>
                            <div class="styling">
                                <span class="arrow">@include('site.svg.arrow')</span>
                            </div>
                        </figure>

                        <h2>
                            {{ $model->translation->name }}
                        </h2>
                    </a>
                </article>

            @endforeach

        </section>
    @else
        <h2 class="no-available">{{ $noAvailableMessage }}</h2>
    @endif

    @include('site.partials.small.pagination7', ['paginator' => $models])

</div>