<section class="home-main-content" id="home-about">
    <div class="background">
        <span class="fill-out"></span>
    </div>

    <div class="grid-row">

        @if($page->translation->primary_content->typeSlug === 'full-text-block')
            <div class="left container">
                <div class="kms-content">
                    {!! $page->translation->primary_content->description !!}
                </div>
            </div>

            <div class="right container">

                {{-- If there is an additional row, the about button will be there instead of here --}}
                @if(!isset($page->translation->additional_row))
                    @if(isset($links->about->route))
                    <a class="button" href="/{{$links->about->route}}">
                        @lang('site/home.moreAboutCompany', ['name' => \Config::get('site.'.\App::getSite()->slug.'.smallName') ])
                        <div class="arrow"></div>
                    </a><br/>
                    @endif
                @endif

                {{-- If there is a reference defined we show the vacancy button, else it will become the block --}}
                @if(isset($page->references) && $page->references->count() != 0)
{{--                    @include('site.partials.home.vacancyButton')--}}
                @endif
            </div>

        @elseif($page->translation->primary_content->typeSlug === 'two-column-block')
            <div class="left container">
                <div class="kms-content">
                    {!! $page->translation->primary_content->description->left !!}
                </div>

                @if( \App::getSite()->slug == 'anvil')
                    <a class="button" href="/{{$links->group->route}}">
                        @lang('site/home.moreAboutAnvil')
                        <div class="arrow">
                            <svg width="19" height="14">
                                <use href="/img/arrow.svg#arrow"></use>
                            </svg>
                        </div>
                    </a>
                @else
                    <a class="button" href="/{{$links->about->route}}">
                        @lang('site/home.moreAboutCompany', ['name' => \Config::get('site.'.\App::getSite()->slug.'.smallName') ])
                        <div class="arrow">
                            <svg width="19" height="14">
                                <use href="/img/arrow.svg#arrow"></use>
                            </svg>
                        </div>
                    </a>
                @endif

            </div>
            <div class="right container">
                <div class="kms-content">
                    {!! $page->translation->primary_content->description->right !!}
                </div>
            </div>
        @endif


        {{-- Deterine wich block must be shown --}}
        @if(isset($page->references) && $page->references->count() != 0 && $page->site_id == 1)
            @include('site.partials.referenceBlock', ['reference' => $page->references->where('id', 5)->first()])
        @elseif($page->references && $page->references->count() != 0)
            @include('site.partials.referenceBlock', ['reference' => $page->references->shuffle()->first()])
        @else
            @include('site.partials.workAtBlock')
        @endif

        <div class="scroll-to-placeholder">
            <a class="scroll-to-target" href="#scroll-home-menu-row" title="Scroll to the menu row">
                <span class="arrow"></span>
            </a>
        </div>
    </div>
</section>