@php
/** @var $promoter App\Models\View\Promoter\Promoter */
@endphp

@if(is_string($promoter->getGoogleCaptchaId()) && empty($promoter->getGoogleCaptchaId()) === false)
    <script src="https://www.google.com/recaptcha/api.js?render={{$promoter->getGoogleCaptchaId()}}"></script>

    <script>
        window.onload = (event) => {
            const loginButton = document.querySelector("#submit-button");
            if (loginButton !== null) {
                loginButton.addEventListener("click", (event) => {
                    event.preventDefault();
                    const form = loginButton.closest("form");
                    if (form.reportValidity() === false) {
                        return;
                    }

                    grecaptcha.ready(function() {
                        grecaptcha.execute('{{$promoter->getGoogleCaptchaId()}}', { action: "submit" })
                            .then(function(token) {
                                const input = document.createElement("input");
                                input.setAttribute("type", "hidden");
                                input.setAttribute("value", token);
                                input.setAttribute("name", "captcha");
                                form.appendChild(input);
                                form.submit();
                            });
                    });
                });
            }
        };
    </script>
@else
    <script>
        window.onload = (event) => {
            const loginButton = document.querySelector("#submit-button");
            if (loginButton !== null) {
                loginButton.addEventListener("click", (event) => {
                    event.preventDefault();
                    const form = loginButton.closest("form");
                    if (form.reportValidity() === false) {
                        return;
                    }
                    form.submit();
                });
            }
        };
    </script>
@endif