@if(!empty($links->references) && !empty($component->references))
    <section class="o-referencesRow o-block">
        @include('svg.mask', ['color' =>  '#FAFCFF' ,'vb_w' => 1920, 'vb_h' => 345, 'pathId' => 2])
        <div class="l-grid">
            <div class="l-grid--content">
                <h2>Referenties</h2>
                <div class="o-references-blocks l-bisection">
                    @foreach($component->references->slice(0, 2) as $key => $block)
                        <div class="l-bisection__item">
                            <div class="c-references__block">
                                @include('site.components.icons.quoteMark')
                                <h4>{{$block->translation->text}}</h4>
                                <div class="c-references-block__image">
                                    @if(isset($block->images) && sizeof($block->images) > 0)
                                        @if(explode('.', $block->images[0]->path)[1] == 'svg')
                                            @include('svg.mask', ['img' => str_replace('\\', '/',$block->images[0]->path), 'color'=> '#1A2233', 'vb_w' => 81, 'vb_h' => 101 , 'pathId' => 4])
                                        @else
                                            @include('svg.mask', ['img' => $block->images[0]->small_image_url, 'color'=> '#1A2233', 'vb_w' => 81, 'vb_h' => 101 , 'pathId' => 4])
                                        @endif
                                    @else
                                        @include('svg.mask', ['color'=> '#1A2233', 'vb_w' => 81, 'vb_h' => 101 , 'pathId' => 4])
                                    @endif
                                </div>
                                <div class="c-references-block__referee">
                                    <p class="c-references-block__referee-name">{{$block->translation->name}}</p>
                                    <p class="c-references-block__company-name">{{$block->translation->company_name}}</p>
                                </div>
                            </div>
                            @if($loop->last)
                                <a href="{{$links->references->route}}" class="c-references__button">
                                    @include('site.components.button', ['buttonText' => 'Bekijk alle referenties', 'modifiers' => ['icon']])
                                </a>
                            @endif
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        @include('svg.bottom-left-corner-curve-large')
    </section>
@endif