@extends('layouts.base')

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


@section('pageHeader')
    @if(isset($data->photo))
        @include('layouts.partials.photoHeader')
    @else
        @include('layouts.partials.mainHeader')
    @endif
@stop


@section('content-block1')
    <div class="content-block1 pre-content no-background row">
        @include('layouts.partials.contentblocks.returnOverview')
        @include('layouts.partials.contentblocks.overviewList')
    </div>
    <section class="content-block1 row subSelection">
        @include('layouts.partials.contentblocks.breadcrumb')

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


            @if(isset($data->content['image']))


                <div class="content-image-container span12">
                    <img alt="{{$data->title}}-photo" src="{{$data->content['image']}}"/>
                </div>
            @endif

            @if(isset($data->content['text2']))
                <div class="span10 right">
                    {{$data->content['text2']}}
                </div>

                @if(isset($data->subscribeButton))
                    <div class="subscribe-container span10 right">
                        <a class="span6 subscribe-button {{$data->subscribeButton['color']}}" href="{{$data->subscribeButton['url']}}">
                            <span class="text">{{$data->subscribeButton['value']}}</span>
                            <span class="icon"></span>
                        </a>
                    </div>
                    <div class="subscribe-container span10 right">
                    <a class="span6 subscribe-button orange" target="_blank" href="https://start.mylogifit.com/#Sportivo">
                        <span class="text">Reserveer een tijdslot</span>
                        <span class="icon"></span>
                    </a>
                    </div>
                @endif
            @endif

        </article>
    </section>
@stop

@section('subContent')
    @include('layouts.partials.sportsPurposeCircles')
    <div class="red-diver" style="height: 200px;"></div>
    @include('layouts.partials.articles')
@stop