const orgFilter = document.getElementById('orgfilter')

let listItems

orgFilter.addEventListener('input', (e) => filterData(e.target.value))

showORGS(org_item, (id = 'all'))
listItems = document.querySelectorAll('.x-org')

function showORGS(orgs, idn = 'all') {
  // место куда организаторов
  const xpointwrap = document.querySelector('#x-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('x-org')
      // orgEL.setAttribute('id', 'id_you_like')
      orgEL.innerHTML = `

      <div class="x-org-image">
      <a href="https://sp-kapusta.ru/users/${id}"><img alt="Организатор ${nik}" src="${img}" /></a>
      </div>
<div class="x-org-text_block">
<div>

      <a class='x-org-nik' href="https://sp-kapusta.ru/users/${id}">${nik}</a>

      <a class='x-org-link' href="https://sp-kapusta.ru/users/${id}/purchases">Перейти в закупки</a>
      </div>
      <div class="x-org-whatsapp">
       <a class="x-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="x-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')
    }
  })
}