@extends('layouts.master', ['view' => 'disclaimer'])

@section('editable_content')

    <div class="after-menu">

        <header id="top">
        <span class="overlay animation-part">
        </span>

            <div class="grid-row">
                <section class="content grid-col col-6">
                    <span class="content-overlay animation-part"></span>

                    <div class="logo-wrapper">

                        <a class="logo" href="/">
                            <img class="icon" alt="logo" src="/img/logo-beeldmerk.svg">
                            <img class="full-logo" alt="logo" src="/img/logo.svg">
                        </a>

                        <div class="logo-text">
                            <a href="/">
                                <img alt="logo text" src="/img/logo-text.svg"/>
                            </a>
                        </div>

                        <div class="breadcrumb-placeholder">
                            @include('layouts.partials.breadcrumb')
                        </div>

                    </div>

                    <h1>{{$page->translation->name}}</h1>
                    <div class="text">
                        {{$page->translation->description}}
                    </div>

                    @if(isset($page->translation->button) && $page->translation->button != '')
                        <a class="button scroll-to internalLink" href="#block-1">{{$page->translation->button}}</a>
                    @endif
                </section>

            </div>

            <figure class="header-image">
                <span style="display: block; background-image: url('/img/global_background.jpg')"></span>
            </figure>

        </header>

        <section class="main-content">

            @include('layouts.partials.dynamic.dynamicBlocks', ['dynamicContent' => $page->content->translation->description])

        </section>

        @include('layouts.partials.becomeMemberOrFriend')

    </div>

@endsection