@if($references->count() > 2)
    <div class="references-row" id="referenties">
        <div class="content-container">
            <h2 id="references">@lang('translations.references')</h2>

            <div class="references @if($references->count() < 3) less @endif">
                @if($references->count() > 3)
                    <span class="controllers">
                    <div class="left"><span></span></div>
                    <div class="right"><span></span></div>
                </span>
                @endif

                @foreach($references as $key => $reference)
                    <div @if($reference == $references->first()) id="references-overview" @endif class="reference  @if($key == 1) active @endif ">
                        <h4>{{$reference->business}}</h4>
                        <div class="person">
                            @if($reference->images->count() != 0)
                                <div class="circle"
                                     style="background-image: url('{{$reference->images->first()->medium_image_url}}')">

                                </div>
                            @endif
                            <div class="name">
                                <p>
                                    {{$reference->name}}
                                    <em>{{$reference->function}}</em>
                                </p>
                            </div>
                        </div>
                        <div class="content">
                            {{$reference->translation->description}}
                        </div>
                    </div>
                @endforeach
            </div>

        </div>
    </div>
@endif