var SettingsView = FormView.extend({
  
  el: "#settings",
  
  events: {
    "change [name=store]": "changeStore",
    "change [name=hub]": "changeHub",
  },
  
  initialize: function(){
    this.$form = this.$(".form")
    this.$msg = this.$(".msg")
    this.$store = this.$("[name=store]")
    this.$hub = this.$("[name=hub]")
    this.scroller = ScrollFactory('#settings', app.iscroll_options)
  },

  show: function(){
    if (! auth.logged_in()) { return app.router.go("intro") }
    if (! navigator.onLine) {
      app.closed.showElement()
      app.closed.setMessage("PLEASE GO ONLINE TO CHANGE<br>YOUR NOTIFICATION SETTINGS.", "")
      return
    }
    app.account.consent.check()
    document.body.className = "settings"
    this.deferScrollToTop()
    
    this.$store.prop("checked", !! push.settings.store)
    this.$hub.prop("checked", !! push.settings.hub)
    // push.subscribe("store")
    // push.subscribe("hub")
  },
  
  changeStore: function(){
    var state = app.settings.$store.prop("checked")
    if (state) { push.subscribe("store") }
    else { push.unsubscribe('store') }
  },
  changeHub: function(){
    var state = app.settings.$hub.prop("checked")
    if (state) { push.subscribe("hub") }
    else { push.unsubscribe('hub') }
  },

})