@extends('layouts.base')

@section('navigationBar')
    @parent
    @if($data->socialMedia)
        @include('layouts.partials.socialMedia')
    @endif
@endsection

@section('pageHeader')

    @include('layouts.partials.contentblocks.popUp')
    <div class="image-header-container">
        <div class="video-background">
            <div class="video-overlay"></div>

            <iframe id="ytplayer" type="text/html" width="100%" height="100%"
                    <?php
                    $videos = ['CKwNor_L5tM', 'Bux_gojs-S8'];
                    $random = rand(0, 1);
                    ?>
                    src="http://www.youtube.com/embed/{{$videos[$random]}}?version=3&autoplay=1&modestbranding=1&controls=0&showinfo=0&loop=1&playlist={{$videos[$random]}}"
                    frameborder="0"
                    volume="0"></iframe>
        </div>
        <div class="text-overlay span8 noPadding">
            <div class="text-overlay-container">
                <div class="sportivo-home-logo"></div>
                <h1 class="logo-header">
                    Sportivo
                </h1>
                <h3>{{$data->subTitle}}</h3>
                @if(isset($data->homeButtons['button1'])&&isset($data->homeButtons['button2']))
                    <div class="button-row row">
                    @for($hb = 1; $hb <= 2; $hb++)
                        @if(isset($data->sportivoAction->home_text)&&isset($data->sportivoAction->home_title)&&$hb==1)
                                <a class="button1 white span6 noPadding" href="/actie-pagina">
                                    <p>{{$data->sportivoAction->home_title}}<span class="icon"></span></p>
                                </a>
                        @else
                            <a class="button{{$hb}} white span6 noPadding" href="{{$data->homeButtons['button'.$hb]['url']}}" @if(isset($data->homeButtons['button'.$hb]['target']))target="{{$data->homeButtons['button'.$hb]['target']}}" @endif>
                                <p>{{$data->homeButtons['button'.$hb]['value']}}<span class="icon"></span></p>
                            </a>
                        @endif

                    @endfor
                    </div>
                @endif
                {{--@if($data->sportivoAction->enabled)
                    <a class="action-home" href="/actie-pagina">{{$data->sportivoAction->home_text}}</a>
                @endif--}}
                <a class="action-home larger" href="/contact">@lang('global.summerAction')</a>

            </div>
        </div>
    </div>

    <div class="sportivo-call">
        <div class="background-block"></div>
        <div class="content-holder">
            <p>{{$data->homeButtons['streamer1']}}</p>
            <h2>{{$data->homeButtons['streamer2']}}</h2>
            <span></span>
        </div>
    </div>

@endsection

@section('content-block1')
    <section class="content-block1 row">
        <aside class="span3 quote">
             <span class="quote-text">
            &#39;{{$data->quote['text']}}&#39;
        </span>
            @if(isset($data->quote['author']))
                <span class="quote-author">
                - {{$data->quote['author']}}
            </span>
            @endif
        </aside>

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

            <div class="content-image-container span10">
                @if(isset($data->sportivoAction->large_image_url))
                    <a href="/actie-pagina">
                        <img alt="start-t-be-fit" src="{{$data->sportivoAction->large_image_url}}"/>
                    </a>
                @endif
            </div>
            @if(isset($data->content['text2']))
                <p class="span9 noPadding">
                    {{$data->content['text2']}}
                </p>
            @endif
        </article>
        @if(isset($data->buttons))
            @include('layouts.partials.contentblocks.buttonRow')
        @endif
        <div class="redirect-placeholder row">
            <a href="/sporten/voedingsadvies" class="redirect-nutrition">
                <h3>Voedingsadvies</h3>
            </a>
            <a href="/sporten/personal-training" class="redirect-personal-training">
                <h3>Personal Training</h3>
            </a>
        </div>

    </section>
@endsection

@section('subContent')
    <section class="content-red-block row">
        <div class="background-image">
        </div>
        <div class="background-container home-ul">
            <div class="background-article"></div>
            <div class="background-article"></div>
            <div class="background-article"></div>
            <div class="background-article"></div>
            <div class="background-article"></div>
        </div>
        <div class="articles-block home-ul">
            <h3>5 Redenen om voor Sportivo te kiezen</h3>
            <article class="home-list" id="home-item1">
                <div class="indicator span5 noPadding"><em>1.</em>

                    <h3 class="span">Prettig sporten</h3></div>

                <p class="span5">doorlopend koeling en ventilatie.</p></article>
            <article class="home-list" id="home-item2">
                <div class="indicator span5 noPadding"><em>2.</em>

                    <h3>Moderne fitnessapparaten</h3></div>

                <p class="span5">effectief en verantwoord sporten.</p></article>
            <article class="home-list" id="home-item3">
                <div class="indicator span5 noPadding"><em>3.</em>

                    <h3>Sportvloer NOC*NSF-gekeurd</h3></div>

                <p class="span5">meer demping, minder kans op blessures.</p>

                <div class="logo-container"><img alt="logo NOC*NSF" src="/images/structure/partners/noc-nsf.png"/></div>
            </article>
            <article class="home-list" id="home-item4">
                <div class="indicator span5 noPadding"><em>4.</em>

                    <h3>Bereikbaarheid</h3></div>

                <p class="span5">grote, gratis parkeerplaats beschikbaar.</p></article>
            <article class="home-list" id="home-item5">
                <div class="indicator span5 noPadding"><em>5.</em>

                    <h3>Erkende sportschool</h3></div>

                <p class="span5">aangesloten bij de Leefstijlclub en <br/>de Landelijke ErkenningsRegeling Fitness
                </p>

                <div class="logo-container"><img alt="logo LERF"
                                                 src="/images/structure/partners/logo-keurmerkfitness_grey.png"/></div>
            </article>
        </div>
    </section>
    @include('layouts.partials.sportsPurposeCircles')
@stop

@section('extraJavascript')
    <script src="/packages/jquery.smartbanner.js"></script>
    <script src="/js/home.js"></script>
    <script src="/js/popUp.js"></script>

    <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Organization",
      "url": "{{'http://' . $_SERVER['SERVER_NAME']}}",
      "logo": "{{'http://' . $_SERVER['SERVER_NAME'].'/images/structure/logo-website.jpg'}}",
      "contactPoint" : [{
                            "@type" : "ContactPoint",
                            "telephone" : "+31-495 49 41 41",
                            "contactType" : "customer service",
                            "areaServed" : "NL"
                          }],
      "sameAs" : [
        "http://www.facebook.com/sportivo.budel"
      ]
      ,
      "potentialAction": {
        "@type": "SearchAction",
        "target": "{{'http://' . $_SERVER['SERVER_NAME']}}/search?q={zoeken}",
        "query-input": "required name=zoeken"
      }
    }
    </script>
@stop