@extends('layouts.main-layout')

<!-- MAIN -->
@section('main')
<!-- SECTION Banner -->
@include('components.banner')
<!-- SECTION Banner - END -->
<!-- SECTION Wheel Leadform -->
@include('components.wheel')
<!-- SECTION Wheel Leadform - END -->
<!-- SECTION Prize list -->
@include('components.prize')
<!-- SECTION Prize list - END -->
<!-- SECTION Program Rule -->
@include('components.rule')
<!-- SECTION Program Rule - END -->
<!-- SECTION Modal layout -->
@include('modals.modal')
<!-- SECTION Modal layout - END -->
@endsection
<!-- MAIN - END -->

<!-- SCRIPT REF -->
@section('script')
<script src="https://www.google.com/recaptcha/api.js?onload=ReCaptchaCallbackV3&render={{env('FE_SITE_KEY_CAPTCHA')}}" async defer></script>
<script src="{{asset(mix('assets/js/jquery-3.3.1.min.js'))}}"></script>
<script type="text/javascript" id="recaptcha-script">
    $("#hidden-user-form-captcha").attr("data-key", "{{env('FE_SITE_KEY_CAPTCHA')}}");

    var ReCaptchaCallbackV3 = function() {
        grecaptcha.ready(function() {
            grecaptcha.execute("{{env('FE_SITE_KEY_CAPTCHA')}}").then(function(token) {
                $("#hidden-user-form-captcha").val(token);
                $(".wait-captcha-status").removeClass("wait-captcha-status");
            });
        });
    };
</script>
<script src="{{asset(mix('js/scripts.js'))}}"></script>
@endsection
<!-- SCRIPT REF - END -->