{#{% if recaptcha_site_key is defined %}#}
{#    <script src="https://www.google.com/recaptcha/api.js?render={{ recaptcha_site_key }}"></script>#}
{#    <script>#}
{#        document.addEventListener('DOMContentLoaded', function() {#}
{#            const forms = document.querySelectorAll('form[data-recaptcha="true"]');#}

{#            forms.forEach(function(form) {#}
{#                const captchaInput = form.querySelector('input[name$="[captcha]"]');#}
{#                if (!captchaInput) return;#}

{#                grecaptcha.ready(function() {#}
{#                    const action = form.dataset.recaptchaAction || 'default';#}
{#                    grecaptcha.execute('{{ recaptcha_site_key }}', {action: action}).then(function(token) {#}
{#                        captchaInput.value = token;#}
{#                    });#}
{#                });#}
{#            });#}
{#        });#}
{#    </script>#}
{#{% endif %}#}


<script>
    grecaptcha.ready(function() {
        document.querySelectorAll('form').forEach(function(form) {
            form.addEventListener('submit', function(event) {
                event.preventDefault();
                grecaptcha.execute('{{ recaptcha_site_key }}', {action: 'submit'}).then(function(token) {
                    var recaptchaInput = document.createElement('input');
                    recaptchaInput.type = 'hidden';
                    recaptchaInput.name = 'registration_form[captcha]';
                    recaptchaInput.value = token;
                    form.appendChild(recaptchaInput);
                    form.submit();
                });
            });
        });
    });
</script>