RRBEC/gestaoRaul/templates/static/mesas/js/mesas_map.js

document.addEventListener('dragstart', (e) => {
    e.target.classList.add('dragging');
});

document.addEventListener('dragover', (e) => {
    e.preventDefault();
    const target = e.target;
    if (target.classList.contains('column')) {
        target.style.backgroundColor = ''; 
    }
});

document.addEventListener('dragend', (e) => {
    e.target.classList.remove('dragging');
    document.querySelectorAll('.column').forEach(column => {
        column.style.backgroundColor = '';
    });
});

document.addEventListener('drop', (e) => {
    e.preventDefault();
    const draggable = document.querySelector('.dragging');
    e.target.appendChild(draggable);
});
function manipularCards() {
  const cards = document.querySelectorAll('.m-card');

  cards.forEach(card => {
    const input = card.querySelector('input');
    const inputValue = input.value; 
    const targetElement = document.getElementById(inputValue); 

    if (targetElement) {
      targetElement.appendChild(card);
    } else {
      console.error(`Elemento com ID ${inputValue} não encontrado.`);
    }
  });
}

function saveLocal() {
  const draggedElement = event.dataTransfer.getData('text/plain');

const mesaElement = event.target;
const targetElement = event.target.parentNode;
const mesaId = mesaElement.id

const targetId = targetElement.id;
const url = `/mesas/locationMesa/${mesaId}/${targetId}/`;
var resposta =   fetch(url, {method: 'GET', headers: {'Content-Type': 'application/json'
    },}).then(response => response.json())
  .then(data => {
    console.log(data); 
    if(data.status == 'ok'){
      alert('Mesa movida com sucesso!')
    }
  })
  .catch(error => {
    console.error('Erro ao salvar local:', error);
  });

}

setTimeout(function() {
  manipularCards();}, 1);

  setTimeout()