<section class="home-intro">
    <div class="grid-row breadcrumb-block">

        @if(isset($page) && \App::getSite()->slug == 'anvil' && $page->code_name == 'home')
            <div class="home-intro__brainport">
                <img alt="Brainport Member" src="/img/brainport_member.svg" width="50" style="max-height: 81px;" />
            </div>
        @endif

        <div class="breadcrumb-placeholder">
            @include('site.partials.breadcrumb')
        </div>
    </div>

    <div class="content-block">
        <div class="grid-row">
            <div class="kms-content">
                @if(isset($page->translation->header))
                    {!! $page->translation->header->description !!}
                @endif

                <a class="scroll-to-target read-more" href="#home-about">
                    @lang('site/global.readMore')
                    <span class="arrow"></span>
                </a>
            </div>
        </div>
    </div>

    <div class="video-block">
        <div class="grid-row">
            <figure class="video-placeholder">
                <span class="image-placeholder" style="background-image: url('/img/sites/{{\App::getSite()->slug}}/video-background-large.jpg');"></span>
                @if(\Config::has('site.'.\App::getSite()->slug.'.youtube'))
                    <div class="play-button" id="trigger-video-button">
                        <div class="button-placeholder">
                            <div class="icon-wrapper">
                                @include('site.svg.triangle')
                            </div>
                            <span>@lang('site/home.playVideo')</span>
                        </div>
                    </div>

                    <section class="video-overlay">
                        <div class="video-holder">
                            <div id="ytplayer" data-ytlink="{{ config('site.'.\App::getSite()->slug.'.youtube.'.\App::getLocale()) }}"></div>
{{--                            @if(\App::getSite()->slug == 'anvil')--}}
{{--                                <div id="ytplayer" data-ytlink="@lang('site/home.anvilVideo')"></div>--}}
{{--                            @else--}}
{{--                                <div id="ytplayer" data-ytlink="{{ config('site.'.\App::getSite()->slug.'.youtube') }}"></div>--}}
{{--                            @endif--}}
                        </div>
                    </section>
                @endif
            </figure>
        </div>
    </div>

    <span class="video-format-placeholder"><span class="width-placeholder"></span></span>
</section>