@extends('layouts.master')

@section('editable_content')

    <div class="after-menu">

        <header>
        <span class="overlay">
        </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">
                            <img alt="logo text" src="/img/logo-text.svg"/>
                        </div>

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

                    </div>


                    <h1>{{$thanks->title}}</h1>
                    <div class="text">
                        {{$thanks->description}}
                    </div>

                </section>
            </div>

            <figure class="header-image">
                @if(isset($page->images) && $page->images->count() != 0)
                    <span class="large" style="background-image: url('{{$page->images->first()->large_image_url}}')"></span>
                    <span class="medium" style="background-image: url('{{$page->images->first()->medium_image_url}}')"></span>
                    <span class="small" style="background-image: url('{{$page->images->first()->small_image_url}}')"></span>
                @endif
            </figure>

        </header>

        @include('layouts.partials.webshopRow')

        @include('layouts.partials.becomeMemberOrFriend')

    </div>

@endsection