(function() {
  'use strict';
  window.Whisper = window.Whisper || {};

  Whisper.ToastView = Whisper.View.extend({
    className: 'toast',
    templateName: 'toast',
    initialize: function() {
      this.$el.hide();
    },

    close: function() {
      this.$el.fadeOut(this.remove.bind(this));
    },

    render: function() {
      this.$el.html(
        Mustache.render(
          _.result(this, 'template', ''),
          _.result(this, 'render_attributes', '')
        )
      );
      this.$el.show();
      setTimeout(this.close.bind(this), 2000);
    },
  });
})();