$('document').ready(function(){
 var username_state = false;
 var birthday_state = false;
 var email_state = false;
 var ville_state = false;
 $('#username').on('blur', function(){
  var username = $('#username').val();
  if (username == '') {
  	username_state = false;
  	return;
  }
  $.ajax({
    url: 'index.php',
    type: 'post',
    data: {
    	'username_check' : 1,
    	'username' : username,
    },
    success: function(response){
      if (response == 'taken' ) {
      	username_state = false;
      	$('#username').parent().removeClass();
      	$('#username').parent().addClass("form_error");
      	$('#username').siblings("span").text('Pseudo déjà utilisé');
      }else if (response == 'not_taken') {
      	username_state = true;
      	$('#username').parent().removeClass();
      	$('#username').parent().addClass("form_success");
      	$('#username').siblings("span").text('Pseudo disponible');
      }
    }
  });
 });		
 $('#birthday').on('blur', function(){
  var birthday = $('#birthday').val();
  if (birthday == '') {
  	birthday_state = false;
  	return;
  }
  $.ajax({
    url: 'index.php',
    type: 'post',
    data: {
    	'birthday_check' : 1,
    	'birthday' : birthday,
    },
    success: function(response){
      if (response == 'taken' ) {
      	birthday_state = false;
      	$('#birthday').parent().removeClass();
      	$('#birthday').parent().addClass("form_error");
      	$('#birthday').siblings("span").text('Vous devez avoir 18 ans.');
      }else if (response == 'not_taken') {
      	birthday_state = true;
      	$('#birthday').parent().removeClass();
      	$('#birthday').parent().addClass("form_success");
      	$('#birthday').siblings("span").text('');
	}
    }
  });
 });		
 $('#ville').on('blur', function(){
  var ville = $('#ville').val();
  $.ajax({
    url: 'index.php',
    type: 'post',
    data: {
    	'ville_check' : 1,
    	'ville' : ville,
    },
    success: function(response){
      if (response == 'taken' ) {
      	ville_state = false;
      	$('#ville').parent().removeClass();
      	$('#ville').parent().addClass("form_error");
      	$('#ville').siblings("span").text('Vous devez avoir une ville.');
      }else if (response == 'not_taken') {
      	birthday_state = true;
      	$('#ville').parent().removeClass();
      	$('#ville').parent().addClass("form_success");
      	$('#ville').siblings("span").text('');
	}
    }
  });
 });		
  $('#email').on('blur', function(){
 	var email = $('#email').val();
 	if (email == '') {
 		email_state = false;
 		return;
 	}
 	$.ajax({
      url: 'index.php',
      type: 'post',
      data: {
      	'email_check' : 1,
      	'email' : email,
      },
      success: function(response){
      	if (response == 'taken' ) {
          email_state = false;
          $('#email').parent().removeClass();
          $('#email').parent().addClass("form_error");
          $('#email').siblings("span").text('Email déjà utilisé');
      	}else if (response == 'not_taken') {
      	  email_state = true;
      	  $('#email').parent().removeClass();
      	  $('#email').parent().addClass("form_success");
      	  $('#email').siblings("span").text('Email disponible');
      	}
      }
 	});
 });

 $('#reg_btn').on('click', function(){
 	var username = $('#username').val();
 	var email = $('#email').val();
 	var password = $('#password').val();
 	var firstname = $('#firstname').val();
	var sexe = $('input:radio[name=sexe]:checked').val();
	var sexer = $('input:radio[name=sexer]:checked').val();
 	var birthday = $('#birthday').val();
 	var ville = $('#ville').val();
 	var co_num = $('#co_num').val();
 	var geoname_id = $('#geoname_id').val();
 	if (username_state == false || email_state == false) {
	  $('#error_msg').text('Veuillez corriger les erreurs');
	}else{
      // proceed with form submission
      $.ajax({
      	url: 'index.php',
      	type: 'post',
      	data: {
      		'save' : 1,
      		'email' : email,
      		'username' : username,
      		'password' : password,
      		'firstname' : firstname,
      		'sexe' : sexe,
      		'sexer' : sexer,
      		'birthday' : birthday,
      		'ville' : ville,
      		'co_num' : co_num,
      		'geoname_id' : geoname_id,
      	},
      	success: function(response){
      		alert('Profil créé, un mail vous a été envoyé.');
      		$('#username').val('');
      		$('#email').val('');
      		$('#password').val('');
      		$('#firstname').val('');
      		$('#sexe').val('');
      	}
      });
 	}
 });
});
	function set_value(vals){
		$("#ville").val(vals);
		$("#cname").val(vals);
	}
	var citydetails = new Array();
	var geodata = "";

  $( function() {
    $( "#ville" ).autocomplete({
			source: function(request, response) {
				
				$.ajax({ url: "https://www.preprod.abcoeur.com/fr/autocomplete/suggestcity",
				data: { term: $("#ville").val(), set_lang:"french" },
				dataType: "jsonp",
				jsonpCallback: 'callback',
				//type: "POST",
				type: "GET",
				beforeSend: function() {
					$('.homepage #loader-city').show();
				},
				success: function(data){
					$('.homepage #loader-city').hide();
					geodata = data;
					citydetails = new Array();
					if(data)
					{
						for(i=0; i<data.lang.length; i++)
						{
							citydetails[i]=data.lang[i]+', '+data.countryname[i];
						}
					}
					response(citydetails);

					$(".ui-menu-item a").click(function(){
						set_value($(this).html());
						
						for(i=0; i<=citydetails.length; i++)
						{
							if(citydetails[i] == $(this).html() && data){
								console.log(citydetails[i]);
								$("#co_num").val(data.co_num[i]);
								$("#geoname_id").val(data.geoname_id[i]);
							}
						}
					});
				}
			});
		},
		minLength: 1,
		select: function (event, ui) {
				set_value(ui.item.label);
				
				for(i=0; i<=citydetails.length; i++)
				{
					if(citydetails[i] == ui.item.label){
						$("#co_num").val(geodata.co_num[i]);
						$("#geoname_id").val(geodata.geoname_id[i]);
					}
				}
			},

    });
  } );