const orgFilter = document.getElementById('orgfilter')
let listItems
if (orgFilter) {
orgFilter.addEventListener('input', (e) => filterData(e.target.value))
showORGS(org_item, (id = 'all'))
listItems = document.querySelectorAll('.xngrph-org')
function showORGS(orgs, idn = 'all') {
  const xpointwrap = document.querySelector('#xngrph-org-wrap')
  xpointwrap.innerHTML = ''
  orgs.forEach((pvz) => {
    const { id, nik, img, phone } = pvz
    if (idn == 'all' || idn == id) {
      const orgEL = document.createElement('div')
      orgEL.classList.add('xngrph-org')
      orgEL.innerHTML = `
<div class="xngrph-org-image">
<a href="/users/${id}"><img alt="Организатор ${nik}" src="${img}" /></a>
</div>
<div class="xngrph-org-text_block">
<div>
<a class="xngrph-org-nik" href="/users/${id}">Организатор ${nik}</a>
<a class="xngrph-org-link" href="/users/${id}/purchases">Перейти в закупки</a>
</div>
<div class="xngrph-org-whatsapp">
<a class="xngrph-org-whatsapp__static" href="https://api.whatsapp.com/send/?phone=${phone}" target="_blank"><img alt="Написать whatsapp ${nik}" src="https://sp-kapusta.ru/whatsapp-48.png"></a>
<a class="xngrph-org-whatsapp__active" href="https://api.whatsapp.com/send/?phone=${phone}" target="_blank"><img alt="Написать whatsapp ${nik}" src="https://sp-kapusta.ru/whatsapp_animation.gif"></a>
<div>
</div>
</div>
    `
      xpointwrap.append(orgEL)
    }
  })
}
function filterData(searchTerm) {
  listItems.forEach((item) => {
    if (item.innerText.toLowerCase().includes(searchTerm.toLowerCase())) {
      item.classList.remove('hide')
    } else {
      item.classList.add('hide')
    }
  })
}
}