var CartSummary = ScrollableView.extend({
  
  el: "#cart_summary",
  
  template: $("#cart_summary .template").html(),
  
  events: {
  },
  
  data: null,
  
  initialize: function(opt){
    this.parent = opt.parent
    this.$loader = this.$(".loader")
    this.$cart_body = this.$(".cart_body")
    this.$cart_empty = this.$(".cart_empty")
    this.scroller = new IScroll('#cart_summary', app.iscroll_options)
  },
  
  show: function(){
    document.body.className = "cart"
    app.cart.el.className = "summary"
    if (auth.has_cart()) {
      this.load()
    }
    else {
      this.empty()
    }
  },
  
  load: function(){
    this.$loader.show()
    sdk.cart.get_status({
      success: this.populate.bind(this),
      error: this.empty.bind(this),
    })
  },
  
  populate: function(data){
    this.data = data

    this.$loader.hide()
    app.footer.show("SHIPPING >", "CANCEL")

    console.log(data)

    app.header.set_cart_count(data.Cart.Items.length)
    console.log("HEY")
    this.parent.$itemcount.html(pluralize(data.Cart.Items.length, "ITEM", "S"))

    this.$el.removeClass("empty").addClass("full")
    this.deferScrollToTop()
  },
  
  empty: function(){
    this.$loader.hide()
    app.footer.hide()
    app.header.set_cart_count(0)
    this.parent.$itemcount.html("0 ITEMS")
    this.$el.addClass("empty").removeClass("full")
  },

  ok: function(){
    app.router.go('cart/shipping')
  },
  
  cancel: function(){
    app.router.go('intro')
  },
  
  remove_item: function(e){
    // $( e.currentTarget ).closest(".row").remove()
    sdk.cart.delete_item({
      data: {
        Code10: "",
        Size: "",
      },
    }).done(function(){
    })
  },

})