Course Expiry JavaScript

// define current date
let currentDate = new Date();

//date format [dd-mm-yyyy]
let player = GetPlayer();
let courseExpiryDate = player.GetVar("ExpiryDate");

// parsing the date into JavaScript date format
let parsedCourseExpiryDate = courseExpiryDate.split('-');
let finalCourseExpiryDate = new Date(parsedCourseExpiryDate[2], parsedCourseExpiryDate[1] - 1, parsedCourseExpiryDate[0]);

if (currentDate > finalCourseExpiryDate) {

    let overlay = document.createElement('div');
    overlay.style.width = '100%';
    overlay.style.height = '100%';
    overlay.style.background = 'rgba(0, 0, 0, 0.5)';
    overlay.style.position = 'fixed';
    overlay.style.top = '0';
    overlay.style.left = '0';
    overlay.style.zIndex = '999'; // high z-index to stay on top
    overlay.style.display = 'flex';
    overlay.style.justifyContent = 'center';
    overlay.style.alignItems = 'center';


    document.body.style.overflow = 'hidden';

    // create a new div for the modal
    let modalDiv = document.createElement('div');
    modalDiv.style.width = '400px';
    modalDiv.style.background = '#fff';
    modalDiv.style.color = '#000';
    modalDiv.style.padding = '20px';
    modalDiv.style.borderRadius = '8px';
    modalDiv.style.boxShadow = '0px 0px 15px rgba(0,0,0,0.2)';


    let p = document.createElement('p');
    p.textContent = 'This course has been expired.';
    p.style.fontSize = '18px';
    p.style.textAlign = 'center';


    let button = document.createElement('button');
    button.textContent = 'Close';
    button.style.display = 'block';
    button.style.width = '100%';
    button.style.padding = '10px';
    button.style.marginTop = '20px';
    button.style.border = 'none';
    button.style.background = '#3498db';
    button.style.color = '#fff';
    button.style.fontSize = '18px';
    button.style.cursor = 'pointer';
    button.style.borderRadius = '5px';


    button.addEventListener('click', () => {
        // enable scrolling when the modal is closed
        document.body.style.overflow = 'auto';
        window.close();
    });


    modalDiv.appendChild(p);
    modalDiv.appendChild(button);

    // append the modalDiv to the overlay
    overlay.appendChild(modalDiv);

    // append the overlay to the body
    document.body.appendChild(overlay);
}