{{--
    Pont iframe -> page parente (popup hébergement).
    Inclus uniquement quand le formulaire est affiché dans le popup (?modal=1).
    Intercepte la soumission du formulaire principal, la poste en AJAX (Accept JSON),
    puis relaie le résultat au listing parent via postMessage — sans navigation.

    Le handler est attaché DIRECTEMENT sur le <form> (pas sur document) pour cohabiter
    avec les validations qui appellent stopPropagation (cf. module participants).
--}}
<script>
    (function () {
        var csrfToken = document.querySelector('meta[name="csrf-token"]')?.content || '';

        function notifyParent(payload) {
            try {
                window.parent.postMessage(Object.assign({ source: 'hebergement-modal' }, payload), '*');
            } catch (e) { /* noop */ }
        }

        function bindBridge() {
            var form = document.querySelector('.page-content form[method="POST"], .page-content form[method="post"]');
            if (!form || form.dataset._bridgeBound) return;
            form.dataset._bridgeBound = '1';

            form.addEventListener('submit', function (e) {
                if (e.defaultPrevented) {
                    form.classList.add('was-validated');
                    var firstInvalid = form.querySelector(':invalid');
                    if (firstInvalid) firstInvalid.scrollIntoView({ behavior: 'smooth', block: 'center' });
                    return;
                }

                e.preventDefault();

                var submitBtn = e.submitter || form.querySelector('[type="submit"]');
                if (submitBtn) {
                    submitBtn.disabled = true;
                    submitBtn.dataset._label = submitBtn.innerHTML;
                    submitBtn.innerHTML = '<i class="mdi mdi-loading mdi-spin"></i> Traitement...';
                }

                var data = new FormData(form, submitBtn);
                if (submitBtn && submitBtn.name && !data.has(submitBtn.name)) {
                    data.append(submitBtn.name, submitBtn.value);
                }

                fetch(form.action, {
                    method: 'POST',
                    headers: {
                        'X-Requested-With': 'XMLHttpRequest',
                        'X-CSRF-TOKEN': csrfToken,
                        'Accept': 'application/json'
                    },
                    body: data
                })
                .then(function (res) {
                    return res.json().then(function (json) {
                        return { status: res.status, json: json };
                    }).catch(function () {
                        return { status: res.status, json: null };
                    });
                })
                .then(function (r) {
                    if (r.status >= 200 && r.status < 300 && r.json && r.json.success) {
                        // Enchaînement vers un autre écran (ex. ajout -> validation)
                        if (r.json.redirect) {
                            notifyParent({
                                type: 'hebergement-redirect',
                                url: r.json.redirect,
                                title: r.json.redirect_title || 'Hébergement'
                            });
                            return;
                        }
                        notifyParent({
                            type: 'hebergement-saved',
                            id: r.json.id,
                            code: r.json.code,
                            voucher_url: r.json.voucher_url
                        });
                        return;
                    }
                    restoreSubmit(submitBtn);
                    if (r.status === 422 && r.json && r.json.errors) {
                        showErrors(form, r.json.errors, r.json.message);
                    } else {
                        showErrors(form, null, (r.json && r.json.message) || 'Une erreur est survenue.');
                    }
                })
                .catch(function () {
                    restoreSubmit(submitBtn);
                    showErrors(form, null, 'Erreur réseau. Veuillez réessayer.');
                });
            }, false);
        }

        function restoreSubmit(btn) {
            if (btn) {
                btn.disabled = false;
                if (btn.dataset._label) btn.innerHTML = btn.dataset._label;
            }
        }

        function showErrors(form, errors, message) {
            var box = form.querySelector('.modal-bridge-errors');
            if (!box) {
                box = document.createElement('div');
                box.className = 'alert alert-danger modal-bridge-errors';
                form.prepend(box);
            }
            var html = message ? ('<strong>' + message + '</strong>') : '';
            if (errors) {
                html += '<ul class="mb-0 mt-1">';
                Object.keys(errors).forEach(function (k) {
                    (errors[k] || []).forEach(function (msg) { html += '<li>' + msg + '</li>'; });
                });
                html += '</ul>';
            }
            box.innerHTML = html;
            box.scrollIntoView({ behavior: 'smooth', block: 'center' });
        }

        if (document.readyState === 'complete') {
            bindBridge();
        } else {
            window.addEventListener('load', bindBridge);
        }
    })();
</script>