@extends('site.pages.case')

@section('caseHeader')

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

@endsection

@section('caseProgress')

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

@section('caseDynamic')

    {{-- Rebranding section --}}
    <section id="rebranding" class="contained-layout">

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

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/kemi/kemi_werkplaats.jpg" alt="Kemi werkplaats met door ons ontworpen kleding" />
            <img class="stretch preload" src="/img/komma/cases/kemi/kemi_bus.jpg" alt="Kemi bus" />
        </div>

    </section>

    {{-- Website section --}}
    <section id="website">

        <div 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>

        <section id="full-size-site-scroll">
            @include('site.partials.cases.dynamic.website', ['site' => $codeName])
        </section>

    </section>

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

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/kemi/signing1.jpg" alt="Kemi signing" />
            <img class="stretch preload" src="/img/komma/cases/kemi/signing2.jpg" alt="Kemi signing" />
        </div>

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

    </section>

@endsection

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

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

@endsection