function favoritaMensagem(idMensagem, idUsuario, messageSender = false) {
  const formData = new FormData();
  formData.append("idUsuario", idUsuario);
  formData.append("idMensagem", idMensagem);

  fetch(`${URL_BASE}App/Controller/Chat/FavoritaMensagem.php`, {
    method: "POST",
    body: formData,
  })
  .then((request) => request.json())
  .then((response) => {

    $(`.hourMessage-${idMensagem}`).after(`<div class="favoritaMensagem-${idMensagem} ${!messageSender ? 'mensagemFavoritada' : 'mensagemFavoritadaSender'}" data-bs-toggle="tooltip" data-bs-placement="top"> <i class="ri-heart-2-fill text-danger"></i> </div>`);

  });
}

function removerFavorito(idMensagem){
  const formData = new FormData();

  formData.append("idUsuario", SESSION_DATA.id);
  formData.append("idMensagem", idMensagem);
  formData.append('removeMensagem', true);

  fetch(`${URL_BASE}App/Controller/Chat/FavoritaMensagem.php`, {
    method: "POST",
    body: formData,
  })
    .then((request) => request.json())
    .then((response) => {
      $(`.favoritaMensagem-${idMensagem}`).remove();
      listaFavoritos();
    });
}


let countClickOpenFavorito = 0;
function openFavoritos(){

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

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

  countClickOpenFavorito++;
}

function listaFavoritos(){
  const { chatType, chatId } = JSON.parse(localStorage.getItem('openChat'));
  $('#divFavoritos').html('<div class="loadingFavorito"><div class="spinner-border" role="status"><span class="sr-only"></span></div></div>  ');

  fetch(`${URL_BASE}App/Controller/Chat/FavoritaMensagem.php?buscarFavoritos=true&idUsuario=${SENDER_DATA.id}`)
  .then(req => req.json())
  .then(res => {
    $('#divFavoritos').html('');
    
    if(res.length > 0){

      res.forEach(favorito => {
        const files = favorito.arquivos.replace("{", "").replace("}", "").split(',');
        let divFavorito = "";
        
        divFavorito += `<div class="userCard">`;
        divFavorito += `  <img src="${favorito.src_foto ? URL_ARQUIVOS + '/' + favorito.src_foto : DEFAULT_PICTURE}" />`;
        divFavorito += '  <div style="position:relative">';
        divFavorito += '    <div class="w-100 d-flex align-items-center justify-content-between">';
        divFavorito += `      <div class='w-100 d-flex flex-wrap align-items-center' style="width: max-content; line-break: anywhere;">`;
        divFavorito += `        <h3 style="flex-shrink: 0; margin-right: 10px;">${favorito.apelido}</h3> `;
        divFavorito += `        <span  class="searchDataEnvio" style="width: max-content;">${favorito.data_envio_format}</span>`;
        divFavorito += `      </div>`;
        divFavorito += `      <i onclick="removerFavorito(${favorito.id})" class="ri-delete-bin-fill" style="color:#fa7785; opacity:0.7"></i>`;
        divFavorito += `    </div>`

        // existe arquivo
        if(files[0] != '' && files.length > 0){
          files.forEach(file => {

            _GET('/App/Controller/Query/get.controller.php', {
              table_name: 'arquivos',
              condition: ` AND id = ${file}`
            })
            .done(data => {
              const response = JSON.parse(data);
              const fileUrl = response[0].caminho_arquivo.replace("/var/www/", "https://").replace('files/', '');

              divFavorito += `<img onclick="openMessage(${favorito.id}, ${favorito.id_remetente}, ${favorito.id_destinatario}, ${favorito.id_departamento})" style='position:border-radius:3px;' src="${fileUrl}" width="150" class="d-block cursor-pointer mb-2" />`;
            })

          })
        }

        divFavorito += `    <p onclick="openMessage(${favorito.id}, ${favorito.id_remetente}, ${favorito.id_destinatario}, ${favorito.id_departamento})">${favorito.mensagem}</p>`;
        divFavorito += `  </div>`
        divFavorito += `</div>`

        $('#divFavoritos').append(divFavorito);
      })

    }

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

      $('#divFavoritos').append(divFavorito);
    }

  })

}

function closeSearchRight(){
  $('#favorites').css({'right': '-100%', 'transition': '0.5s'});
  countClickOpenFavorito = 0;
}

function openMessage(messageId, senderId, receiverId, departamentId){

  const messageSelected = document.querySelector(`#message-${messageId}`);
  
  if(!messageSelected) {
    if(!receiverId && !departamentId) $(`#mural-1`).click();
    else if(departamentId) $(`#departament-${departamentId}`).click();
    else if(senderId && receiverId && senderId == SESSION_DATA.id) $(`#user-${receiverId}`).click();
    else $(`#user-${senderId}`).click();
  }

  const interval = setInterval(() => {
    
    if(document.querySelector(`#message-${messageId}`)){
      const messages = document.querySelectorAll(`.messages`);
      messages.forEach(message => message.style = 'display:flex');
    
      $(`#message-${messageId}`).css({'background': 'rgba(0, 0, 0, 0.1)', 'padding': '10px 0px', 'border-radius': '5px'})
      const newScroll = document.querySelector(`#message-${messageId}`).offsetTop - 300;
    
      $('.body-message').scrollTop(newScroll);
      setTimeout(() => $(`#message-${messageId}`).css({'background': 'none', 'padding': '0px 0px', 'border-radius': '0px'}), 2000);

      clearInterval(interval);
    }

  }, 100);

}