document.addEventListener("DOMContentLoaded", function () {
const waitForElement = setInterval(function () {
const inputField = document.querySelector(".ts-filter.ts-autocomplete-input");
const switcher = document.querySelector(".field-key-pa-switcher .onoffswitch-checkbox");
const parentContainer = inputField.parentElement; // Get the parent container of the input field
const switcherParent = switcher.closest(".ts-form-group"); // Get the parent container of the switcher
if (inputField && switcher && parentContainer && switcherParent) {
clearInterval(waitForElement); // Stop checking once the elements are found
// Create an error message element
const errorMessage = document.createElement("div");
errorMessage.style.color = "red";
errorMessage.style.fontSize = "12px";
errorMessage.style.position = "absolute";
errorMessage.style.top = `${inputField.offsetHeight + 5}px`; // Place it below the input field
errorMessage.style.left = "0";
errorMessage.style.width = "100%";
errorMessage.style.paddingTop = "5px"; // Add 5px top padding
errorMessage.textContent = "Invalid location: Only Pennsylvania-based businesses are allowed.";
errorMessage.style.display = "none"; // Initially hidden
// Make the parent container relatively positioned for absolute positioning to work
parentContainer.style.position = "relative";
parentContainer.appendChild(errorMessage); // Append the error message
// Set up a periodic check for the input value
setInterval(function () {
const inputValue = inputField.value.toLowerCase();
// Check if the input contains "pennsylvania" (case-insensitive)
if (inputValue.includes("pennsylvania")) {
if (!switcher.checked) {
switcher.checked = true; // Turn on the switcher if not already on
}
errorMessage.style.display = "none"; // Hide the error message
switcherParent.classList.remove("ts-has-errors"); // Remove error class
} else {
if (switcher.checked) {
switcher.checked = false; // Turn off the switcher if not already off
}
errorMessage.style.display = "block"; // Show the error message
switcherParent.classList.add("ts-has-errors"); // Add error class
}
}, 500); // Check every 500ms
}
}, 100); // Check every 100ms for the elements
});
 

// Enqueue LocationValidation.js function enqueue_location_validation_script() { wp_enqueue_script( 'location-validation', // Handle for the script get_stylesheet_directory_uri() . '/js/LocationValidation.js', // Path to the JS file in the child theme array('jquery'), // Dependencies filemtime(get_stylesheet_directory() . '/js/LocationValidation.js'), // Version based on file modification time true // Load in footer ); } add_action('wp_enqueue_scripts', 'enqueue_location_validation_script');
 

.ts-form-group.switcher-label.field-key-pa-switcher {
display: none;
}
.field-key-location > *:not(:first-child) {
display: none;
}