// display text based local forecast

/* globals WeatherDisplay, utils, STATUS, UNITS, draw, navigation*/

// eslint-disable-next-line no-unused-vars
class LocalForecast extends WeatherDisplay {
	constructor(navId,elemId,weatherParameters) {
		super(navId,elemId, 'Local Forecast');

		// set timings
		this.timing.baseDelay= 5000;

		// pre-load background image (returns promise)
		this.backgroundImage = utils.image.load('images/BackGround1_1.png');

		// get the data
		this.getData(weatherParameters);
	}

	async getData(weatherParameters) {
		super.getData();

		// get raw data
		const rawData = await this.getRawData(weatherParameters);
		// parse raw data
		const conditions = this.parseLocalForecast(rawData);

		// split this forecast into the correct number of screens
		const MaxRows = 7;
		const MaxCols = 32;

		this.screenTexts = [];

		// read each text
		conditions.forEach(condition => {
			// process the text
			let text = condition.DayName.toUpperCase() + '...';
			let conditionText = condition.Text;
			if (navigation.units() === UNITS.metric) {
				conditionText = condition.TextC;
			}
			text += conditionText.toUpperCase().replace('...', ' ');

			text = text.wordWrap(MaxCols, '\n');
			const Lines = text.split('\n');
			const LineCount = Lines.length;
			let ScreenText = '';
			const MaxRowCount = MaxRows;
			let RowCount = 0;


			// if (PrependAlert) {
			// 	ScreenText = LocalForecastScreenTexts[LocalForecastScreenTexts.length - 1];
			// 	RowCount = ScreenText.split('\n').length - 1;
			// }

			for (let i = 0; i <= LineCount - 1; i++) {
				if (Lines[i] === '') continue;

				if (RowCount > MaxRowCount - 1) {
					// if (PrependAlert) {
					// 	LocalForecastScreenTexts[LocalForecastScreenTexts.length - 1] = ScreenText;
					// 	PrependAlert = false;
					// } else {
					this.screenTexts.push(ScreenText);
					// }
					ScreenText = '';
					RowCount = 0;
				}

				ScreenText += Lines[i] + '\n';
				RowCount++;
			}
			// if (PrependAlert) {
			// 	this.screenTexts[this.screenTexts.length - 1] = ScreenText;
			// 	PrependAlert = false;
			// } else {
			this.screenTexts.push(ScreenText);
			// }
		});

		this.currentScreen = 0;
		this.timing.totalScreens = this.screenTexts.length;
		this.drawCanvas();
	}

	// get the unformatted data (also used by extended forecast)
	async getRawData(weatherParameters) {
		// request us or si units
		let units = 'us';
		if (navigation.units() === UNITS.metric) units = 'si';
		try {
			return await $.ajax({
				type: 'GET',
				url: weatherParameters.forecast,
				data: {
					units,
				},
				dataType: 'json',
				crossDomain: true,
			});

		} catch (e) {
			console.error(`GetWeatherForecast failed: ${weatherParameters.forecast}`);
			console.error(e);
			return false;
		}
	}

	// TODO: alerts needs a cleanup
	// TODO: second page of screenTexts when needed
	async drawCanvas() {
		super.drawCanvas();

		this.context.drawImage(await this.backgroundImage, 0, 0);
		draw.horizontalGradientSingle(this.context, 0, 30, 500, 90, draw.topColor1, draw.topColor2);
		draw.triangle(this.context, 'rgb(28, 10, 87)', 500, 30, 450, 90, 500, 90);
		draw.horizontalGradientSingle(this.context, 0, 90, 52, 399, draw.sideColor1, draw.sideColor2);
		draw.horizontalGradientSingle(this.context, 584, 90, 640, 399, draw.sideColor1, draw.sideColor2);

		draw.titleText(this.context, 'Local ', 'Forecast');

		// clear existing text
		draw.box(this.context, 'rgb(33, 40, 90)', 65, 105, 505, 280);
		// Draw the text.
		this.screenTexts[this.screenIndex].split('\n').forEach((text, index) => {
			draw.text(this.context, 'Star4000', '24pt', '#FFFFFF', 75, 140+40*index, text, 2);
		});


		this.finishDraw();
		this.setStatus(STATUS.loaded);

	}

	// format the forecast
	parseLocalForecast (forecast) {
		// only use the first 6 lines
		return forecast.properties.periods.slice(0,6).map(text => ({
			// format day and text
			DayName: text.name.toUpperCase(),
			Text: text.detailedForecast,
		}));
	}
}