$(document).ready(function(){
	
	
	function prXHR(){
		var xhr = new window.XMLHttpRequest();
		xhr.upload.addEventListener('progress', function(evt){
			if(evt.lengthComputable){
				var percentComplete = evt.loaded / evt.total;
				$('#general_progress').find('.determinate').width(Math.round(percentComplete * 100)+'%');
			}
		},false);
		xhr.addEventListener('progress', function(evt){
			if (evt.lengthComputable){
				var percentComplete = evt.loaded / evt.total;
				$('#general_progress').find('.determinate').width(Math.round(percentComplete * 100)+'%');
			}
		},false);
		return xhr;
	}
				
	function nfXHR(){return new window.XMLHttpRequest();}
				
	function hideProgressBar(){
		$('#general_progress').hide();
		$('#general_progress').find('.determinate').width('0%');
	}
	
	
	function makeAjax(url,method,dat,type,callback,x,extra){
		if(x){ $('#general_progress').show();}
		
		var processData=true;
		if(method != "GET" || null === dat)
			processData=false;
		else
			processData=true;
		
		return $.ajax({
			xhr:x?prXHR:nfXHR,
			url: url,
			method: method,
			cache:false,
			data:dat,
			processData: processData,
			contentType: false,
			dataType: type
		}).done(function(d){
			if(x) hideProgressBar();
			if(extra)
				callback(d,extra);
			else
				callback(d);
		}).fail(function(a,b,d){
			if(x) hideProgressBar();
			toastr.error('Error al establecer conexión','', {progressBar:true});
			if(extra)
				callback(false,extra);
			else
				callback(false);
		});
	}
	

			var log=false;
		
		
		function loginCallback(d){
			$('#closeLoginModal').click();
			log=false;
			if(d){
				switch(d.e){
					case 0:
						toastr.success('Bienvenido!', {progressBar:true});
						location.reload(); 
						break;
					case 1:
						toastr.error('Usuario incorrecto', {progressBar:true});
						break;
					case 2:
						toastr.error('Contraseña incorrecta', {progressBar:true});
						break;
				}
			}
		}
		
		
		var cid, cod, dni;
		function retrieveHistorial(d){
			console.log(d);
			if(d){
				switch(d.e){
					case 0:
						var total = d.total,l = d.historia.length,item,items = [],i=0, pages = Math.ceil(total/max);
						pages = pages < 1 ? 1 : pages;
						$('#pagination-top').empty();
						$('#pagination-top').removeData("twbs-pagination");
						$('#pagination-top').unbind("page");
						$('#pagination-bottom').empty();
						$('#pagination-bottom').removeData("twbs-pagination");
						$('#pagination-bottom').unbind("page");
						$('.pagination-sm').twbsPagination({
							totalPages: pages,
							startPage:currentPage+1,
							initiateStartPageClick: false,
							visiblePages: 7,
							onPageClick: function (event, page) {
								currentPage=page-1;
								get_History();
							}
						});
						for(;i<l;i++)
							items[i]=makeHistory(d.historia[i]);
						$('#list_histCli').html(items.join(''));
						break;
					case 1:
						break;
				}
			}
		}
			
			
		var max = 20, currentPage = 0;
		function get_History(){
			var dat = {
				cod: cod,
				dni: dni,
				start: max*currentPage,
				limit: max
			};
			makeAjax('api/cliente_history','GET',dat,'json',retrieveHistorial,true);
		}
			
		function makeHistory(d){
			var item=[],i=0;
			item[i++]='<tr><td class="celda">'+d.fecha+'</td>';
			item[i++]='<td class="celda">'+d.nombre+'</td>';
			item[i++]='<td class="celda">'+d.precio+'</tr>';
			return item.join("");
		}
			
		function make_datosCli(d){
			var item=[],i=0;
			item[i++]='<tr><td class="celda">'+d.cliente.codtarjeta+'</td>';
			item[i++]='<td class="celda">'+d.cliente.nombre+'</td>';
			item[i++]='<td class="celda">'+d.cliente.apellido+'</td>';
			item[i++]='<td class="celda">'+d.cliente.telefono+'</td>';
			item[i++]='<td class="celda">'+d.cliente.dob+'-'+d.cliente.mob+'-'+d.cliente.yob+'</td></tr>';
			return item.join("");
		}
		
		
		$("body").on("submit","#login_form",function(){
			if(log)
				return false;
			log=true;
			
			var formData = new FormData();
			formData.append('name',document.login_form.name.value);
			formData.append('password',document.login_form.password.value);
			
			makeAjax("api/login","POST",formData,"json",loginCallback,true);
			return false;
		});
		
		$("body").on("submit","#check_cliente",function(){
			cod = $('#tar_cli').val();
			dni = $('#dni_cli').val();
			$('#info').hide();
			var dat = {
				cod: cod,
				dni: dni
			};
			makeAjax("api/clienteul","GET",dat,"json",function(d){
				if(d){
					switch(d.e){
						case 0:
							$('#list_info_cli').html(make_datosCli(d));
							$('#foto_cli').attr('src','/files/'+d.cliente.foto);
							$('#info').show();
							cid = d.cliente.id;
							get_History();
							toastr.success('Datos encontrados exitosamente',{progressBar:true});
							break;
						default:
							toastr.error('Error, no se consiguieron los datos del cliente',{progressBar:true});
							break;
					}
				}
			},true);
			
			return false;
		});
		
	
});