const Command = require('../../framework/Command');
const request = require('node-superfetch');
const { createCanvas } = require('canvas');
const path = require('path');
const { reactIfAble } = require('../../util/Util');
const { wrapText } = require('../../util/Canvas');

module.exports = class JeopardyCommand extends Command {
	constructor(client) {
		super(client, {
			name: 'jeopardy',
			group: 'games-sp',
			memberName: 'jeopardy',
			description: 'Answer a Jeopardy question.',
			throttling: {
				usages: 2,
				duration: 10
			},
			game: true,
			credit: [
				{
					name: 'jService',
					url: 'https://jservice.xyz/',
					reason: 'API'
				},
				{
					name: 'Jeopardy',
					url: 'https://www.jeopardy.com/',
					reason: 'Music, Original Show'
				},
				{
					name: 'OPTIFONT',
					url: 'http://opti.netii.net/',
					reason: 'Korinna Agency Font',
					reasonURL: 'https://fontmeme.com/fonts/korinna-agency-font/'
				}
			]
		});
	}

	async run(msg) {
		const question = await this.fetchQuestion();
		const clueCard = await this.generateClueCard(question.question.replace(/<\/?i>/gi, ''));
		const connection = msg.guild ? this.client.dispatchers.get(msg.guild.id) : null;
		let playing = false;
		if (msg.guild && connection && connection.canPlay) {
			playing = true;
			connection.play(path.join(__dirname, '..', '..', 'assets', 'sounds', 'jeopardy.mp3'));
			await reactIfAble(msg, this.client.user, '🔉');
		}
		const category = question.category ? question.category.title.toUpperCase() : '';
		await msg.reply(`${category ? `The category is: **${category}**. ` : ''}30 seconds, good luck.`, {
			files: [{ attachment: clueCard, name: 'clue-card.png' }]
		});
		const msgs = await msg.channel.awaitMessages({
			filter: res => res.author.id === msg.author.id,
			max: 1,
			time: 30000
		});
		if (playing) connection.stop();
		const answer = question.answer.replace(/<\/?i>/gi, '*').replace(/\(|\)/g, '');
		if (!msgs.size) return msg.reply(`Time's up, the answer was **${answer}**.`);
		const win = msgs.first().content.toLowerCase() === answer.toLowerCase();
		if (!win) return msg.reply(`The answer was **${answer}**.`);
		return msg.reply(`The answer was **${answer}**. Good job!`);
	}

	async fetchQuestion() {
		const { body } = await request.get('https://jservice.xyz/api/random-clue');
		return body;
	}

	async generateClueCard(question) {
		const canvas = createCanvas(1280, 720);
		const ctx = canvas.getContext('2d');
		ctx.fillStyle = '#030e78';
		ctx.fillRect(0, 0, canvas.width, canvas.height);
		ctx.textAlign = 'center';
		ctx.textBaseline = 'top';
		ctx.fillStyle = 'white';
		ctx.font = this.client.fonts.get('OPTIKorinna-Agency.otf').toCanvasString(62);
		const lines = await wrapText(ctx, question.toUpperCase(), 813);
		const topMost = (canvas.height / 2) - (((52 * lines.length) / 2) + ((20 * (lines.length - 1)) / 2));
		for (let i = 0; i < lines.length; i++) {
			const height = topMost + ((52 + 20) * i);
			ctx.fillStyle = 'black';
			ctx.fillText(lines[i], (canvas.width / 2) + 6, height + 6);
			ctx.fillStyle = 'white';
			ctx.fillText(lines[i], canvas.width / 2, height);
		}
		return canvas.toBuffer();
	}
};