var CommentsView = FormView.extend({
  
  el: "#comments",
  
  events: {
  },
  
  initialize: function(){
    this.__super__.initialize.call(this)
    this.template = this.$(".template").html()
  },
  
  load: function(comments){
    comments.forEach(this.appendComment.bind(this))
  },
  
  parse: function(comment){
    var datetime = verbose_date(comment.date)
    var t = this.template.replace(/{{username}}/g, comment.username)
                         .replace(/{{comment}}/g, comment.comment)
                         .replace(/{{date}}/g, datetime[0])
                         .replace(/{{time}}/g, datetime[1])
    return t
  },
  
  prependComment: function(comment){
    var $el = $( this.parse(comment) )
    this.$el.prepend($el)
  },

  appendComment: function(comment){
    var $el = $( this.parse(comment) )
    this.$el.append($el)
  },
  
  success: function(){
    this.prependComment(comment)
  }
})