const queneDropZone = document.getElementById('QueneDropzone');
// const nextFileButton = document.getElementById('nextFileButton');
// const queneStatus = document.getElementById('queneStatus');

let droppedFiles = [];
let currentIndex = 0;

['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
	queneDropZone.addEventListener(eventName, e => {
		e.preventDefault();
		e.stopPropagation();
	}, false);
});

queneDropZone.addEventListener('drop', (e) => {

	const newFiles = Array.from(e.dataTransfer.files);
	droppedFiles.push(...newFiles); // Add new files to the queue

    queneDropZone..innerHTML ='Filecount: ${droppedFiles.length}';

    

	// queneStatus.textContent = `Added ${newFiles.length} new file(s). Total in queue: ${droppedFiles.length}. Click "Show Next File" to view.`;
});

// Show next file in the queue

/*
nextFileButton.addEventListener('click', () => {
	if (droppedFiles.length === 0) {
		queneStatus.textContent = 'No files loaded. Drop some files first.';
		return;
	}

	if (currentIndex >= droppedFiles.length) {
		queneStatus.textContent = 'No more files. Queue is empty. Counter reset.';
		currentIndex = 0;
		droppedFiles = [];
		return;
	}

	const file = droppedFiles[currentIndex];
	queneDropZone.innerHTML = `<strong>File ${currentIndex + 1} of ${droppedFiles.length}</strong><br>
											Name: ${file.name}<br>
											Size: ${Math.round(file.size / 1024)} KB<br>
											Type: ${file.type || 'Unknown'}`;
	currentIndex++;
});

*/