import Ember from 'ember';

const { get, set, setProperties, inject, observer } = Ember;

export default Ember.Controller.extend({
    session: inject.service(),

    username: null,
    password: null,
    loginErrorMessage: null,
    isLoggingIn: false,

    resetLoginErrorMessage: observer('username','password', function() {
        set(this, 'loginErrorMessage', null);
    }),

    actions: {

        login() {
            console.log("logging in");
            var username = get(this, 'username');
            var password = get(this, 'password');

            this.set('isLoggingIn', true);
            this.get('session').authenticate('authenticator:drf-token', username, password).catch((response) => {
                if (response && response.errors && response.errors.base) {
                    this.set('loginErrorMessage', response.errors.base[0]);
                    //focus password field
                    document.getElementById('passfield').focus();
                }
            }).finally(() => {
                this.set('isLoggingIn', false);


            });
        }

    },
    reset() {
        setProperties(this, {
            username: null,
            password: null,
            loginErrorMessage: null,
            isLoggingIn: false
        });
    }
});