@extends('layouts.pages.defaultPage')

@section('pageHeader')
    <div class="image-header-container reference">
        <div class="video-background reference">
            <div class="video-overlay"></div>
            <iframe id="ytplayer" type="text/html" width="100%" height="100%"
                    src="https://www.youtube.com/embed/videoseries?list=PLLlnR1ysN2m5hMLtru4xeDDfYpgf5u1wx&autoplay=1&modestbranding=1&loop=1&controls=0&showinfo=0"
                    frameborder="0"
                    volume="0"></iframe>
        </div>
        <div class="header-container">
            <div class="header-wrapper">
                <h1 class="main-header">

                    {{$data->subTitle}}
                    <div class="header-button">
                        <span class="icon"></span>
                    </div>
                </h1>
            </div>
        </div>
    </div>
@endsection

@section('content-block1')
    <section class="content-block1 row reference-block">
        @include('layouts.partials.contentblocks.breadcrumb')

        <article class="span8">
            @include('layouts.partials.contentblocks.mainContent')

            <div class="quotes-members row">
            @foreach($data->quotes as $memberQuote)
                <div class="member-quote">
                    <h4>{{$memberQuote['header']}}</h4>
                    <p>{{$memberQuote['text']}}</p>
                    <h5>{{$memberQuote['name']}}<br/><em>{{$memberQuote['groups']}}</em></h5>
                </div>
            @endforeach
            </div>
        </article>

        <article id="facebook-reviews" class="row">
            <span class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
                <p>Bezig met laden...</p>
            </span>
        </article>



        @if(isset($data->buttons))
            @include('layouts.partials.contentblocks.buttonRow')
        @endif
    </section>
@stop
@section('extraJavascript')
    <script src="/js/facebook.js"></script>
    <script src="/js/home.js"></script>
@endsection