"use strict";

const CreditsView = (function(){

    const CreditsView = function(hollow_bond){

        const self = this;
        let root_element = null;

        this.destroy = () => {
            if(root_element && root_element.parentNode){
                root_element.remove();
                root_element = null;
            };
        };

        this.go = () => {
            self.destroy();

            root_element = hollow_bond.html(hollow_bond.item_self, ["div", {"class" : "credits-modal"}, [
                ["div", {"class" : "credits-box"}, [
                    ["h2", {"data-i18n" : "credits_title"}, hollow_bond.i18n.get("credits_title", null, "Créditos")], 
                    ["p", {"data-i18n" : "credits_author"}, hollow_bond.i18n.get("credits_author", null, "Desarrollador: Tú")], 
                    ["p", {"data-i18n" : "credits_ai"}, hollow_bond.i18n.get("credits_ai", null, "Asistencia Técnica: Gemini")], 
                    ["button", {
                        "class" : "menu-button", 
                        "data-i18n" : "btn_back", 
                        "onclick" : () => {
                            self.destroy();
                            hollow_bond.views.menu.go();
                        }
                    }, hollow_bond.i18n.get("btn_back", null, "Atrás")]
                ]]
            ]])[0];

            return self;
        };

    };

    return CreditsView;
})();