public/js/device_search.js

const searchDevices = () => {
  const searchInput = document.getElementById('device-search');
  const devices = document.getElementsByClassName('device-box');
  const filter = searchInput.value.trim().toLowerCase();

  Array.from(devices).forEach(device => {
    const deviceName = device.textContent.trim().toLowerCase();
    const vendorElement = device.closest('.accordion-item');
    const accordionInput = vendorElement.querySelector('input[type="checkbox"]');

    const shouldDisplayDevice = deviceName.includes(filter);

    if (shouldDisplayDevice) {
      device.style.display = 'block';
      accordionInput.checked = true;
    } else {
      device.style.display = 'none';
    }

    if (filter === '') {
      device.style.display = 'block';
      accordionInput.checked = false;
    }
  });
};