$(document).ready(function(){
	// Déclaration des variables
		//sélecteurs
	var $selection_rp = $('#selection_rp'),
		$selection_ws = $('#selection_ws'),
		$selection_periode = $('#periode'),
		$graph=$('#graphiques'),
		$selection_date = $('#date'),
		//définition des variables récupérant les valeurs des input et select
		periode='';
// Paramétrage du cache en false 
	$.ajaxSetup({cache: false});
	$selection_date.hide();

//Fonction pour supprimer les doublons dans un array

	function removeDuplicates(num) {
	  let x;
	  const len=num.length;
	  const out=[];
	  const obj={};

	  for (x=0; x<len; x++) {
		obj[num[x]]=0;
	  }
	  for (x in obj) {
		out.push(x);
	  }
	  return out;
	};

//Chargement du fichier Json

	$selection_periode.on('change',function(){
		periode = $('#periode option:selected').text();
		// console.log(periode);
		if (periode == "Journalière" ) {
			$selection_date.show();
			$.getJSON('statistiques_RP.json',function(rp_stats){
			//test du bon chargement (a commenter s'il n'y a pas de problème)
			// console.log(rp_stats);
			//Injection des valeurs d'option dans les select en fonction des clefs du json + création variable ctx
			$.each(rp_stats,function(jour){
				var ctx ='',
					date_value='',
					rp_value='',
					ws_value='';
				// vérification chargement des dates +// Création de la selection des dates
				// console.log(date);
				
				$selection_date.append('<option>'+jour+'</option>'); // Ajoute les options à la liste "date"
			});
			
			// Création de la liste des RP en fonction de la date
			
			$selection_date.on('change',function(){
				$graph.empty();
				$selection_rp.empty();
				$selection_rp.append('<option value="" disabled selected>Sélectionnez le reverse proxy</option>');
				$selection_ws.empty();
				$selection_ws.append('<option value="" disabled selected>Sélectionnez le webservice</option>');
				date_value=$('#date option:selected').text();
				$.each(rp_stats[date_value],function(reverse_proxy){
					// console.log(reverse_prowy);
					$selection_rp.append('<option>'+reverse_proxy+'</option>');
				});
				// console.log(date_value);
			});
			//Création de la liste des webservices en fonction du RP
				$selection_rp.on('change',function(){
					$graph.empty();
					$selection_ws.empty();
					$selection_ws.append('<option value="" disabled selected>Sélectionnez le webservice</option>');
					rp_value=$('#selection_rp option:selected').text();
					$.each(rp_stats[date_value][rp_value],function (webservices){
						// console.log(webservices);
						
						$selection_ws.append('<option>'+webservices+'</option>');
						console
					});
				});
				
					$selection_ws.on('change',function (){
							var labels_ws=[],
								data_ws =[],
								colors=['#01DF01','#DF0101','#BF00FF','#08088A','#000000','#F4FA58'];
							ws_value=$('#selection_ws option:selected').text();
							$graph.empty();
							if (date_value != "All"){
							$graph.append('<div class="chart-container"><canvas id="'+ws_value+'" height="600"></canvas></div>');
							$.each(rp_stats[date_value][rp_value][ws_value],function(code_apache){
								labels_ws.push(code_apache);
								data_ws.push(rp_stats[date_value][rp_value][ws_value][code_apache]);
								ctx= $('#'+ws_value);
								new Chart(ctx,{
											type:'pie',
											data:{
												labels:labels_ws,
												datasets: [{
													data:data_ws,
													backgroundColor: colors
												}],
											},
											options:{
												responsive: true,
												maintainAspectRatio: false,
												title:{
													display: true,
													text: ws_value
												}
											}
										});
							});
							}
							else {
								console.log(date_value);
							};
						});
			});
		}
		else {
			$selection_date.hide();
			$selection_rp.empty();
			$.getJSON("statistiques_RP.json", function(rp_stats){
				var name_rp=[],
					rp_value='',
					ws_value='',
					date_value=[];
					tmp_rp=[];
				$.each(rp_stats, function (jour){
				date_value.push(jour);
					$.each(rp_stats[jour],function(reverse_proxy){
						tmp_rp.push(reverse_proxy);
						name_rp=removeDuplicates(tmp_rp);
					});
					// console.log(name_rp);
				});
				// console.log(name_rp);
				// console.log(date_value);
				for (var i=0; i<name_rp.length; i++){
				$selection_rp.append('<option>'+name_rp[i]+'</option>');
				};
				$selection_rp.on('change',function(){
					var tmp_ws=[],
						name_ws=[];
					
					$selection_ws.empty();
					$selection_ws.append('<option value="" disabled selected>Sélectionnez le webservice</option>');
					rp_value=$('#selection_rp option:selected').text();
					// console.log(date_value.length);
					for (var j=0; j<date_value.length;j++){
						
						$.each(rp_stats[date_value[j]][rp_value], function (webservices){
							tmp_ws.push(webservices);
							name_ws=removeDuplicates(tmp_ws);
						});
					};
					// console.log(name_ws);
					for (var i=0; i<name_ws.length;i++){
						$selection_ws.append('<option>'+name_ws[i]+'</option>');
					};
					// Création du graphique général
					$selection_ws.on('change',function(){
						var tmp_ca=[],
							code_label=[],
							data_value=[],
							dataset_value=[],
							colors_choice=['#01DF01','#DF0101','#BF00FF','#08088A','#000000','#F4FA58'];
							
						$graph.empty();
						
						ws_value=$('#selection_ws option:selected').text();
						for ( var i=0;i<date_value.length;i++){
							$.each(rp_stats[date_value[i]][rp_value][ws_value],function (codeapache){
								tmp_ca.push(codeapache);
								// console.log(rp_stats[date_value[i]][rp_value][ws_value][codeapache]);
								code_label=removeDuplicates(tmp_ca)
							});
						};
						console.log(code_label);
						code_label.forEach(function(code){
							console.log(code)
						});
						
					});
				});
			});
		};
	});
});