var ProfileView = View.extend({

  el: "#profile",
  
  events: {
  },
  
  action: "/api/user/",
  
  initialize: function(opt){
    this.template = this.$(".template").html()
  },
  
  load: function(username){
    $.get(this.action + username, this.populate.bind(this))
  },
  
  populate: function(user){
    $("body").removeClass('loading')
    var $table = this.$("table")
    var username = sanitize(user.username)
    var is_own_profile = (username === auth.user.username)
    if (is_own_profile) {
      $(".edit_profile a").attr("href", "/profile/" + username + "/edit")
    } else {
      $(".edit_profile").hide()
    }
    this.$("img").attr("src", profile_image(username))
    var fields = [
      ["username", "Username"],
      ["realname", "Real Name"],
      ["location", "Location"],
      ["phone", "Phone"],
    ].map(pair => {
      var key = pair[0], label = pair[1]
      if (! user[key]) return;
      return [key, sanitize(user[key])]
    })
    
    if (user.email) {
      fields.push([
        'Email',
        '<a href="mailto:' + sanitize(user.email) + '">' + sanitize(user.email) + '</a>'
      ])
    }
    if (user.twitter) {
      if (user.twitter.match(/^http/)) {
        var partz = user.twitter.split('/')
        if (partz.length > 2) {
          var handle = sanitize(partz[3])
          fields.push([
            'Twitter',
            '<a href="https://twitter.com/' + handle + '">@' + handle + '</a>'
          ])
        }
      } else {
        var handle = sanitize(user.twitter)
        fields.push([
          'Twitter',
          '<a href="https://twitter.com/' + handle + '">@' + handle + '</a>'
        ])
      }
    }
    if (user.website) {
      var websit = sanitize(user.website)
      fields.push([
        'Website',
        '<a href="https://twitter.com/' + website + '">' + website + '</a>'
      ])
    }
    
    fields = [
      ["firstseen", "First Seen"],
      ["lastseen", "Last Seen"],
    ].split(" ").map((key) => {
      var key = pair[0], label = pair[1]
      if (! user[key]) return;
      var date = verbose_date(user[key])
      return [key, date[0] + ' <small>' + date[1] + '</small>']
    }).concat(fields)

    var t = this.template.replace(/{{key}}/, "&nbsp;")
                         .replace(/{{value}}/, '<a href="/mail/compose/' + username + '">send ' + username + ' a message</a>')
    $table.append(t)
  },

})