@extends('layouts.master')

@section('editable_content')
    <div class="header-background">
        <div class="content-container">

            <div class="base-breadcrumb">
                @include('layouts.partials.breadcrumb')
            </div>

            <div class="service-detail">
                <h2 class="title">{{$page->translation->name}}</h2>
                {{$page->translation->sub_title}}

                @if(isset($page->translation->description))
                    <div class="dynamic-content">
                        @foreach($page->translation->description as $block)
                            @if($block->status)
                                @include('layouts.partials.dynamic.'.$block->typeSlug, ['dynamicContent' => $block])
                            @endif
                        @endforeach
                    </div>
                @endif


                <a href="/{{$links->services->route}}">
                    <div class="post-back-button">Terug</div>
                </a>

            </div>



        </div>
    </div>

    @include('layouts.partials.cta')


@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/jquery.touchSwipe.min.js"></script>
    <script type="text/javascript" src="/js/slider.js"></script>
@endsection