@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')
    <div class="l-main">

        <div class="o-block">
            <div class="l-contain  s-text">
                <h1 class="u-spacing-mb4">{{ $page->translation->visual_name }}</h1>

                {{-- When not on NL site, skip everyting --}}
                @if(config('site.site_version') == 'nl')

                    {{-- When answer is GOOD --}}
                    @if(isset($antw) && $antw == '82')
                        @include('site.components.note', [
                            'noteContent' => 'Hoera, je gaf het juiste antwoord! Klik op de knop hieronder om aan het prijzenrad te draaien en jouw prijs te claimen.',
                        ])
                        <script src="https://www.wheelofpopups.com/api/v11274/widget.js" type="text/javascript"></script>

                        <button class="c-button  c-button--big" type="button" onclick="wheelofpopups()">
                            <span class="c-button__text">Claim je prijs!</span>
                        </button>

                    {{-- When answer is FALSE --}}
                    @elseif(isset($antw) && ($antw == '80' || $antw == '84'))
                        @include('site.components.note', [
                            'modifiers' => 'warning',
                            'noteContent' => 'Helaas heb je niet het juiste antwoord gegeven. Niet getreurd, voor je het weet organiseren wij weer een farm-tastische wedstrijd waar jij aan mee kan doen. Hopelijk tot snel bij FarmFun Velp!',
                        ])

                    {{-- When no answer is given yet, load form --}}
                    @else

                        <div style="padding: min(100%, 70vh) 0 0 0; position:relative;">
                            <iframe src="https://player.vimeo.com/video/843816673?h=4622e57157&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="farmfun_velp_def_incl_pijlen (Original)"></iframe>
                        </div>
                        <script src="https://player.vimeo.com/api/player.js"></script>

                        <div class="_form_9"></div><script src="https://farmfun.activehosted.com/f/embed.php?id=9" type="text/javascript" charset="utf-8"></script>
                    @endif

                @else
                    <h3>Helaas, deze wedstrijd is alleen geldig in Nederland.</h3>
                @endif

            </div>

            @include('site.organisms.components')
        </div>

    </div>
@endsection