export default class SelectDialog extends Dialog {
    constructor(data, options) {
        super(options);

        this.data = {
            title: data.title,
            buttons: data.buttons,
            content: renderTemplate("systems/daggerheart/templates/dialog/item-select.hbs", {
                items: data.choices
            }),
        };

        this.actor = data.actor;
        this.actionCostMax = data.actionCostMax;
        this.nrChoices = data.nrChoices;
        this.validate= data.validate;
    }

    async getData(options={}) {
        let buttons = Object.keys(this.data.buttons).reduce((obj, key) => {
          let b = this.data.buttons[key];
          b.cssClass = (this.data.default === key ? [key, "default", "bright"] : [key]).join(" ");
          if ( b.condition !== false ) obj[key] = b;
          return obj;
        }, {});

        const content =  await this.data.content;

        return {
          content: content,
          buttons: buttons
        };
      }

    activateListeners(html) {
        super.activateListeners(html);
        $(html).find('.item-button').click(this.selectChoice);
    }

    selectChoice = async (event) => {
        if(this.validate){
            if(!this.validate(event.currentTarget.dataset.validateProp)){
                return;
            }
        }

        event.currentTarget.classList.toggle('checked');
        $(event.currentTarget).find('i')[0].classList.toggle('checked');

        const buttons = $(this.element[0]).find('button.checked');
        if(buttons.length === this.nrChoices){
            $(event.currentTarget).closest('.window-content').find('.confirm')[0].disabled = false;
        } else {
            $(event.currentTarget).closest('.window-content').find('.confirm')[0].disabled = true;
        }
    }

    /**
     * 
     * @param {*} data
     * choices, actor, title, cancelMessage, nrChoices, validate 
     * @returns 
     */
    static async selectItem(data) {
        return this.wait({
            title: data.title ?? "Selection",
            buttons: {
                no: {
                    icon: '<i class="fas fa-times"></i>',
                    label: game.i18n.localize("DAGGERHEART.General.Cancel"),
                    callback: _ => {
                        if(data.cancelMessage){
                            ChatMessage.create({content: data.cancelMessage });
                        }
                        return [];
                    }
                  },
                confirm: {
                    icon: '<i class="fas fa-check"></i>',
                    label: game.i18n.localize("DAGGERHEART.General.OK"),
                    callback: html => {
                        const buttons = $(html).find('button.checked');
                        return buttons.map(key => Number.parseInt(buttons[key].dataset.index)).toArray();
                    },
                    disabled: true
                },
            },
            choices: data.choices,
            actor: data.actor, 
            nrChoices: data.nrChoices ?? 1,
            validate: data.validate
        });
    }
}