<section id="references">
    <div class="grid-row">
        <h1>{{$page->translation->name}}</h1>

        <div class="list">
            @foreach($references as $key => $item)


                <article
                        class="reference @if( !isset($item->translation->description) || $item->translation->description == '' || $item->images->count() == 0 )  extra-padding @endif ">

                    @if( $item->images->count() != 0)
                        <figure @if(!isset($item->translation->description) || $item->translation->description == '') class="no-text" @endif >
                            <img alt="logo" src="{{$item->images->first()->small_image_url}}"/>
                        </figure>
                    @endif

                    <div class="content @if( $item->images->count() == 0) text-only @endif @if( !isset($item->translation->description) || $item->translation->description == '') image-only @endif">
                        @if(isset($item->name) && $item->name != '')
                            <h2>
                                {{ $item->name }}
                            </h2>
                        @endif
                        @if(isset($item->translation->description) && $item->translation->description != '')
                            {{ $item->translation->description }}
                        @endif
                    </div>

                </article>
            @endforeach
        </div>
    </div>
</section>