import {game} from "../../game/game.js";
import {renderHud } from '../../display/draw.js';
import { clickCanvas } from "/scripts/net/netcode.js";
import { getButton } from "/scripts/interface/game/picker.js";

class Cursor {
	constructor(){
		this.x = 0
		this.y = 0
		this.xold = 0
		this.yold = 0
	}

}
export var cursor = new Cursor();

hud.addEventListener('mousemove', e => {
  mouseMoved(e)
});

hud.addEventListener("mousedown", function(e)
{
    getMousePosition(canvas, e);
});

function mouseMoved(event) {
	const tileSize = game.tileSize
	const x = Math.floor(event.offsetX/tileSize)
	const y = Math.floor(event.offsetY/tileSize)
	if (cursor.xold != x || cursor.yold != y) {
		cursor.x = x
		cursor.y = y
    // renderHud(x, y)
	cursor.xold = x
	cursor.yold = y
}
}

function getMousePosition(canvas, event) {
    // Get mouse position on canvas
    const rect = canvas.getBoundingClientRect();
    const x = event.clientX - rect.left;
    const y = event.clientY - rect.top;
		const xu = cursor.x
		const yu = cursor.y
		const button = event.button

    console.log("Click!")
		console.log(xu,yu)
		clickCanvas({tilePosition: [xu,yu], mode: button})

}