const NAV_GLOBAL_BOTTOM_NAV_ITEMS = document.getElementById('navGlobalBottom'); // ID from the HTML

function underlineCurrentSite() {

// JS is fun!
if (window.location.pathname === '/') // YOU DON'T NEED TO RUN THIS ON THE HOMEPAGE!!
  return;
//console.log('execution of further functions has ceased.');
const NAV_ITEMS = NAV_GLOBAL_BOTTOM_NAV_ITEMS.querySelectorAll('li');  // Navigation HTML structure uses <ul><li>...</li><li>...</li></ul> which is common markup for a Bootrap's nav (from their documentation)
const url = window.location.pathname.replace(/(^\/|\/$)/g, '');
//console.log(url);

for (let i = 0, len = NAV_ITEMS.length; i < len; i++) {
  let NAV_CATEGORIES = NAV_ITEMS[i].dataset.nav; // Comes from data-set attributes built into the HTML

  if ( url.search(NAV_CATEGORIES) !== -1 ) {
    let NAV_LINK = NAV_ITEMS[i].querySelector('a'); // Again, pretty standard bootstrap navigation HTML struture to have anchors in the <li>

    return NAV_LINK.classList.add('header-global__nav-bottom--underlined'); // return breaks the loop and this is the class to underline stuff with
  }
}

} export default underlineCurrentSite;