.webcast-content
  .webcast-content-section
    .webcast-video-container.margin-bottom50
      %h3 Enjoy the webcast!
      .iframe-container
        %iframe{allow: "autoplay; encrypted-media", allowfullscreen: "", frameborder: "0", src: "#{youtube_url}"}

    .form-container
      %h3.margin-top0 #{webcasttitle}
      .form
        %script{src: "//page.gitlab.com/js/forms2/js/forms2.min.js"}
        %form{id: "mktoForm_#{formid}"}
        :javascript
          var formNumber = #{formid || 'null'};
          MktoForms2.loadForm("//page.gitlab.com", "194-VVC-221", formNumber, function(form) {
            form.onSuccess(function() {
              form.getFormElem().hide();
              $('.webcast-video-container').css('display', 'block');
              $('.confirmform').attr('style', 'visibility: visible');
              $('.confirmform').attr('style', 'height: initial');
              dataLayer.push({event: 'webcasts', mktoFormId: form.getId()});
              return false;
            });
          });
        .confirmform{style: "visibility:hidden;height:0;"}
          .centered-form-info
            %p Thank you for registering.