@extends('site.pages.case')

@section('caseHeader')

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

    @endsection

@section('caseProgress')

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

@section('caseDynamic')

    {{-- Website section --}}
    <section class="contained-layout" id="name">
        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/stempel/bouwhek.jpg" alt="Stempel bouwhek" />
            <img class="stretch preload" src="/img/komma/cases/stempel/bus_pand.jpg" alt="Bus bestickering Stempel" />
        </div>

        @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/stempel/pand_oud.jpg" alt="Oud pand Piet van Mierlo" />
            <img class="stretch preload" src="/img/komma/cases/stempel/pand_nieuw.jpg" alt="Nieuw pand Stempel" />
        </div>

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/stempel/bus_oud.jpg" alt="Oude bus Piet van Mierlo" />
            <img class="stretch preload" src="/img/komma/cases/stempel/bus_nieuw.jpg" alt="Nieuwe bus bestickering Stempel" />
        </div>

    </section>

    {{-- Exhibition 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/stempel/DAK.jpg" alt="Stempel bouwhek" />
            <img class="stretch preload" src="/img/komma/cases/stempel/stationary.jpg" alt="Bus bestickering Stempel" />
        </div>

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/stempel/stempelstempel.jpg" alt="Stempel bouwhek" />
            <img class="stretch preload" src="/img/komma/cases/stempel/shirt.jpg" alt="Bus bestickering Stempel" />
        </div>

    </section>

@endsection



@section('caseTestimonial')

    {{--  Remove this empty div when testimonial is added, this is only for temporary spacing --}}
{{--    <div style="margin-bottom: 7.14285714vw;" aria-hidden="true"></div>--}}

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

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

@endsection