function createDateMessage(date,  element = null){
  const dateInvert = date.split('-');
  const formatDate = `${dateInvert[2]}/${dateInvert[1]}/${dateInvert[0]}`;

  if(!document.querySelector(`#date-${date}`)){
    let div = "";

    div += `<div id="date-${date}" class="date-message">`;
    div += `  <i class="ri-calendar-todo-line"></i>`;
    div += `  <span>${formatDate}</span>`;
    div += `</div>`;

    if(!element) $('.body-message').append(div);
    else $(element).before(div);

  }
}

function createFixedDateMessage(date, type = 'append'){
  const dateInvert = date.split('-');
  const formatDate = `${dateInvert[2]}/${dateInvert[1]}/${dateInvert[0]}`;

  $('#fixedDate > span').html(formatDate);
}

function createDateMessageV2(object){

  let dateArray = object.date_array;
  
  dateArray.forEach(date => {
    const dateInvert = date.split('-');
    const formatDate = `${dateInvert[2]}/${dateInvert[1]}/${dateInvert[0]}`;
    
    if(!document.querySelector(`#date-${date}`)){
      let div = "";
  
      div += `<div id="date-${date}" class="date-message">`;
      div += `  <i class="ri-calendar-todo-line"></i>`;
      div += `  <span>${formatDate}</span>`;
      div += `</div>`;

      $(`.body-message [data-id="${date}"]:first`).before(div);
  
    }

  });

}