Kahua Module Footer

<?php

//https://docs.gravityforms.com/adding-a-form-to-the-theme-file/
$form = get_field( 'lead_gen_form', 'options' );
gravity_form_enqueue_scripts( $form, true );
$hbspt = get_field('form_embed', 'options' );
$roleOptions = get_field( 'lead_gen_form_roles', 'options' );

$override_option = get_sub_field( 'role_option' );
?>
<div class="module--footer_form__inner">
	<div class="container-lg">
		<div class="row row--larger">
			<div class="col">
				<div class="background background--full background--primary">
					<div class="row content-padding">
						<div class="col col-12 col-md-6">
							<?php
							$override_title = get_sub_field( 'text' );
							if( '' === trim( $override_title['content'] ) ){
								$values = get_field( 'lead_gen_form_title', 'options' );
								extract( $values['text'] );
								$class = 'title';
								if( 'default' === $type || '' == $type  ){
									$type = 'div';
								}
								include( get_template_directory() . "/partials/heading.php" );
							}else{
								kahua_heading( 'text' );
							}
							?>
						</div>
						<div class="col col-12 col-md-6 action-pane">
							<div class="button-group actions">
								<div class="styled-select">
									<label for="FooterFormRoles" class="screen-reader-text">How Can We Help You</label>
									<select id="FooterFormRoles">
										<option value="">How Can We Help You</option>
										<option value="Sales">Sales Inquiry</option>
										<option value="Support">Support</option>
										<option value="Other">Other</option>
										<option value="Partner">Partner</option>
										<option value="General Inquiry">General Inquiry</option>
										<option value="Demo Request">Demo Request</option>
										<option value="Pricing Information">Pricing Info</option>
										<option value="Purchase Individual License">Purchase a License</option>
									</select>
									<?php echo file_get_contents( get_template_directory().'/assets/img/dropdown.svg' ); ?>
								</div>
								<button class="button button--large button--dark-gray" id="FooterFormNext"><?php _e( 'Contact Us', 'kahua' ); ?></button>
							</div>
							<div class="form form--white">
								<?php if(empty($hbspt)) : ?>
									<?php gravity_form( $form, false, false, false, array(), true ); ?>
								<?php else: ?>
									<!--[if lte IE 8]>
									<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
									<![endif]-->
									<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
                                    <script charset="utf-8" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/noframework.waypoints.min.js"></script>
									<script>

										jQuery( document ).ready(function() {
											window.addEventListener('message', event => {
												if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormReady') {
                                                    setTimeout(function(){
                                                        Waypoint.refreshAll();
                                                        jQuery( '.module--footer_form' ).each(function(){
                                                            var $self = jQuery(this);
                                                    		console.log($self);
                                                            new Waypoint({
                                                                element: $self,
                                                                handler: function(direction) {
                                                    				console.log('test');
                                                                  	anime({
                                                                        targets: $self[0].querySelectorAll('.title'),
                                                                        translateY: [100,0],
                                                                        opacity: [0,1],
                                                                        easing: 'easeOutQuad',
                                                                        delay: anime.stagger(100) // delay starts at 500ms then increase by 100ms for each elements.
                                                                    });
                                                                    anime({
                                                                        targets: $self[0].querySelectorAll('.actions'),
                                                                        opacity: [0,1],
                                                                        easing: 'easeOutQuad',
                                                                    });
                                                                },
                                                                offset: '90%',
                                                            });
                                                        });
                                                    },5000);
                                                    jQuery('#FooterFormRoles').change(function(){
                                                        var footerVal = jQuery(this).val()
                                                        jQuery(".hs_how_can_we_help_you").hide()
                                                        jQuery("select[name=how_can_we_help_you]").val(footerVal).change()
                                                        jQuery(".hs_how_can_we_help_you label").addClass("floating--floating")
                                                            setTimeout(() => {
                                                                if(jQuery('.hs_industry___forms label').length > 0) {
                                                                    window.narwhalFloatingHubspotLabels();
                                                                }
                                                            }, 0);
                                                    });
                                                    jQuery('.hs_how_can_we_help_you').change(function(){
                                                        setTimeout(() => {
                                                            if(jQuery('.hs_industry___forms label').length > 0) {
                                                                window.narwhalFloatingHubspotLabels();
                                                            }
                                                        }, 0);
                                                    });
												}
											});
										});

										hbspt.forms.create({
										region: "na1",
										portalId: "3416569",
										css: '',
										formId: "<?= $hbspt ?>",
										onFormReady: function() {
											window.narwhalFloatingHubspotLabels();
										}
									});
									</script>
								<?php endif; ?>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>