@if($page->elexio_form_embed_code && $page->elexio_group_id)
    @php
        $elexio_embed = $page->elexio_form_embed_code;
        if (strpos($elexio_embed, 'style-url') === false) {
            $customStyleUrl = urlencode(asset('assets/frontend/css/elexio-custom.css'));
            $elexio_embed = str_replace('custom-templates=', 'custom-templates=&style-url=' . $customStyleUrl, $elexio_embed);
        }
    @endphp
    <section class="register-form-sec sec-py">
        {!! $elexio_embed !!}
    </section>
    <script>
        (function () {
            var elexioBaseHeights = {};
            window.addEventListener("message", function (e) {
                if (e.origin !== "https://forms.ministryforms.net") return;
                try {
                    var d = (typeof e.data === "string") ? JSON.parse(e.data) : e.data;
                    if (!d || d.type !== "resize" || !d.h) return;
                    var uid = d.uid;
                    var reportedH = parseInt(d.h);
                    var iframe = document.querySelector("iframe#mb-formbuilder-container[data-uniqueid='" + uid + "']");
                    if (!iframe) return;
                    // Track natural height (smaller values = no modal open)
                    var base = elexioBaseHeights[uid];
                    if (!base || reportedH < base) {
                        elexioBaseHeights[uid] = reportedH;
                        base = reportedH;
                    }
                    // If height grew significantly above baseline, modal is open → add buffer
                    var buffer = (reportedH > base + 80) ? 300 : 0;
                    iframe.style.setProperty("height", (reportedH + buffer) + "px", "important");
                } catch (err) { }
            }, false);
        })();
    </script>
@endif