@extends('site.pages.case')

@section('caseHeader')

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

@endsection


@section('caseProgress')

    {{-- Aside progress in reverserd order --}}
    @include('site.partials.cases.dynamic.progress',[
        'items' => [
            ['key'=>'webshop','label'=>'Webshop met borgsysteem'],
            ['key'=>'signing','label'=>'Signing & drukwerk'],
            ['key'=>'name','label'=>'Van naam tot logo'],
        ]
    ])

@endsection

@section('caseDynamic')


    {{-- Name section --}}
    <section id="name">

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/blijeGasten/team.jpg" alt="Blije gasten Team" />
            <img class="stretch preload" src="/img/komma/cases/blijeGasten/animation.gif" alt="Blije gasten Logo" />
        </div>

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

    </section>


    {{-- Section --}}
    <section id="signing">
        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/blijeGasten/cup.jpg" alt="Blije gasten Cup" />
            <img class="stretch preload" src="/img/komma/cases/blijeGasten/pand.jpg" alt="Blije gasten Pand" />
        </div>

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

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/blijeGasten/van.jpg" alt="Blije gasten Van" />
            <img class="stretch preload" src="/img/komma/cases/blijeGasten/paper.jpg" alt="Blije gasten Paper" />
        </div>

    </section>



    {{-- Section --}}
    <section id="webshop">

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

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

    </section>


@endsection

@section('caseTestimonial')
{{--    @include('site.partials.cases.caseTestimonial',[--}}
{{--            'image' => $codeName.'.png',--}}
{{--            'codeName' => $codeName--}}
{{--        ])--}}
    <p>&nbsp;</p>
    <p>&nbsp;</p>
@endsection

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

@endsection