@extends('layouts.master')

@section('intro-content')
    <div class="home-intro">
        {{$data->content->translation->description}}
    </div>
@endsection

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

@section('orange-button')
    <div class="button">
        <a href="/{{$data->links->jobs->route}}">
            @lang('translations.seeJobOffers')
        </a>
    </div>
@endsection


@section('editable_content')

    @include('layouts.partials.introRow')

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

    @if(\App::getLocale() != 'nl')
        @include('layouts.partials.videoRow', ['link' => trans('translations.home_video')])
    @else
        <div style="height: 100px;"></div>
    @endif

    @include('layouts.partials.about.colleagues-row')

    @include('layouts.partials.orangeRow', [
        'title' => $blocks->get('about_orange')->translation->name,
        'description' => $blocks->get('about_orange')->translation->description,
    ])

@endsection

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