let countClickOpenSearchMessage = 0;

$('#inputSearch > input').keyup(e => {
  searchMessage(e.target.value)
});

function openSearchMessage(){
  closeSearchRight();

  if(countClickOpenSearchMessage % 2 == 0) {
    $('.searchRight').css({'right': 0, 'transition': '0.5s', 'visibility': 'visible'});
    listaFavoritos();

  } 
  
  else $('.searchRight').css({'right': '-100%', 'transition': '0.5s', 'visibility': 'hidden'});

  countClickOpenSearchMessage++;
}

function searchMessage(message){
  if(message.length > 3){

    $('#divSearchMessage').html('<div class="loadingFavorito"><div class="spinner-border" role="status"><span class="sr-only"></span></div></div>');

    fetch(`${URL_BASE}App/DAO/Chat/Chat.class.php?searchMessage=${message}`)
    .then(req => req.json())
    .then(res => {
      $('#divSearchMessage').html('');
   
      // existe mensagens
      if(res.length > 0){
        
        res.forEach(message => {
          let divFavorito = "";
          divFavorito += `<div class="userCard" onclick="openMessage(${message.id}, ${message.id_remetente}, ${message.id_destinatario}, ${message.id_departamento})">`;
          divFavorito += `  <img src="${message.src_foto ? URL_ARQUIVOS + '/' + message.src_foto : DEFAULT_PICTURE}" />`;
          divFavorito += '  <div>';
          divFavorito += '    <div class="w-100 d-flex align-items-center justify-content-between">';
          divFavorito += `      <div class='w-100 d-flex align-items-center gap-2'>`;
          divFavorito += `        <h3>${message.apelido}</h3> `;
          divFavorito += `        <span class="searchDataEnvio">${message.data_envio}</span>`;
          divFavorito += `      </div>`;
          divFavorito += `    </div>`
          divFavorito += `    <p>${message.mensagem}</p>`;
          divFavorito += `  </div>`
          divFavorito += `</div>`
  
          $('#divSearchMessage').append(divFavorito);
        })

      }

      // não existe mensagens
      else{
        let divFavorito = "";
        
        divFavorito += '<div class="semFavorito">';
        divFavorito += '<span>Nenhuma mensagem encontrada :(</span>';
        divFavorito += `</div>`
  
        $('#divSearchMessage').append(divFavorito);
      }

    })

  } else {
    let divFavorito = "";
        
    divFavorito += '<div class="semFavorito">';
    divFavorito += '<span>Nenhuma mensagem encontrada :(</span>';
    divFavorito += `</div>`

    $('#divSearchMessage').html('');
    $('#divSearchMessage').append(divFavorito);
  }
}

function closeSearchRightMessage(){
  $('.searchRight').css({'right': '-100%', 'transition': '0.5s'});
  countClickOpenSearchMessage = 0;
}