(function(app) {

    function Template(html) {
        this.html = html;
    }

    Template.prototype.render = function (model) {
        return app.get('html').element(this.html, model);
    };

    app.templates = [];
    app.template = function (key) {
        var tpl = this.templates[key];
        if(tpl == null) {
            throw  new Error(key + ' template is not found');
        }
        return tpl;
    }

    app.run(function() {
        readTemplates(app.rootViewElement);
    })

    function readTemplates(containerEl) {
        var els = containerEl.querySelectorAll('[data-template]');
        var store = app.templates;

        Array.prototype.forEach.call(els, function(element) {
            var key = element.getAttribute('data-template');

            if(store[key] instanceof Template) {
                console.warn(key + ' templates already registered');
                return;
            }

            store[key] = new Template(element.innerHTML);
        });
    }


})(window.app);