// close search box if clicked out of div
/*document.addEventListener("DOMContentLoaded", function() {
    var body = document.body;
    var searchDiv = document.querySelector('.search');

    if (body.classList.contains('search-active')) {
        document.addEventListener('click', function(event) {
          if (!searchDiv.contains(event.target)) {
            body.classList.remove('search-active');
          }
        });
    }
});*/

const buttonClose = document.querySelector(".js-remove-alert-urgent");
if (buttonClose) { buttonClose.focus(); }


$(document).ready(function () {
  $(".js-remove-alert-urgent").on("click", function () {
    $(".emergencynotice").hide();
  });
  /*$(".close-action").on("click", function () {
    $(".information-alert").hide();
  });*/
});

  /*$(".close-action").on("click", function () {
    $(".information-alert").hide();
  });*/

window.onload = function() {
  const urgentButtons = document.querySelectorAll('.js-remove-alert-urgent');
  const emergencyDiv = document.querySelector('.emergencynotice');

  urgentButtons.forEach(button => {
    button.addEventListener('click', () => {
        emergencyDiv.style.display = 'none!important';
    });
  });
};

/*document.addEventListener("DOMContentLoaded", function() {
  const eventIntroductionMeta = document.querySelector('meta[name="EventIntroduction"]');
  if (eventIntroductionMeta) {
    let content = eventIntroductionMeta.getAttribute('content');
    content = content.replace(/<[^>]+>/g,'');
    if (content.length > 100) {
      content = content.substring(0, 200) + '...';
    }
    eventIntroductionMeta.removeAttribute('https:');
    eventIntroductionMeta.setAttribute('content', content);
}  
})*/

/*document.addEventListener("DOMContentLoaded", function() {
let detailsDeg = document.querySelector('#deg-dets'); 
  if (detailsDeg && detailsDeg.hasAttribute('open')) {
    document.addEventListener('click', function (e) { 
      const contentDiv1 = document.querySelector('#deg-dets .content'); 

      if(e.target !== contentDiv1) { 
        detailsDeg.removeAttribute('open'); 
      } 
    });
  }

let detailsArea = document.querySelector('#area-dets'); 
  if (detailsArea && detailsArea.hasAttribute('open')) {
    document.addEventListener('click', function (e) { 
      const contentDiv2 = document.querySelector('#area-dets .content'); 

      if(e.target !== contentDiv2) { 
        detailsArea.removeAttribute('open'); 
      } 
    });
  }

function clickOut() {
let detailsDeg1 = document.querySelector('#deg-dets'); 
  if (detailsDeg1 && detailsDeg1.hasAttribute('open')) {
    document.addEventListener('click', function (e) { 
      const contentDiv1 = document.querySelector('#deg-dets .content'); 

      if(e.target !== contentDiv1) { 
        detailsDeg1.removeAttribute('open'); 
      } 
    });
  }

let detailsArea1 = document.querySelector('#area-dets'); 
  if (detailsArea1 && detailsArea1.hasAttribute('open')) {
    document.addEventListener('click', function (e) { 
      const contentDiv2 = document.querySelector('#area-dets .content'); 

      if(e.target !== contentDiv2) { 
        detailsArea1.removeAttribute('open'); 
      } 
    });
  }
}
document.addEventListener("t4-after-ajax", clickOut);
});*/

//for general course search tab closing
/*function courseSearchTabChange() {
  var degreeButton = document.getElementById("deg-btn");
  var areaButton = document.getElementById("area-btn");

  var degreeDetails = document.getElementById("deg-dets");
  var areaDetails = document.getElementById("area-dets");

  // Event listener for tabs
  if (typeof degreeButton != "undefined" && degreeButton != null) {
    degreeButton.addEventListener("click", function () {
      if (areaDetails.hasAttribute("open") == true) {
        //remove open attribute
        areaDetails.removeAttribute("open");
      } else {
        console.log("");
      }
    });
  }

  if (typeof areaButton != "undefined" && areaButton != null) {
    areaButton.addEventListener("click", function () {
      if (degreeDetails.hasAttribute("open") == true) {
        //remove open attribute
        degreeDetails.removeAttribute("open");
      } else {
        console.log("");
      }
    });
  }
}*/



