<div id="references">
    <div class="references-wrapper">

        <div class="shadow-stroke"></div>

        @if ($blocks->has("references_row"))

            {{--REFERENCE || 1--}}
            <div class="reference reference-text reference-1">
                <div class="reference-content">
                    @if ($blocks->has("reference_1"))
                        <div class="reference-profile-wrapper">
                            <div class="reference-profile-image">
                                <img class="profile-picture" style="background-image:url('{{ ($blocks->get("reference_1")->images->first()->medium_image_url) }}')"/>
                            </div>
                            <h2 class="profile-name">{{ $blocks->get("reference_1")->translation->name }}</h2>
                        </div>
                        {{ $blocks->get("reference_1")->translation->description }}
                    @endif
                </div>
            </div>

            {{--REFERENCE || HEADER--}}
            <div class="reference reference-header">
                <div class="reference-content">
                    <h2 class="block-title-center">{{ $blocks->get("references_row")->translation->name }}</h2>
                    <a href="#"><div class="btn btn-primary internalScroll" data-href="contact">{{ $blocks->get("references_row")->translation->description }}<span class="arrow-icon-down"><img src="/img/icons/arrow.svg"></span></div></a>
                </div>
            </div>

            {{--REFERENCE || 2--}}
            <div class="reference reference-text reference-2">
                <div class="reference-content">
                    @if ($blocks->has("reference_2"))
                        <div class="reference-profile-wrapper">
                            <div class="reference-profile-image">
                                <img class="profile-picture" style="background-image:url('{{ ($blocks->get("reference_2")->images->first()->medium_image_url) }}')"/>
                            </div>
                            <h2 class="profile-name">{{ $blocks->get("reference_2")->translation->name }}</h2>
                        </div>
                        {{ $blocks->get("reference_2")->translation->description }}
                    @endif
                </div>
            </div>

            {{--REFERENCE || LOGOS 1--}}
            <div class="reference reference-logos-1">
                <div class="reference-content">
                    @if ($blocks->has("reference_logos_1"))
                        <div class="reference-logos-wrapper">
                            @foreach($blocks->get("reference_logos_1")->images as $image)
                                <img src="{{ $image->medium_image_url }}"/>
                            @endforeach
                        </div>
                        {{--{{ $blocks->get("reference_logos_1")->translation->description }}--}}
                    @endif
                </div>
            </div>

            {{--REFERENCE || 3--}}
            <div class="reference reference-text reference-3">
                <div class="reference-content">
                    <div class="reference-profile-wrapper">
                        <div class="reference-profile-image">
                            <img class="profile-picture" style="background-image:url('{{ ($blocks->get("reference_3")->images->first()->medium_image_url) }}')"/>
                        </div>
                        <h2 class="profile-name">{{ $blocks->get("reference_3")->translation->name }}</h2>
                    </div>
                    {{ $blocks->get("reference_3")->translation->description }}
                </div>
            </div>

            {{--REFERENCE || LOGOS 2--}}
            <div class="reference reference-logos-2">
                <div class="reference-content">
                    @if ($blocks->has("reference_logos_2"))
                        <div class="reference-logos-wrapper">
                            @foreach($blocks->get("reference_logos_2")->images as $image)
                                <img src="{{ $image->medium_image_url }}"/>
                            @endforeach
                        </div>
                        {{--{{ $blocks->get("reference_logos_2")->translation->description }}--}}
                    @endif
                </div>
            </div>

        @endif

    </div>
</div>