@extends('site.pages.case')

@section('caseHeader')

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

    @endsection


@section('caseProgress')

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


@section('caseDynamic')


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

            <div class="image-grid">
                <img class="stretch preload" src="/img/komma/cases/fitale/fitale_letter.jpg" alt="Fitale briefpapier"/>
                <img class="stretch preload" src="/img/komma/cases/fitale/fitale_businesscard.jpg" alt="Fitale visitekaartjes"/>
            </div>

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

        </section>

        {{-- Folder section --}}
        <section id="folder">

            <div  class="flexable-layout">
                <div class="image-grid">
                    <img class="stretch preload" src="/img/komma/cases/fitale/fitale_fotografie.jpg" alt="Fitale sfeerfotografie"/>
                    <img class="stretch preload" src="/img/komma/cases/fitale/fitale_folder.jpg" alt="Fitale folder"/>
                </div>
            </div>

            <div  class="contained-layout">
                @include('site.partials.cases.dynamic.singleText',[
                    'title' => Lang::get('site/cases/' . $codeName . '.folder.title'),
                    'description' => Lang::get('site/cases/' . $codeName . '.folder.description')
                ])
            </div>

        </section>

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

                <img class="stretch preload" src="/img/komma/cases/fitale/fitale_website.jpg" alt="Fitale folder"/>

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

        </section>
    @endsection


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

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

    @endsection