var tip = require('plugin/tip');

var $eyeBtn,
    $pwd,
    $nextBtn;

var page = {
    disableAjax: false,

    init: function() {
        this.domInit();
        this.bindEvent();
    },
    domInit: function() {
        $eyeBtn = $('#eye');
        $pwd = $('#pwd');
        $nextBtn = $('#btn-next');
    },
    bindEvent: function() {
        var self = this;

        $eyeBtn.on('click', function() {
            self.togglePassword();
        });

        $nextBtn.on('click', function() {
            !self.disableAjax && self.setPasswordAndLogin();
        });

        $pwd.on('input', function() {
            var bool = Boolean($.trim(this.value));

            $nextBtn
                .toggleClass('disable', !bool)
                .prop('disable', !bool);
        });
    },

    togglePassword: function() {
        var bool = $eyeBtn.hasClass('close');

        $eyeBtn.toggleClass(function() {
            $pwd.attr('type', !bool ? 'password' : 'text');
            return 'close';
        }, !bool);
    },

    setPasswordAndLogin: function() {
        var self = this;
        var password = $.trim($pwd.val());

        this.disableAjax = true;
        $.post('/passport/sms_login/password.json', {
            password: password
        })
            .done(function(res) {
                if (res.code === 200) {
                    location.href = res.redirect;
                    return;
                }

                tip.show(res.message);
            })
            .fail(function() {
                tip.show('出错了, 请重试');
            })
            .always(function() {
                self.disableAjax = false;
            });
    }
};

$(function() {
    page.init();
});