import * as main from './../script.js';
import {tileArray} from './tileRenderer.js';
import { cursor } from './../mouse.js';
import { canvas, hud, ctx, hctx } from './html.js';

export function renderTiles(tileSize, gridSize, world) {      // DRAW THE IMAGE TO THE CANVAS.
  let x, y = 0
  for(x = 0; x < gridSize[0]; x++){
    for(y = 0; y < gridSize[1]; y++){
      const xu = x*tileSize;
      const yu = y*tileSize;

			// Draw buildings
			switch (world[x][y].type) {
				case (0):
	        ctx.drawImage(tileArray[0], xu,yu)
				break;
				case (1):
					ctx.drawImage(tileArray[2], xu,yu)
				break;
				case (2):
					ctx.drawImage(tileArray[1], xu,yu)
				break;
			}

			// Draw Structures
			switch (world[x][y].structure) {
				case (1):
		      ctx.drawImage(tileArray[4], xu,yu)
				break;
				case (2):
      		ctx.drawImage(tileArray[32], xu,yu)
				break;
				case (3):
      		ctx.drawImage(tileArray[33], xu,yu)
				break;
				case (4):
					ctx.drawImage(tileArray[34], xu,yu)
				break;
			}

			// Draw Property overlays
			if (world[x][y].color != null){
				ctx.beginPath();
				ctx.fillStyle = world[x][y].color;

				ctx.rect(xu, yu, tileSize, tileSize)
				ctx.globalAlpha = 0.6;
				ctx.fill()
				ctx.globalAlpha = 1;
			}

    }
  }
  console.log("image Rendered")
}
export function renderHud(x, y) {
  const tileSize = main.game.tileSize;
  hctx.clearRect(cursor.xold*tileSize, cursor.yold*tileSize, tileSize, tileSize)
  hctx.drawImage(tileArray[80], x*tileSize,y*tileSize)
}