@if (captcha_enabled() && captcha_is_google())
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
@endif

@if (captcha_enabled() && captcha_is_turnstile())
    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
@endif

@if (captcha_enabled())
    <script>
        window.ListaraTurnstileConfig = @json(turnstile_widget_config());
        window.ListaraCaptchaGate = {
            enabled: true,
            provider: @json(captcha_settings()->captcha_provider ?? 'google'),
            turnstileDisplayMode: @json(turnstile_widget_config()['display_mode'] ?? 'always'),
            minPageSeconds: @json(captcha_form_gate_min_seconds()),
        };

        window.submitFormWithCaptcha = function (formId) {
            const form = document.getElementById(formId);
            if (!form) {
                return;
            }

            @if (captcha_is_google())
            if (typeof grecaptcha !== 'undefined') {
                const widget = form.querySelector('.g-recaptcha');
                let response = '';

                if (widget && widget.dataset.widgetId !== undefined) {
                    response = grecaptcha.getResponse(parseInt(widget.dataset.widgetId, 10));
                } else {
                    response = grecaptcha.getResponse();
                }

                if (!response) {
                    alert(@json(__('translate.Please complete the recaptcha to submit the form')));
                    return;
                }
            }
            @endif

            @if (captcha_is_turnstile())
            const turnstileWidget = form.querySelector('.turnstile-captcha-widget__widget[data-sitekey]');
            const turnstileInput = form.querySelector('[name="cf-turnstile-response"]');
            let turnstileToken = turnstileInput ? turnstileInput.value : '';

            if (!turnstileToken && turnstileWidget && typeof window.listaraTurnstileGetResponse === 'function') {
                turnstileToken = window.listaraTurnstileGetResponse(turnstileWidget) || '';
            }

            if (!turnstileToken && turnstileWidget && typeof window.listaraTurnstileExecute === 'function') {
                window.listaraTurnstileExecute(turnstileWidget).then(function (ok) {
                    if (!ok) {
                        if (typeof window.listaraTurnstileShowChallenge === 'function') {
                            window.listaraTurnstileShowChallenge(turnstileWidget);
                        }

                        alert(@json(__('translate.Please complete the recaptcha to submit the form')));
                        return;
                    }

                    if (typeof form.requestSubmit === 'function') {
                        form.requestSubmit();
                    } else if (!form.reportValidity || form.reportValidity()) {
                        form.submit();
                    }
                });

                return;
            }

            if (!turnstileToken) {
                if (turnstileWidget && typeof window.listaraTurnstileShowChallenge === 'function') {
                    window.listaraTurnstileShowChallenge(turnstileWidget);
                }

                alert(@json(__('translate.Please complete the recaptcha to submit the form')));
                return;
            }
            @endif

            if (typeof form.requestSubmit === 'function') {
                form.requestSubmit();
            } else if (!form.reportValidity || form.reportValidity()) {
                form.submit();
            }
        };
    </script>
    @if (captcha_is_turnstile())
        <script src="{{ static_asset('frontend/assets/js/turnstile-init.js') }}"></script>
    @endif
    <script src="{{ static_asset('frontend/assets/js/captcha-form-gate.js') }}"></script>
    @if (captcha_is_turnstile())
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            @if (isset($errors) && ($errors->has('captcha') || $errors->has('g-recaptcha-response') || $errors->has('cf-turnstile-response')))
            document.dispatchEvent(new CustomEvent('listara:captcha:invalid', { detail: { root: document } }));
            @endif
        });
    </script>
    @endif
@endif

@if (captcha_enabled() && captcha_is_custom())
    <script>
        function refreshCustomCaptcha(imageId, inputId) {
            imageId = imageId || 'custom-captcha-image';
            inputId = inputId || 'custom-captcha-input';

            const image = document.getElementById(imageId);
            if (!image) {
                return;
            }

            const widget = image.closest('.custom-captcha-widget');
            const input = document.getElementById(inputId);

            if (widget) {
                widget.classList.add('is-loading');
            }

            if (input) {
                input.value = '';
                input.focus();
            }

            image.onload = function () {
                if (widget) {
                    widget.classList.remove('is-loading');
                }
                if (typeof jQuery !== 'undefined') {
                    jQuery(document).trigger('listara:captcha:expired');
                }
            };

            const baseUrl = widget?.getAttribute('data-captcha-url') || '{{ url('/captcha/image') }}';
            const separator = baseUrl.indexOf('?') >= 0 ? '&' : '?';
            image.src = baseUrl + separator + 't=' + Date.now();
        }

        function refreshCaptchasInScope(root) {
            const scope = root || document;

            scope.querySelectorAll('.custom-captcha-widget').forEach(function (widget) {
                const imageId = widget.getAttribute('data-captcha-image-id');
                const inputId = widget.getAttribute('data-captcha-input-id');

                if (imageId) {
                    refreshCustomCaptcha(imageId, inputId);
                }
            });
        }

        document.addEventListener('listara:captcha:invalid', function (event) {
            refreshCaptchasInScope(event.detail?.root || document);
        });

        document.addEventListener('DOMContentLoaded', function () {
            @if (isset($errors) && ($errors->has('captcha') || $errors->has('g-recaptcha-response') || $errors->has('cf-turnstile-response')))
                refreshCaptchasInScope(document);
            @endif
        });
    </script>
@endif