@if ($academic_offer->crm_key)

    <div class="only-desktop">
        <script>
            hbspt.forms.create({
                region: "na1",
                portalId: "21155268",
                formId: "345bdab5-7ca2-4980-8641-4397dc3751ff",
                onFormReady(form) {
                    let divMail = form[0].getElementsByClassName("hs_email")[0];
                    if (divMail) {
                        divMail.classList.add("field-with-icon", "field-icon-email");
                        let inputMail = divMail.querySelector("input");
                        if (inputMail) {
                            inputMail.classList.add("input-with-icon");
                        }
                    }

                    let divPhone = form[0].getElementsByClassName("hs_mobilephone")[0];
                    if (divPhone) {
                        divPhone.classList.add("field-with-icon", "field-icon-phone");
                        let inputPhone = divPhone.querySelector("input");
                        if (inputPhone) {
                            inputPhone.classList.add("input-with-icon");
                        }
                    }


                    // let btnSubmit = form[0].getElementsByClassName("hs-button")[0];
                    // btnSubmit.style = "max-width: 100%;"

                },
                onFormSubmit: function (form) {
                    const crm_key = "{{ $academic_offer->crm_key }}";
                    let input = form[0].elements.programa_de_interes___opcion_1;
                    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 }}";

                    if (URL_THANK_YOU) {
                        //  link.href = URL_THANK_YOU;
                    } else {
                        //    link.href = URL_PDF;
                    }

                    link.target = "_blank";
                    document.body.appendChild(link);
                    link.click();
                    link.remove();
                }
            });
        </script>

    </div>
    <div class="only-mobile">
        <script>
            hbspt.forms.create({
                region: "na1",
                portalId: "21155268",
                formId: "16d7c1dd-99e6-468c-b68a-3e559e16651a",
                onFormReady(form) {
                    let divMail = form[0].getElementsByClassName("hs_email")[0];
                    if (divMail) {
                        divMail.classList.add("field-with-icon", "field-icon-email");
                        let inputMail = divMail.querySelector("input");
                        if (inputMail) {
                            inputMail.classList.add("input-with-icon");
                        }
                    }

                    let divPhone = form[0].getElementsByClassName("hs_mobilephone")[0];
                    if (divPhone) {
                        divPhone.classList.add("field-with-icon", "field-icon-phone");
                        let inputPhone = divPhone.querySelector("input");
                        if (inputPhone) {
                            inputPhone.classList.add("input-with-icon");
                        }
                    }

                },
                onFormSubmit: function (form) {
                    const crm_key = "{{ $academic_offer->crm_key }}";
                    let input = form[0].elements.programa_de_interes___opcion_1;
                    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 }}";

                    if (URL_THANK_YOU) {
                        //   link.href = URL_THANK_YOU;
                    } else {
                        // link.href = URL_PDF;
                    }

                    //  link.target = "_blank";
                    //  document.body.appendChild(link);
                    //  link.click();
                    //  link.remove();
                }
            });
        </script>
    </div>
@endif



{{-- f
Visita al colegio
-Desktop
formId: 345bdab5-7ca2-4980-8641-4397dc3751ff

-Mobile
formId: 16d7c1dd-99e6-468c-b68a-3e559e16651a

--}}