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)

    this.$rows = this.$(".rows")
    this.$subtotal = this.$(".subtotal")
    this.$shipping = this.$(".shipping")
    this.$tax = this.$(".tax")
    this.$total = this.$(".total")
  },
  
  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)

    this.parent.$itemcount.html(pluralize(data.Cart.Items.length, "ITEM", "S"))

    this.$rows = this.$(".rows")
    
    var subtotal = data.Cart.Totals.TotalToPay
    var shipping_cost = data.Cart.DeliveryMethod.Selected.Amount.Total
    var tax = 0
    var total = data.Cart.Totals.TotalToPay
    
    this.$subtotal.html( as_cash(subtotal) )
    this.$shipping.html( as_cash(shipping_cost) )
    this.$tax.html( as_cash(tax) )
    this.$total.html( as_cash(total) )

    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(){
    })
  },

})