Set cookie to remove cookie notification popup for 30 days

remove_popup_for_thirty_days_with_cookie.js

//Make sure to have a div with an id of #cookieNotification

//Function for creating cookies
function setCookie(cname, cvalue, exdays) {
  const d = new Date();
  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
  let expires = "expires=" + d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
} //Function for reading cookies


function getCookie(cname) {
  let name = cname + "=";
  let ca = document.cookie.split(';');

  for (let i = 0; i < ca.length; i++) {
    let c = ca[i];

    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }

    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }

  return "";
}


jQuery(function ($) {
  $(document).ready(function () {

  //********** COOKIE CONSENT **********//
      //Set the cookie when consent is provided for cookies
      $('#cookieNotification #accept').on('click', function () {
        setTimeout(function () {
          $('#cookieNotification').fadeOut();
        }, 500);
        setCookie('cookie_consent', true, 30);
      }); //Behavior for showing/hiding the cookie consent

      if (getCookie('cookie_consent') != 'true') {
        $('#cookieNotification').fadeIn();
      }
    
  }
}  
                    
//CSS
#cookieNotification {
  display: none;
  text-align: center;
  border-top: solid 3px #3b3b3b;
  background-color: #dddddd;
  color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.5);
}
#cookieNotification a {
  color: #000;
  text-decoration: underline;
}