@if ($academic_offer->crm_key)
    <div class="">
        <div id="hs-form-colegiatura-desktop" class="hs-form-container"></div>
        <script>
            (function () {
                if (!window.hbspt || !window.hbspt.forms) return;

                hbspt.forms.create({
                    region: "na1",
                    portalId: "21155268",
                    formId: "b54ad1e5-42f1-40d1-a7e7-fd054118a181",
                    target: "#hs-form-colegiatura-desktop",
                    cssClass: "ucg-hs-embed",
                    css: "{{ asset('css/hubspot-form-v2.css') }}",
                    onFormReady: function () {
                        const submitButton = document.querySelector(
                            "#hs-form-colegiatura-desktop .hs-button"
                        );

                        if (!submitButton) return;

                        submitButton.disabled = true;
                        submitButton.setAttribute("aria-disabled", "true");
                        submitButton.style.opacity = "0.6";
                        submitButton.style.cursor = "not-allowed";
                        submitButton.style.pointerEvents = "none";
                    },
                    onFormSubmit: function (form) {
                        const crm_key = "{{ $academic_offer->crm_key }}";
                        const input = form && form[0] && form[0].elements
                            ? form[0].elements.programa_de_interes___opcion_1
                            : null;

                        if (input) input.value = crm_key;

                        let link = document.createElement("a");
                        const URL_PDF = "{{ $academic_offer->career_pdf_uri }}";
                        const URL_THANK_YOU = "{{ $academic_offer->thank_you_page }}";

                        link.href = URL_THANK_YOU || URL_PDF || "#";
                        link.target = "_blank";
                        document.body.appendChild(link);
                        link.click();
                        link.remove();
                    }
                });
            })();
        </script>
    </div>

    {{-- <div class="only-mobile">
        <div id="hs-form-colegiatura-mobile" class="hs-form-container"></div>
        <script>
            (function () {
                if (!window.hbspt || !window.hbspt.forms) return;

                hbspt.forms.create({
                    region: "na1",
                    portalId: "21155268",
                    formId: "0bb85684-5e16-460b-862f-f6b957ca3dfa",
                    target: "#hs-form-colegiatura-mobile",
                    cssClass: "ucg-hs-embed",
                    css: "{{ asset('css/hubspot-form-v2.css') }}",
                    onFormSubmit: function (form) {
                        const crm_key = "{{ $academic_offer->crm_key }}";
                        const input = form && form[0] && form[0].elements
                            ? form[0].elements.programa_de_interes___opcion_1
                            : null;

                        if (input) input.value = crm_key;

                        let link = document.createElement("a");
                        const URL_PDF = "{{ $academic_offer->career_pdf_uri }}";
                        const URL_THANK_YOU = "{{ $academic_offer->thank_you_page }}";

                        link.href = URL_THANK_YOU || URL_PDF || "#";
                        link.target = "_blank";
                        document.body.appendChild(link);
                        link.click();
                        link.remove();
                    }
                });
            })();
        </script>
    </div> --}}
@endif



{{-- form colegiatura
form desktop : 17aba1e4-c0de-4223-84f4-ada933b5b387
form mobile : 038e7b04-dc86-4e03-ae93-26bf1a5b1fe9 --}}


{{-- form Visita
form desktop : 51285d44-2d50-4054-ae47-7d71a1af11ce
form mobile : f56522ba-7d02-48de-a71c-50e5a4e8a36f --}}

{{-- form platica con director
form desktop : a5eae123-8d58-48b8-87d1-7db69e618a5d
form mobile : f518a4ab-8c50-47b6-8fd1-ffee59cde31f --}}