@extends('layouts.master', ['view' => 'global', 'otherFooter' => 'layouts.partials.landingspage.footer'])

@section('editable_content')

    {{-- Header Image --}}
    <div class="image-wrapper">
        <div class="grid-row">
            <a class="grid-col grid-col__link grid-col__link--vacancy" href="/{{$links->jobs->route}}">Vacatures
            <span class="vacancy-amount__circle">{{ $jobCounter }}</span>
            </a>
            <a class="grid-col grid-col__link grid-col__link--office" href="{{\Config::get('business.officeLink')}}"
               target="_blank">{{ KommaLang::get('officeLink') }}</a>
        </div>

        @if(isset($announcement))
            <div class="announcement">
                <a class="announcement__link" href="{{ $announcement->link }}">
                    <span class="announcement__icon">@include('layouts.partials.landingspage.info_icon_svg')</span>
                    <span class="announcement__text">{{ $announcement->message }}</span>
                </a>
            </div>
        @endif

    </div>

    {{-- School selection block --}}
    @include('layouts.partials.landingspage.schoolSelection')

    @include('layouts.partials.dynamic.dynamicBlocks')


@endsection

@section('extra-js')
    <script>
        $(function () {
            $('.faq-home .content ul li').click(function () {
                var faqItem = $(this).data('faq');

                if (!$(this).hasClass('active')){
                    $('.faq-home .content ul li').removeClass('active');
                    $('.faq-home .content article').removeClass('active');
                    $(this).addClass('active');
                    $('.faq-home .content article[data-faq=' + faqItem + ']').addClass('active');
                }
                else{
                    $(this).removeClass('active');
                    $('.faq-home .content article[data-faq=' + faqItem + ']').removeClass('active');
                }

            });


            $(function () {

                resizeMyPage();

                $(window).resize(
                    $.throttle(100, resizeMyPage)
                );
            });

            function resizeMyPage() {
                // Calculate height so it can be a square
                $('.faq-home .content .return').css('height', $('.faq-home .content .return').width());
            }
        });
    </script>
@endsection