<div class="home-content job-content">

    <div class="home-intro grid-row">

        {{-- Main content --}}
        <section class="grid-col col-6">
{{--            <div class="references-slider">--}}
{{--                --}}{{-- Dots navigation --}}
{{--                <ul class="reference-nav">--}}
{{--                    @for($i = 0; $i < count($page->content->translation->description['0']->images); $i++)--}}
{{--                        <li @if($i == 0) class="active" @endif data-reference="{{$i}}"></li>--}}
{{--                    @endfor--}}
{{--                </ul>--}}

{{--                --}}{{-- Reference content --}}
{{--                @foreach($page->content->translation->description['0']->images as $key => $image)--}}
{{--                    <figure class="reference image @if($key == 0) active @endif" data-reference="{{$key}}"--}}
{{--                            style="background-image: url('{{$image->medium_image_url}}');"></figure>--}}
{{--                @endforeach--}}
{{--            </div>--}}
            <div class="references-slider" style="margin-top: 80px">
                <iframe class="o-vlog__video"
                        src="https://www.youtube.com/embed/dpfRJ06Q5zE?controls=0"
                        title="YouTube video player" frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
            </div>
        </section>
        <section class="grid-col col-5 offset-1">
            @if(isset($page->content->translation->description['0']))
                <h1>{{$page->content->translation->description['0']->typeName}}</h1>
                {{$page->content->translation->description['0']->description}}
            @endif
            <div class="links-holder">
                @if($page->content->translation->description['0']->link_text != '')
                    <a class="button internalLink" href="#vacatures">
                        {{$page->content->translation->description['0']->link_text}}
                    </a>
                @endif

                <div class="contact-options">
                    <div class="option call">
                        <p>
                            {{KommaLang::get('directContact') }}

                                <a href="tel:0736847060"><span></span>073-6847060 (Vught)</a>
                                <a href="tel:0492745156"><span></span>0492-745156 (Helmond)</a>
                                <a href="tel:0403030654"><span></span>040-3030654 (Veldhoven)</a>

                        </p>
                    </div>
                </div>
            </div>
        </section>
    </div>

    {{-- Background coloring --}}
    <div class="background">
    </div>


    {{-- Content --}}

</div>