@extends('site.master')

@section('title', Lang::get($caseLangPath . '.title') . ' | Cases | ' . Lang::get('site/meta.title'))

@section('content')

    {{-- Header with large image --}}
    <header class="main">

        @yield('caseHeader')

        {{-- Drips around header --}}
        @include('site.partials.headerDrips')

    </header>

    {{-- Intro section --}}
    <section id="intro" class="intro-section">

        <div class="contained-layout">

            <div class="intro col-10 centered">
                {{-- Breadcrumb --}}
                <span class="breadcrumb">
                    cases . @lang($caseLangPath . '.title')
                </span>
                @lang($caseLangPath . '.intro')
                <span class="arrow"></span>
            </div>

        </div>

    </section>

    {{-- Dynamic section --}}
    <section class="dynamic">

            {{-- Process bar on the left --}}
            @yield('caseProgress')

            {{-- Dynamic content section --}}
            <div class="dynamic-content" id="dynamic-content">

                @yield('caseDynamic')

            </div>

    </section>

    {{-- Full width image beneath the dynamic section --}}
    <section class="closing-image">
        @yield('closing')
    </section>

    @yield('caseTestimonial')

    {{-- Other cases --}}
    <div class="contained-layout">

        <div class="other-cases col-6 offset-7 col-sm-10 offset-sm-1">
            <h2>Bekijk meer cases</h2>
            <ul class="services-list">
                @foreach($otherCases as $case)
                    <li>
                        <a href="/cases/{{ $case->translation->slug }}">
                            {{ $case->translation->name }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>

    {{-- Fans call to action block--}}
    @include('site.partials.callToActionBlock',[
        'streamer' => Lang::get('site/partials/callToActions.fans.streamer'),
        'callToAction' => Lang::get('site/partials/callToActions.fans.callToAction'),
        'buttonLabel' => Lang::get('site/partials/callToActions.fans.button'),
        'buttonHref' => Lang::get('site/partials/callToActions.fans.href'),
    ])

    {{-- Flexable layout--}}
    <section class="featured-cases flexable-layout">
        @if($adjacentCases->count() > 1)
            @include('site.partials.cases.featuredCase',['case' => $adjacentCases->shift(),'class'=>'prev'])
        @else
            <div class="flex-col"></div>
        @endif
        @include('site.partials.cases.featuredCase',['case' => $adjacentCases->shift(),'class'=>'next'])
    </section>

@endsection

@section('footer_button')
    @include('site.partials.footerButton',[
            'label' => "Gesprek plannen",
            'href' => "/gesprek-plannen"])
@endsection