@extends('layouts.master')

@section('editable_content')

    @include('layouts.partials.home.videoBlock')

    <section class="sub-main-text home">
        <div class="grid-row" id="content">
            <div class="title grid-col">
                <h2>{{$page->translation->subMain->typeName}}</h2>
            </div>

            <div class="description grid-col">
                {{$page->translation->subMain->description}}

                <a class="button " href="{{$page->translation->subMain->link}}">
                    {{$page->translation->subMain->link_text}}
                </a>
            </div>

            <div class="waves">
                <div class="wave">@include('svg.wave')</div>
                <div class="wave">@include('svg.wave')</div>
                <div class="wave">@include('svg.wave')</div> 
            </div>

        </div>
    </section>

    @include('layouts.partials.brochureRow')

    @include('layouts.partials.posts.postsRow')

    @include('layouts.partials.home.housesRow')

    @include('layouts.partials.home.ouddorpRow')



    {{--@include('layouts.partials.investRow')--}}
    {{--@include('layouts.partials.locationMapRow')--}}

    @include('layouts.partials.contactRow')

@endsection

@section('extra-js')
    <script src="/js/vimeoPlayer.js"></script>
    <script>
        var vimeoFrame = document.getElementById('vimeo-player');
        var player = new Vimeo.Player(vimeoFrame);

        player.addCuePoint(0.5,{
            played: 0.5
        }).then(function(id) {
            // cue point was added successfully
        }).catch(function(error) {
            switch (error.name) {
                case 'UnsupportedError':
                    console.log('cue points are not supported with the current player or browser');
                    break;

                case 'RangeError':
                    console.log('the time was less than 0 or greater than the video’s duration');
                    break;

                default:
                    console.log('some other error occurred');
                    break;
            }
        });

        var addByTimeout = false;

        player.on('cuepoint',function(){
            vimeoFrame.classList.add('show');
            addByTimeout = true;
        });

        setTimeout(function () {
            if(addByTimeout){
                vimeoFrame.classList.add('show');
                console.log('added by timeout');
            }
        }, 4000);

    </script>

    <script defer src="/js/homeSlider.js"></script>
@endsection