{{--
    Componente: <x-recaptcha-script />

    Inyecta el script de Google reCAPTCHA v3 + auto-attach al submit
    de cualquier <form> con la clase 'js-recaptcha-form' y el atributo
    data-recaptcha-action="<action>".

    Uso típico (en master.blade o footer):
        <x-recaptcha-script />

    Uso en un form específico:
        <form class="js-recaptcha-form" data-recaptcha-action="contact" method="POST" action="/contact">
            @csrf
            ...
        </form>

    El script va a:
    1. Cargar grecaptcha JS de Google (1 vez por página)
    2. En cada submit: ejecutar grecaptcha.execute(SITE_KEY, {action})
    3. Inyectar input hidden 'g-recaptcha-response' antes de submit real
    4. Submit el form normalmente — el middleware backend valida el token

    Si RECAPTCHA_SITE_KEY no está en .env, NO inyecta nada (graceful degrade).
--}}

@php
    $siteKey = \App\Helpers\Recaptcha::siteKey();
@endphp

@if($siteKey)
{{-- Badge oculto via CSS (per Google FAQ "I'd like to hide the reCAPTCHA badge").
     Disclaimer obligatorio renderizado en _footer.blade.php — cumple Google ToS. --}}
<style>.grecaptcha-badge { visibility: hidden; }</style>
<script src="https://www.google.com/recaptcha/api.js?render={{ $siteKey }}" async defer></script>
<script>
(function() {
    var siteKey = '{{ $siteKey }}';
    var ready = false;

    function attachToForms() {
        document.querySelectorAll('form.js-recaptcha-form, form.contact-form-recaptcha-v3').forEach(function(form) {
            if (form.dataset.recaptchaAttached === '1') return;
            form.dataset.recaptchaAttached = '1';

            var action = form.dataset.recaptchaAction || 'submit';

            form.addEventListener('submit', function(e) {
                // Si ya tiene el token (re-submit), pasar normal
                if (form.querySelector('input[name="g-recaptcha-response"]')) {
                    return;
                }

                e.preventDefault();

                if (typeof grecaptcha === 'undefined' || !ready) {
                    // grecaptcha aún no cargó — submit sin token (middleware bloqueará)
                    console.warn('[recaptcha] grecaptcha not ready, submitting without token');
                    form.submit();
                    return;
                }

                grecaptcha.execute(siteKey, {action: action}).then(function(token) {
                    var input = document.createElement('input');
                    input.type = 'hidden';
                    input.name = 'g-recaptcha-response';
                    input.value = token;
                    form.appendChild(input);
                    if (typeof form.requestSubmit === 'function') {
                        form.requestSubmit();
                    } else {
                        form.submit();
                    }
                }).catch(function(err) {
                    console.error('[recaptcha] execute failed', err);
                    if (typeof form.requestSubmit === 'function') {
                        form.requestSubmit();
                    } else {
                        form.submit(); // fail-open en frontend (backend decide)
                    }
                });
            });
        });
    }

    // Esperar a que grecaptcha cargue
    var checkReady = setInterval(function() {
        if (typeof grecaptcha !== 'undefined' && grecaptcha.ready) {
            grecaptcha.ready(function() {
                ready = true;
                attachToForms();
            });
            clearInterval(checkReady);
        }
    }, 200);

    // Re-attach en DOMContentLoaded por si hay forms cargados después
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', attachToForms);
    } else {
        attachToForms();
    }
})();
</script>
@endif