<div id="loginRegister" class="reveal-modal" data-reveal>

  <h2>Login :</h2>
  {{input placeholder='Email' value=loginEmail}}
  {{input placeholder='Password' value=loginPass}}
  <button class="tiny small" {{action 'login' loginEmail loginPass}}>Login</button>

  <a class="close-reveal-modal">&#215;</a>
</div>

App.ApplicationView = Ember.View.extend({
  // Navbar
  didInsertElement: function() {
    this.$().foundation('topbar');
    this.$().foundation('reveal');
    this.$().foundation('reveal-modal');
    this.$().foundation('reveal-id');
  },
  willDestroyElement: function() {
    this.$().foundation('topbar', 'off');
    this.$().foundation('reveal', 'off');
    this.$().foundation('reveal-modal', 'off');
    this.$().foundation('reveal-id', 'off');
  }
});

App.ApplicationController = Ember.Controller.extend({
  isLoggedIn: false,

  init: function() {
    var self = this;
    self._super();

    auth = new FirebaseSimpleLogin(appRef, function(error, user) {
      if (error) {
        console.log(error);
      } else if (user) {
        self.set('isLoggedIn', true);
      } else {
        self.set('isLoggedIn', false);
      }
    });
  }
});

App.ApplicationRoute = Ember.Route.extend({
  actions: {
    login: function(email, pass) {
      auth.login('password', {
        email: email,
        password: pass
      });
    },

    logout: function() {
      auth.logout();
    }
  }
});