@extends('layouts.master')

@section('intro-content')
    <div class="home-intro">
        <h1>{{$blocks->get('home_intro')->translation->name}}</h1>
        {{$blocks->get('home_intro')->translation->description}}
        <div class="cloud-image animation">
            <span class="cloud"></span>
            <span class="arrow"></span>
            <span class="computer"></span>
            <span class="tablet"></span>
            <span class="mobile"></span>
        </div>
        <p class="cloud-text">@lang('translations.cloudDevices')</p>
        <p class="trail-text">
            @lang('translations.getFreeTrail')
        </p>
        @include('forms.footer')
    </div>
@endsection

@section('sky-content')
    @foreach($blocks as $block)
        @if($block->view =='home.items')
            <div class="icon-column animation-part {{$block->code_name}}">
                <div class="icon"></div>
                <div class="content">
                    <h3>{{$block->translation->name}}</h3>
                    {{$block->translation->description}}
                </div>
            </div>
        @endif
    @endforeach
@endsection


@section('editable_content')

    @include('layouts.partials.introRow')

    @include('layouts.partials.skyRow', ['class' => 'three-columns home-sky'])

    @if(\App::getLocale() != 'nl')
        @include('layouts.partials.videoRow', ['link' => trans('translations.home_video')])
    @endif

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

    @include('layouts.partials.referenceRow')

    @include('layouts.partials.dataSecurityRow')

@endsection

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