/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
// Car class (stealable)
var Car = Container.expand(function () {
	var self = Container.call(this);
	var carSprite = self.attachAsset('car', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.occupied = false; // If player is in car
	self.isPolice = false; // Not a police car
	self.speed = 4 + Math.floor(Math.random() * 4); // Slower random speed for traffic
	self.dir = Math.random() < 0.5 ? 1 : -1; // Direction: 1=right/down, -1=left/up
	self.axis = Math.random() < 0.5 ? 'x' : 'y'; // Move horizontally or vertically
	// Update per tick
	self.update = function () {
		if (self.occupied) return; // Don't move if player is in car
		if (self.axis === 'x') {
			self.x += self.speed * self.dir;
			if (self.x < -200) self.x = 2048 + 200;
			if (self.x > 2048 + 200) self.x = -200;
		} else {
			self.y += self.speed * self.dir;
			if (self.y < -200) self.y = 2732 + 200;
			if (self.y > 2732 + 200) self.y = -200;
		}
	};
	return self;
});
// Gun class (for player hand)
var Gun = Container.expand(function () {
	var self = Container.call(this);
	var gunSprite = self.attachAsset('gun', {
		anchorX: 0.1,
		// grip of gun in hand
		anchorY: 0.7
	});
	// Gun always follows player hand, so no update logic here
	return self;
});
// Mission item class
var MissionItem = Container.expand(function () {
	var self = Container.call(this);
	var itemSprite = self.attachAsset('missionItem', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.collected = false;
	return self;
});
// Pedestrian class
var Pedestrian = Container.expand(function () {
	var self = Container.call(this);
	var pedSprite = self.attachAsset('pedestrian', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 2 + Math.floor(Math.random() * 2);
	self.dir = Math.random() < 0.5 ? 1 : -1;
	self.axis = Math.random() < 0.5 ? 'x' : 'y';
	self.update = function () {
		if (self.axis === 'x') {
			self.x += self.speed * self.dir;
			if (self.x < -100) self.x = 2048 + 100;
			if (self.x > 2048 + 100) self.x = -100;
		} else {
			self.y += self.speed * self.dir;
			if (self.y < -100) self.y = 2732 + 100;
			if (self.y > 2732 + 100) self.y = -100;
		}
	};
	return self;
});
// Player class (on foot or in car)
var Player = Container.expand(function () {
	var self = Container.call(this);
	// State: 'foot' or 'car'
	self.mode = 'foot';
	self.speed = 12; // On foot speed
	self.carSpeed = 24; // In car speed
	self.direction = {
		x: 0,
		y: 0
	}; // Movement direction
	self.inCar = null; // Reference to car if in car
	// Attach player asset
	var playerSprite = self.attachAsset('player', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Attach gun to player hand
	self.gun = new Gun();
	self.gun.x = 40; // offset to right hand
	self.gun.y = 20; // offset slightly down
	self.addChild(self.gun);
	// Switch to car mode
	self.enterCar = function (car) {
		self.mode = 'car';
		self.inCar = car;
		playerSprite.visible = false;
		self.gun.visible = false;
		car.occupied = true;
		self.x = car.x;
		self.y = car.y;
	};
	// Exit car
	self.exitCar = function () {
		if (self.inCar) {
			self.inCar.occupied = false;
			self.x = self.inCar.x + 80;
			self.y = self.inCar.y;
			self.inCar = null;
		}
		self.mode = 'foot';
		playerSprite.visible = true;
		self.gun.visible = true;
	};
	// Update per tick
	self.update = function () {
		// Move player
		if (self.mode === 'foot') {
			self.x += self.direction.x * self.speed;
			self.y += self.direction.y * self.speed;
		} else if (self.mode === 'car' && self.inCar) {
			self.x += self.direction.x * self.carSpeed;
			self.y += self.direction.y * self.carSpeed;
			self.inCar.x = self.x;
			self.inCar.y = self.y;
		}
		// Clamp to city bounds
		if (self.x < 0) self.x = 0;
		if (self.x > 2048) self.x = 2048;
		if (self.y < 0) self.y = 0;
		if (self.y > 2732) self.y = 2732;
	};
	return self;
});
// Police car class
var PoliceCar = Container.expand(function () {
	var self = Container.call(this);
	var policeSprite = self.attachAsset('policeCar', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.occupied = false;
	self.isPolice = true;
	self.speed = 3;
	self.target = null; // Player to chase
	// Update per tick
	self.update = function () {
		if (!self.target) return;
		// Move towards player
		var dx = self.target.x - self.x;
		var dy = self.target.y - self.y;
		var dist = Math.sqrt(dx * dx + dy * dy);
		if (dist > 0) {
			self.x += dx / dist * self.speed;
			self.y += dy / dist * self.speed;
		}
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x222222
});

/**** 
* Game Code
****/ 
// --- City Layout ---
// City block (background tile)
// Road (horizontal)
// Road (vertical)
// Player on foot
// Car (stealable)
// Police car
// Mission item (pickup)
// Pedestrian
var cityBlocks = [];
var roads = [];
var blockSize = 400;
var roadW = 120;
var cityCols = 5;
var cityRows = 6;
// Draw city grid (blocks and roads)
for (var i = 0; i < cityCols; i++) {
	for (var j = 0; j < cityRows; j++) {
		var bx = i * blockSize;
		var by = j * blockSize;
		// Block
		var block = LK.getAsset('cityBlock', {
			x: bx,
			y: by,
			anchorX: 0,
			anchorY: 0
		});
		cityBlocks.push(block);
		game.addChild(block);
		// Horizontal road
		if (j < cityRows - 1) {
			var roadH = LK.getAsset('roadH', {
				x: bx,
				y: by + blockSize - roadW / 2,
				anchorX: 0,
				anchorY: 0.5
			});
			roads.push(roadH);
			game.addChild(roadH);
		}
		// Vertical road
		if (i < cityCols - 1) {
			var roadV = LK.getAsset('roadV', {
				x: bx + blockSize - roadW / 2,
				y: by,
				anchorX: 0.5,
				anchorY: 0
			});
			roads.push(roadV);
			game.addChild(roadV);
		}
	}
}
// --- Game State ---
var player = new Player();
player.x = 2048 / 2;
player.y = 2732 / 2;
game.addChild(player);
var cars = [];
var policeCars = [];
var pedestrians = [];
var missionItems = [];
var missionActive = false;
var missionTarget = null;
var missionTimer = null;
var missionTimeLeft = 0;
var missionText = null;
var score = 0;
var missionCollectedCount = 0; // Track how many mission items collected
var missionWinCount = 6; // How many to win
var scoreTxt = new Text2('0', {
	size: 100,
	fill: "#fff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// --- Spawn cars ---
for (var i = 0; i < 7; i++) {
	var car = new Car();
	car.x = 300 + Math.random() * (2048 - 600);
	car.y = 300 + Math.random() * (2732 - 600);
	cars.push(car);
	game.addChild(car);
}
// --- Spawn police car ---
var police = new PoliceCar();
police.x = 200;
police.y = 200;
police.target = player;
policeCars.push(police);
game.addChild(police);
// --- Spawn pedestrians ---
for (var i = 0; i < 8; i++) {
	var ped = new Pedestrian();
	ped.x = 200 + Math.random() * (2048 - 400);
	ped.y = 200 + Math.random() * (2732 - 400);
	pedestrians.push(ped);
	game.addChild(ped);
}
// --- Mission UI ---
missionText = new Text2('', {
	size: 80,
	fill: 0xFFFF00
});
missionText.anchor.set(0.5, 0);
LK.gui.top.addChild(missionText);
// --- Mission System ---
function startMission() {
	// Randomly pick a block for item
	var col = 1 + Math.floor(Math.random() * (cityCols - 2));
	var row = 1 + Math.floor(Math.random() * (cityRows - 2));
	var mx = col * blockSize + blockSize / 2;
	var my = row * blockSize + blockSize / 2;
	var item = new MissionItem();
	item.x = mx;
	item.y = my;
	missionItems.push(item);
	game.addChild(item);
	missionActive = true;
	missionTarget = item;
	missionTimeLeft = 20 * 60; // 20 seconds (in ticks)
	missionText.setText("Mission: Collect the green item!");
}
function endMission(success) {
	missionActive = false;
	if (missionTarget) {
		missionTarget.destroy();
		missionTarget = null;
	}
	for (var i = 0; i < missionItems.length; i++) {
		missionItems[i].destroy();
	}
	missionItems = [];
	if (success) {
		LK.getSound('tick').play();
		score += 100;
		scoreTxt.setText(score);
		missionCollectedCount++;
		if (missionCollectedCount >= missionWinCount) {
			missionText.setText("You collected all items!");
			LK.effects.flashObject(player, 0x00ff00, 800);
			LK.setTimeout(function () {
				LK.showYouWin();
			}, 1000);
			return;
		}
		missionText.setText("Success! Next mission soon...");
		LK.effects.flashObject(player, 0x00ff00, 800);
		// Make next level harder: add another police car and increase police speed
		var newPolice = new PoliceCar();
		newPolice.x = Math.random() * 2048;
		newPolice.y = Math.random() * 2732;
		newPolice.target = player;
		newPolice.speed = 3 + policeCars.length * 1; // Each level, police get a little faster
		policeCars.push(newPolice);
		game.addChild(newPolice);
		for (var i = 0; i < policeCars.length; i++) {
			policeCars[i].speed = 3 + i * 1;
		}
		LK.setTimeout(function () {
			missionText.setText('');
			// Add more cars for next level
			var extraCar = new Car();
			extraCar.x = 300 + Math.random() * (2048 - 600);
			extraCar.y = 300 + Math.random() * (2732 - 600);
			cars.push(extraCar);
			game.addChild(extraCar);
			// Add more pedestrians for next level
			var extraPed = new Pedestrian();
			extraPed.x = 200 + Math.random() * (2048 - 400);
			extraPed.y = 200 + Math.random() * (2732 - 400);
			pedestrians.push(extraPed);
			game.addChild(extraPed);
			startMission();
		}, 1200);
	} else {
		missionText.setText("Mission Failed!");
		LK.effects.flashScreen(0xff0000, 1000);
		LK.setTimeout(function () {
			missionText.setText('');
			startMission();
		}, 1200);
	}
}
// Start first mission
missionCollectedCount = 0;
// Play car sound at game start (looping infinitely)
LK.getSound('car').play({
	loop: true
});
// Play background music at game start (looping infinitely)
LK.playMusic('BackgroundMusic', {
	loop: true
});
startMission();
// --- Touch/Drag Controls ---
var dragDir = {
	x: 0,
	y: 0
};
var dragActive = false;
var dragStart = {
	x: 0,
	y: 0
};
var dragLast = {
	x: 0,
	y: 0
};
var dragThreshold = 30; // px
function getDir(dx, dy) {
	var mag = Math.sqrt(dx * dx + dy * dy);
	if (mag < dragThreshold) return {
		x: 0,
		y: 0
	};
	return {
		x: dx / mag,
		y: dy / mag
	};
}
game.down = function (x, y, obj) {
	// Don't allow drag from top left 100x100
	if (x < 100 && y < 100) return;
	dragActive = true;
	dragStart.x = x;
	dragStart.y = y;
	dragLast.x = x;
	dragLast.y = y;
};
game.move = function (x, y, obj) {
	if (!dragActive) return;
	var dx = x - dragStart.x;
	var dy = y - dragStart.y;
	dragDir = getDir(dx, dy);
	player.direction = dragDir;
	dragLast.x = x;
	dragLast.y = y;
};
game.up = function (x, y, obj) {
	dragActive = false;
	player.direction = {
		x: 0,
		y: 0
	};
};
// --- Tap to enter/exit car or collect item ---
game.on('down', function (x, y, obj) {
	// If in car, tap to exit
	if (player.mode === 'car') {
		player.exitCar();
		return;
	}
	// If near a car, enter it
	for (var i = 0; i < cars.length; i++) {
		var car = cars[i];
		if (!car.occupied && player.intersects(car)) {
			player.enterCar(car);
			return;
		}
	}
	// If on mission item, collect
	// (Handled by collision in update loop now)
});
// --- Game Update Loop ---
game.update = function () {
	// Update player
	player.update();
	// Update cars
	for (var i = 0; i < cars.length; i++) {
		cars[i].update();
	}
	// Update police
	for (var i = 0; i < policeCars.length; i++) {
		policeCars[i].update();
	}
	// Update pedestrians
	for (var i = 0; i < pedestrians.length; i++) {
		pedestrians[i].update();
	}
	// Update mission timer
	if (missionActive) {
		missionTimeLeft--;
		if (missionTimeLeft % 60 === 0) {
			missionText.setText("Mission: Collect the green item! " + Math.ceil(missionTimeLeft / 60) + "s");
		}
		if (missionTimeLeft <= 0) {
			endMission(false);
		}
		// Make missionItem collectable by collision
		if (missionTarget && player.intersects(missionTarget)) {
			// Instead of showing win, start next level
			endMission(true);
			return;
		}
	}
	// Police catch player
	for (var i = 0; i < policeCars.length; i++) {
		if (player.intersects(policeCars[i])) {
			LK.effects.flashScreen(0xff0000, 1000);
			LK.playMusic('losing', {
				loop: false
			});
			LK.showGameOver();
			return;
		}
	}
	// Collide with pedestrians (lose points)
	for (var i = 0; i < pedestrians.length; i++) {
		if (player.intersects(pedestrians[i])) {
			score = Math.max(0, score - 20);
			scoreTxt.setText(score);
			LK.effects.flashObject(pedestrians[i], 0xff0000, 400);
		}
	}
};