function checkboxAfter() {
    var checkboxToRemove = document.querySelector('input[type="checkbox"][value="Category>T4_container"]');

    // Check if the checkbox was found
    if (checkboxToRemove) {
        // Remove the checkbox element from its parent div
        checkboxToRemove.parentNode.remove();
    }
}
document.addEventListener("t4-after-ajax", checkboxAfter);


document.addEventListener("DOMContentLoaded", function() {
    var checkboxToRemove = document.querySelector('input[type="checkbox"][value="Category>T4_container"]');

    // Check if the checkbox was found
    if (checkboxToRemove) {
        // Remove the checkbox element from its parent div
        checkboxToRemove.parentNode.remove();
    }
});

/* Remove Quotes Metatag */
// var tables = document.querySelectorAll('table');
var tables = document.querySelectorAll("table:not(.table-force-wrap)");
tables.forEach(function(table) {
  /*var parentDiv = table.closest('div');
  if (parentDiv) {
    parentDiv.style.overflowX = 'auto';
  }*/
  var parentDiv = document.createElement('div');
  parentDiv.appendChild(table.cloneNode(true));
  parentDiv.style.overflowX = 'auto';
  table.parentNode.insertBefore(parentDiv, table);
  table.parentNode.removeChild(table);
});



function updateMetaTagContent() {
  const metaTags = document.querySelector('meta[name="EventIntroduction"]');
  if (metaTags) {
    const content = metaTags.getAttribute('content');
    if (content) {
      metaTags.setAttribute('content', content.replace(/"/g, '"'));
    }
  }
}
updateMetaTagContent();

  const currentYear = new Date().getFullYear();
  
  const spanElement = document.getElementById('copyrightYear');

if(spanElement) {
  spanElement.textContent = currentYear;
}

//JS to resetURL
//document.getElementById("#resetURL").addEventListener("click", resetURLOnFilterUnset);

function resetURLOnFilterUnset(clicked_button) {
  //var clicked_button = $(this).val();
  var clickedButton = clicked_button
    .replaceAll("+", "%2B")
    .replaceAll(",", "%2C")
    .replaceAll("_", "+");

  var currentLocation = location.toString();

  const newUrl = currentLocation.split("?");

  newUrl[1];

  var newloc = newUrl[1].split("&");

  const match = newloc.find((element) => {
    if (element.includes(clickedButton)) {
      return true;
    }
  });

  const removeDataFromURL = currentLocation.replace(match, "");

  const updatedURL = removeDataFromURL.replace("&&", "&");

  const finalURL = updatedURL.replace(/&\s*$/, "");

  window.location.href = finalURL;
}

// Wraps all the table elements in a <div> and adds "c-table" and "hscroll" classes to that <div>.
(function () {
  //const tables = document.querySelectorAll("table");
  const tables = document.querySelectorAll("table:not(.table-force-wrap)");
  const tablesArray = Array.from(tables);

  tables.forEach((table) => {
    //const parent = table.parentNode;
    const wrapper = document.createElement("div");
    wrapper.classList.add("c-table", "hscroll");
    //wrapper.appendChild(table);
    //parent.appendChild(wrapper);
    table.parentNode.insertBefore(wrapper, table)
    wrapper.appendChild(table)
  });
})();



//for general header video play pause
var playButton = document.getElementById("play_button");
var video = document.getElementById("video_lib");

// Event listener for the play/pause button

if (typeof video != "undefined" && video != null) {
  playButton.addEventListener("click", function () {
    if (video.paused == true) {
      // Play the video
      video.play();
      playButton.setAttribute("data-playing", "");
    } else if (video.paused == false) {
      // Pause the video
      video.pause();
      playButton.removeAttribute("data-playing");
    } else {
      console.log("no video");
    }
  });
}


//for grid and list views
function courseSearchViewChange() {
  var listButton = document.getElementById("btn-list-view");
  var gridButton = document.getElementById("btn-grid-view");

  var programView = document.getElementById("content-main");

  // Event listener for the grid list buttons

  if (typeof listButton != "undefined" && listButton != null) {
    listButton.addEventListener("click", function () {
      if (programView.hasAttribute("data-grid") == true) {
        //remove grid attribute
        programView.removeAttribute("data-grid");
      } else {
        //do nothing
      }
    });
  }

  if (typeof gridButton != "undefined" && gridButton != null) {
    gridButton.addEventListener("click", function () {
      if (programView.hasAttribute("data-grid") == false) {
        //add grid attribute
        programView.setAttribute("data-grid", "");
      } else {
        //do nothing
      }
    });
  }
}