define([
    'underscore',
    'backbone',
    'i18n',
    'bootstrap'
], function(_, Backbone, i18n, bootstrap) {
    var AlertView = Backbone.View.extend({
        tagName: "div",
        className: "alert",
        initialize: function(options) {
            var self = this;

            if (options) {
                this.alert = options.alert || "info";
                this.message = options.message || "";
            }
            // remove view when alert is closed
            this.$el.bind('closed', function () {
                self.remove();
            });
        },
        render: function() {
            var template = _.template($("#alert_template").html(), {
                msg: this.message
            });

            this.$el.addClass("alert-" + this.alert).html(template).alert();

            $('.block-alert').empty().append(this.$el);

            return this;
        }
    });

    return AlertView;
});