import Logger from "../../utils/Logger"
import { M5Character } from "../actors/M5Character"
import { M5Item } from "../items/M5Item"
import { M5SkillLearned, M5SkillUnlearned } from "../M5Base"

export default class M5CharacterSheet extends ActorSheet {

	static get defaultOptions() {
		return mergeObject(super.defaultOptions, {
			template: "systems/midgard5/templates/sheets/character/main.hbs",
			width: 600,
			height: 400,
			classes: ["midgard5", "sheet", "character"],
			tabs: [{ navSelector: ".sheet-navigation", contentSelector: ".sheet-content", initial: "base_values" }]
		})
	}

	// get template() {
	// 	return "systems/midgard5/templates/character_sheet/main.hbs"
	// }Options extends ActorSheet.Options = ActorSheet.Options, Data extends object = ActorSheet.Data<Options>

	override getData(options?: Partial<ActorSheet.Options>): ActorSheet.Data<ActorSheet.Options> | Promise<ActorSheet.Data<ActorSheet.Options>> {
		const actor = this.actor as M5Character
		//console.log("Sheet getData", (actor as any).data)
		return Promise.resolve(super.getData(options)).then(context => {
			actor.prepareDerivedData()

			const actorData = (actor as any).data.toObject(false)
			context.actor = actorData;
			context.data = actorData.data;
		
			//console.log("Sheet Promise", context.actor, context.data)
			return context
		})
	}

	override activateListeners(html: JQuery) {
		super.activateListeners(html)

		html.find(".edit-skill").on("click", async (event) => {
			const row = event.target.parentElement
			let skillId = row.dataset["skill"]

			const context = this.actor.data
			const item = context.items.get(skillId)
			item.sheet.render(true)
		})

		html.find(".roll-learned-button").on("click", async (event) => {
			const row = event.target.parentElement.parentElement
			let skillId = row.dataset["skill"]

			const actor = this.actor as any
			const context = this.actor.data
			const data = context.data

			const item = context.items.get(skillId) as M5Item
			await item.roll()
		})

		html.find(".roll-general-button").on("click", async (event) => {
			const row = event.target.parentElement.parentElement
			let skillName = row.dataset["skill"]

			const actor = this.actor as M5Character
			const context = this.actor.data
			const data = context.data

			const skill = data.skills.general[skillName]
			const attribute = data.attributes[skill.attribute]
			//console.log(skill, attribute)

			const r = new Roll("1d20 + @fw + @bonus", {
				fw: skill.fw,
				bonus: M5Character.attributeBonus(attribute)
			})
			await r.evaluate().then(value => {
				const skillLocalized = (game as Game).i18n.localize("midgard5." + skillName)
				const chatString = skillLocalized + ": " + value.result + " = " + value.total
				//console.log(chatString)
	
				const speaker = ChatMessage.getSpeaker({actor: actor})
				let chatData = { content: (game as Game).i18n.format(chatString, {name: (actor as any).name}), speaker }
				ChatMessage.applyRollMode(chatData, (r.options as any).rollMode)
				return ChatMessage.create(chatData)
			})
		})

		html.find(".learn-button").on("click", async (event) => {
			const row = event.target.parentElement.parentElement
			let skillName = row.dataset["skill"]

			const data = this.actor.data.data
			const unlearnedSkill = data.skills.general[skillName] as M5SkillUnlearned

			const itemData = {
				name: (game as Game).i18n.localize("midgard5." + skillName),
				type: "skill",
				data: {
					fw: unlearnedSkill.initial,
					attribute: unlearnedSkill.attribute,
					skill: skillName,
					type: "general"
				} as M5SkillLearned
			}

			this.actor.createEmbeddedDocuments("Item", [itemData]).then(docs => {
				const item = docs[0]
				//console.log("createEmbeddedDocuments", item.data)
			})
		})

		// Drag & Drop
		// const dragDropSkill = new DragDrop({
		// 	dragSelector: ".items-list .item",
		// 	dropSelector: ".sheet-body",
		// 	permissions: { dragstart: this._canDragStart.bind(this), drop: this._canDragDrop.bind(this) },
		// 	callbacks: { dragstart: this._onTransferItemDragStart.bind(this), drop: this._onTransferItemDrop.bind(this) },
		// })
		// dragDrop.bind(html[0])
	}
}