$.ajaxSetup({
    headers: {
        'content-type': 'application/json'
    }
});

$('#register-username')
.change(function(e) {
    var inputUsername = $(this);
    var username = inputUsername.val();
    var re = /^[A-Za-z][A-Za-z0-9_]+$/;
    var isUsernameValid = username.match(re);
    if(! isUsernameValid) {
        inputUsername
        .addClass('is-invalid')
        .removeClass('is-valid');
        return;
    }

    $.get(
        'http://localhost:3000/username-check?username=' + username,
        function(response) {
            console.log(response.success)
            if(response.success) {
                inputUsername
                .addClass('is-valid')
                .removeClass('is-invalid');
            }
            else {
                inputUsername
                .addClass('is-invalid')
                .removeClass('is-valid');
                return;
            }
        }
    );
});


$('#form-register').submit(function(e) {
    var username = $('#register-username').val();
    var email    = $('#register-email').val();
    var password = $('#register-password').val();
    var user = {
        username: username,
        email: email,
        password: password
    };
    var userJSON = JSON.stringify(user);
    console.log(username, email, password);
    e.preventDefault();
    $(this).find('input').val('');
    $.post('/register', userJSON, 'json');
})

var onglets = $('#onglets li a');

onglets.click(function(e) {
    var link = $(this);
    onglets.removeClass('active');
    link.addClass('active');
    var idPanneau = link.data('tab-id');
    $('.tab').hide();
    $('#' + idPanneau).show();
});