@extends('site.pages.case')

@section('caseHeader')

    @include('site.partials.cases.caseHeader',[
        'title' => 'Kiekeboe',
        'tags' => Lang::get('site/cases/' . $codeName . '.tags'),
        'image' => '/img/komma/cases/kiekeboe/kiekeboe_header.jpg',
    ])

    @endsection

@section('caseProgress')

    {{-- Aside progress in reverserd order --}}
    @include('site.partials.cases.dynamic.progress',[
        'items' => [
             ['key'=>'signing','label'=>'Bestickering'],
             ['key'=>'website','label'=>'Website'],
             ['key'=>'identity','label'=>'Identiteit'],
        ]
    ])
    @endsection

@section('caseDynamic')

    {{-- Identity section --}}
    <section class="contained-layout" id="identity">

        @include('site.partials.cases.dynamic.singleText',[
            'title' => Lang::get('site/cases/' . $codeName . '.identity.title'),
            'description' => Lang::get('site/cases/' . $codeName . '.identity.description')
        ])

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/kiekeboe/kiekeboe_logo.jpg" alt="Kiekeboe kinderopvang Maarheeze" />
            <img class="stretch preload" src="/img/komma/cases/kiekeboe/kiekeboe_spelen.jpg" alt="Kiekeboe kinderopvang Maarheeze" />
        </div>
    </section>

    {{-- Website section --}}
    <section class="contained-layout" id="website">

        @include('site.partials.cases.dynamic.singleText',[
            'title' => Lang::get('site/cases/' . $codeName . '.website.title'),
            'description' => Lang::get('site/cases/' . $codeName . '.website.description')
        ])

        <img class="stretch preload" src="/img/komma/cases/kiekeboe/kiekeboe_web.jpg" alt="Kiekeboe kinderopvang Maarheeze" />
    </section>

    {{-- Website section --}}
    <section class="contained-layout" id="signing">

        @include('site.partials.cases.dynamic.singleText',[
            'title' => Lang::get('site/cases/' . $codeName . '.signing.title'),
            'description' => Lang::get('site/cases/' . $codeName . '.signing.description')
        ])

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/kiekeboe/kiekeboe_wc.jpg" alt="Kiekeboe kinderopvang Maarheeze" />
            <img class="stretch preload" src="/img/komma/cases/kiekeboe/kiekeboe_signing.jpg" alt="Kiekeboe kinderopvang Maarheeze" />
        </div>

        <div class="spacer"></div>
    </section>

    @endsection

@section('caseTestimonial')
    @include('site.partials.cases.caseTestimonial',[
        'image' => 'kiekeboe_marja.png',
        'codeName' => $codeName
    ])
@endsection

{{-- Full width image beneath the dynamic section --}}
@section('closing')

    @endsection