@extends('site.pages.case')

@section('caseHeader')

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

    @endsection

@section('caseProgress')

    {{-- Aside progress in reverserd order --}}
    @include('site.partials.cases.dynamic.progress',[
        'items' => [
            ['key'=>'book','label'=>'The Promic Book'],
            ['key'=>'exhibition','label'=>'Beurs'],
            ['key'=>'logo','label'=>'Logo']
        ]
    ])
    @endsection

@section('caseDynamic')

        {{-- Logo section --}}
        <section class="contained-layout" id="logo">

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

            {{-- Logo presentation --}}
            <div class="col-10 centered">
                <div class="image-grid">
                    <img class="stretch preload" src="/img/komma/cases/promic/promic_logo_process.gif" alt="Promic display systems" />
                    <img class="stretch preload" src="/img/komma/cases/promic/promic_logo.jpg" alt="Promic display systems" />
                </div>
            </div>

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

            {{-- Identity --}}
            <div class="image-grid">
                <img class="stretch preload" src="/img/komma/cases/promic/promic_visitekaartje.jpg" alt="Promic display systems" />
                <img class="stretch preload" src="/img/komma/cases/promic/promic_pand.jpg" alt="Promic display systems" />
            </div>

        </section>

        {{-- Exhibition section --}}
        <section class="contained-layout" id="exhibition">

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

            <div class="image-grid">
                <img class="stretch preload" src="/img/komma/cases/promic/promic_beurs_2.jpg" alt="Promic display systems" />
                <img class="stretch preload" src="/img/komma/cases/promic/promic_beurs_1.jpg" alt="Promic display systems" />
                <img class="stretch preload" src="/img/komma/cases/promic/promic_beurs_4.jpg" alt="Promic display systems" />
                <img class="stretch preload" src="/img/komma/cases/promic/promic_beurs_3.jpg" alt="Promic display systems" />
            </div>
        </section>

        {{-- Book section --}}
        <section class="contained-layout" id="book">

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

            <div class="image-grid">
                <img class="stretch preload" src="/img/komma/cases/promic/promic_book_2.jpg" alt="Promic display systems" />
                <img class="stretch preload" src="/img/komma/cases/promic/promic_book_1.jpg" alt="Promic display systems" />
            </div>

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

        </section>

    @endsection

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

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

    @endsection