@extends('site.pages.case')

@section('caseHeader')

    @include('site.partials.cases.caseHeader',[
        'title' => 'Een en al oor',
        'tags' => Lang::get('site/cases/' . $codeName . '.tags'),
        'image' => '/img/komma/cases/eenenaloor/header.jpg',
    ])

@endsection

@section('caseProgress')

    {{-- Aside progress in reverserd order --}}
    @include('site.partials.cases.dynamic.progress',[
        'items' => [
            ['key'=>'website','label'=>'Website'],
            ['key'=>'identity','label'=>'Logo & huisstijl'],
            ['key'=>'name','label'=>'Naam'],
            ['key'=>'coreValues','label'=>'Kernwaarden'],
        ]
    ])
@endsection

@section('caseDynamic')

    {{-- Core values section --}}
    <section id="coreValues" class="contained-layout">

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

        <img class="stretch preload" src="/img/komma/cases/eenenaloor/core_values.jpg" alt="Een en al oor" />

    </section>

    {{-- Name section --}}
    <section id="name" class="contained-layout">

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

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/eenenaloor/logo.jpg" alt="Een en al oor" />
            <img class="stretch preload" src="/img/komma/cases/eenenaloor/pattern.jpg" alt="Een en al oor" />
        </div>

    </section>

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

        @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/eenenaloor/visitekaartje_01.jpg" alt="Een en al oor visitekaartjes" />
            <img class="stretch preload" src="/img/komma/cases/eenenaloor/visitekaartje_02.jpg" alt="Een en al oor visitekaartjes" />
        </div>
        <div class="spacer"></div>
        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/eenenaloor/pattern_3d.jpg" alt="Een en al oor visitekaartjes" />
            <img class="stretch preload" src="/img/komma/cases/eenenaloor/huisstijl.jpg" alt="Een en al oor visitekaartjes" />
        </div>

    </section>


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

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

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/eenenaloor/website.gif" alt="Een en al oor" />
            <img class="stretch preload" src="/img/komma/cases/eenenaloor/image_01.jpg" alt="Een en al oor" />
        </div>

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

    </section>

@endsection

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

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

@endsection