$(document).ready (function() {
    var modal = false;
    var $alert = $('.alert.alert-danger')
    var $divs = $('.bigbox, .minilogo, .box, .box-title, input, button, p');
    var $img = $('.logo, .imglogo');

    // Affiche les champs de connexion
    $('.open').click(function(e){
        e.preventDefault();
        e.stopPropagation();
        if (!modal) {
            modal = true;
            $('open').removeClass('up');
            $('box-overlay').addClass('up');
            $img.fadeOut();
            $divs.hide().velocity('transition.bounceUpIn', { duration: 1000, stagger: 100 })
        }
    })

    // Masque les champs de connexion
    $('.box-overlay').click(function(e){
        e.preventDefault();
        if (modal) {
            modal = false;
    		if ($alert.is(':visible')) {
    			$alert.fadeOut()
    		}
            $divs.velocity('transition.bounceDownOut', { duration: 500, stagger: 100, backwards: true })
            $img.delay(500).fadeIn();
            $('.form-control').val("");
        }
    });


    $('.box').click(function(e){
       e.stopPropagation();
    })


    $('.img').ready(function(){
    $img.hide().velocity('transition.bounceIn', { duration: 1000, stagger: 100 })

    });

    $('body').keydown(function(e){
        if (e.which == 13) {
         valide_formulaire();
        }
    })
    
	$('button').click(function(){
	    valide_formulaire();
	});


    function valide_formulaire() {
        $('button.btn.btn-primary').text("Vérification ...");
        if ($alert.is(':visible')) {
            $alert.fadeOut();
        }
        $.ajax({
            type : "POST",
            url : "/ajax/",
            data : {
                p:"login",
                user: $('#username').val(),
                pass: $('#password').val()
            }
        })

        .done(function(data, textstatus, jqXHR){
            if (jqXHR.status == 202) {

                $(location).attr('href',$('#url').val());
            }else{
                loginfail();
            }
        })

        .fail(function() {
            loginfail();
        })

        .always(function(){
            $('#username').val("");
            $('#password').val("");
            $('button.btn.btn-primary').text("Connexion");
        })
    }


	function loginfail() {
        M.toast({html : '<i class="material-icons left red-text">do_not_disturb_on</i> Incorrecte'})
		//$alert.text('Login incorrect');
		//$alert.hide().velocity('transition.bounceDownIn', {duration: 1000, stagger: 100 })
		//$alert.delay(2000).fadeOut();
	}

});