<script>
document.addEventListener('DOMContentLoaded', function() {
  var expiryDateField = document.querySelector('input[name="form[expiryDate]"]');
  var expiryDate = expiryDateField.value;
 
  // Convert the expiryDate to a JavaScript Date object
  var expiryDateTime = new Date(expiryDate);
 
  // Get the current date
  var currentDate = new Date();
 
  // Disable the submit button and show the expired message if the form has expired
  if (currentDate > expiryDateTime) {
    var submitButton = document.querySelector('button#submit');
    if (submitButton) {
      submitButton.disabled = true;
      submitButton.style.cursor = "not-allowed"; // Apply the 'not-allowed' cursor style to the disabled submit button
 
      // Show the custom notification about the expired form
      var alertMessage = 'Sorry, this form has expired and is no longer accepting submissions.';
      showNotification(alertMessage);
 
      // Automatically close the custom notification after 5 seconds
      var notificationTimeout = 3000; // 3 seconds
      setTimeout(function() {
        hideNotification(); // Call the hideNotification function to remove the notification
      }, notificationTimeout);
    }
  }
});
 
function showNotification(message) {
  // Create the notification overlay
  var notificationOverlay = document.createElement('div');
  notificationOverlay.className = 'notification-overlay';
  document.body.appendChild(notificationOverlay);
 
  // Create the notification
  var notificationDiv = document.createElement('div');
  notificationDiv.className = 'notification';
  notificationDiv.innerHTML = '<p>' + message + '</p>';
  document.body.appendChild(notificationDiv);
 
  // Show the notification overlay
  notificationOverlay.style.display = 'block';
}
 
function hideNotification() {
  // Hide the notification and overlay
  var notificationOverlay = document.querySelector('.notification-overlay');
  var notificationDiv = document.querySelector('.notification');
  if (notificationOverlay) {
    document.body.removeChild(notificationOverlay);
  }
  if (notificationDiv) {
    document.body.removeChild(notificationDiv);
  }
}
</script>

<style>
.notification-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black overlay */
  z-index: 9999; /* Higher z-index than the content, so it appears above the content */
}
 
.notification {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 2px solid #f00;
  padding: 10px;
  z-index: 10000;
}
</style>

var submitButton = document.querySelector('button#submit');

var submitButton = document.querySelector('button#send');

var submitButton = document.querySelector('button#Submit');