@extends('layouts.master')

@section('reasons-side-content')

    @if(isset($page->content->reasons_row))
        @if($page->content->reasons_row->typeSlug == 'video-block')
            @include('layouts.partials.home.videoBlock', ['block' => $page->content->reasons_row])
        @elseif($page->content->reasons_row->typeSlug == 'full-text-block')
            <div class="full-text content">
                <h4>{{ $page->content->reasons_row->typeName }}</h4>
                {{$page->content->reasons_row->description}}
            </div>
        @elseif($page->content->reasons_row->typeSlug == 'view-block')
            @include('layouts.partials.home.'.$page->content->reasons_row->view, ['title' => $page->content->reasons_row->typeName])
        @else
            {{ debug($page->content->reasons_row) }}
        @endif
    @else
        <p>Voeg een van de volgende dynamic blok met code_name 'reasons_row' toe:<br/>
            'Video'<br/>
            'Tekstkolom'<br/>
            'Video Block'<br/>
            'View' - met view 'news'
        </p>
    @endif
@endsection

@section('editable_content')

    <div class="color-wrapper">
        @include('layouts.partials.navigation')

        <div class="grid-row">

            <figure class="header-image">

                <picture>

                    <source media="(max-width: 875px)"
                            srcset="/img/home/cranendonck_actief_groep@0,5x.jpg">
                    <source media="(max-width: 1300px)"
                            srcset="/img/home/cranendonck_actief_groep@0,75x.jpg">
                    <img src="/img/home/cranendonck_actief_groep.jpg"
                         alt="parrot">
                </picture>

                <figcaption>
                    <span>
                        {{ str_replace('<br/>', "</span><br/><span>", KommaLang::get('headerQuote')) }}
                    </span>
                </figcaption>

                <a href="#reasons" class="show-scroll internalLink">
                    <span class="arrow">
                        @include('svg.arrow')
                    </span>
                </a>

            </figure>

            <div class="home-content">
                <div class="title-placeholder">
                    <p>{{KommaLang::get('preTitle')}}</p>
                    <h1>{{ $page->content->main->typeName }}</h1>
                    <a class="button" href="{{$page->content->main->link}}">
                        {{$page->content->main->link_text}}
                        <span class="arrow">@include('svg.arrow')</span>
                    </a>
                </div>

                <div class="content">
                    {{ $page->content->main->description }}
                </div>
            </div>

        </div>

    </div>

    @include('layouts.partials.home.reasonsRow', ['amountOfReasons' => 4])

    @include('layouts.partials.home.discoverRow')


@endsection