const searchInput = document.querySelector('#searchContact');

if(searchInput){
  searchInput.addEventListener('keyup', e => searchContact(e.target.value));
  
  document.querySelector('[type=search]').addEventListener('click', e => {
    if(e.target.value.length > 0) searchContact('');
  })
}

function searchContact(keyword){
  if(keyword.length >= 3 || keyword.length == 0){

    fetch(`${URL_BASE}App/View/Pages/Chat/include/searchContact.php?searchContact=${keyword}`)
    .then(req => req.text())
    .then(res => {
      $('.aside-conversations').html(res);
      showNotificationInSearch();
    })

  }
}

function showNotificationInSearch(){
  const session = getDataSession();

  _GET('App/Controller/Query/get.controller.php', {
    table_name: 'chat',
    condition: ` AND id_destinatario = ${session.id} AND NOT '${session.id}' = ANY (visualizado)`
  })
  .done(data => {
    const response = JSON.parse(data);
    const saveNotification = [];

    response.forEach(message => {

      // mensagem de usuário para usuário
      if(message.id_remetente && message.id_destinatario){

        // se existir não adiciona
        if(!saveNotification.includes(`userNotification-${message.id_remetente}`)) {
          $(`#user-${message.id_remetente}`).append(`<span class="chatNotification userNotification-${message.id_remetente}">1</span>`);
          saveNotification.push(`userNotification-${message.id_remetente}`);
        }
      }

    })
   
  })
}