// Nav Scripts
const $navLinks = $('.main-nav--links');
const $navToggle = $('.main-nav--toggle');
const navBreakpoint = 730; // this should match $nav-breakpoint in _nav.scss
const $mainContent = $('#main-content');
const $mainNav = $('#main-nav');
const $mainNavCtas = $('#main-nav-ctas');

$navToggle.click(function() {
  $(this).toggleClass('is-active');
  $navLinks.slideToggle();
});

$(window).resize(function() {
  if ($(window).width() >= navBreakpoint) {
    $navToggle.removeClass('is-active');
    $navLinks.attr("style", "");
  }
});

// toggles fixed nav position when the window is too short
var footerOffsetTop, navOffsetBottom;

function toggleFixedNavPosition() {
  navOffsetBottom = $mainNav.outerHeight() + $(window).scrollTop();
  footerOffsetTop = $("#main-footer").offset().top;

  $mainNav.toggleClass("is-fixed-bottom", (footerOffsetTop < navOffsetBottom) && $(window).height() <= 759)
}

$(document).ready(function() {
  $mainContent.css('min-height', $mainNav.outerHeight() - $('#main-nav-ctas').outerHeight());
  toggleFixedNavPosition();
});

$(window).scroll(function() {
  toggleFixedNavPosition();
});

// handle nav when global message exists
// gm_session_id is set on at template level
var globalMessageHeight;
const $globalMessage = $("#global-message");

function adjustNavPosition() {
  globalMessageHeight = $globalMessage.outerHeight();

  if ($globalMessage.is(":visible")) {
    $mainNav.css('top', globalMessageHeight);
    $mainNavCtas.css('top', globalMessageHeight);
    $mainContent.css('margin-top', globalMessageHeight + 100);
  }
}

if(!localStorage.getItem(gm_session_id)) {
  $globalMessage.addClass('is-visible');
  adjustNavPosition();
}

$(document).ready(function() {
  $("#global-message .dismiss-button").click(function(e) {
    $globalMessage.removeClass('is-visible')
    $mainNav.css('top', '');
    $mainNavCtas.css('top', '');
    $mainContent.css('margin-top', 100);
    localStorage.setItem(gm_session_id, "true");
    return false;
  });
});

$(window).resize(function() {
  if(!localStorage.getItem(gm_session_id)) {
    adjustNavPosition();
  }
});