@if ($academic_offer->crm_key)
     <div class="only-desktop">
         <script>
             hbspt.forms.create({
                 region: "na1",
                 portalId: "21155268",
                 formId: "7507a73c-33c3-4874-9428-831835a682e3",
                 onFormReady(form) {

                     let cyclesInput = form[0].elements.ciclo_escolar;

                     let academic_offer_cycles = @json($academic_offer->cycles);
                     if (cyclesInput) {
                         academic_offer_cycles.forEach(cycle => {
                             var option = document.createElement("option");
                             option.value = cycle.value;
                             option.text = cycle.label;

                             cyclesInput.add(option);
                         });
                     }
                 },
                 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: "7c73aeb4-bd84-4a5b-b98c-ef7611415729",
                 onFormReady(form) {
                     let cyclesInput = form[0].elements.ciclo_escolar;
                     let academic_offer_cycles = @json($academic_offer->cycles);
                     if (cyclesInput) {
                         academic_offer_cycles.forEach(cycle => {
                             var option = document.createElement("option");
                             option.value = cycle.value;
                             option.text = cycle.label;

                             cyclesInput.add(option);
                         });
                     }

                 },
                 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



 {{-- form  platica con director
  form desktop : 7507a73c-33c3-4874-9428-831835a682e3
  form mobile : 7c73aeb4-bd84-4a5b-b98c-ef7611415729
  --}}