document.addEventListener('DOMContentLoaded', function () {
  var searchInput = document.querySelector('.form-control');
  var searchResults = document.getElementById('search-results');

  if (searchInput && searchResults) {
    // Input event listener for dynamic search
    searchInput.addEventListener('input', function () {
      var query = this.value;

      if (query.length > 2) {
        var data = {
          action: 'dynamic_search',
          query: query
        };

        jQuery.post(truelysell.ajaxurl, data, function (response) {
          searchResults.innerHTML = response;
        });
      } else {
        searchResults.innerHTML = '';
      }
    });

    // Click event listener for search results
    searchResults.addEventListener('click', function (event) {
      // Get the closest clickable element
      var target = event.target.closest('li'); // Adjust 'li' if your structure is different
      if (target) {
        searchInput.value = target.textContent.trim(); // Set input value to clicked result
        searchResults.innerHTML = ''; // Clear the results after selection
      }
    });
  } else {
    // console.error('Either .form-control or #search-results element is not found');
  }
});