var location_document = $(location).attr('pathname').split("/");
var location_page = location_document[location_document.length -2] + "/" + location_document[location_document.length -1];

$(document).on('change', '#select-grillesTarif', retournerGrilleTarif);
$(document).on('click', '#ajouter-ligne', ajouterLigne);
$(document).on('click', '#ajouter-ligne-creer', ajouterLigneCreer);
$(document).on('click',  '#modifier-prix-produit', updateTarifProduit);
$(document).on("change",  '#select-revendeurs', retournerListeGrilleTarif);
$(document).on('click',  '#btn-reset', resetGrilleTarif);
console.log(location_page);

/************************************************************* GRILLE TARIF *************************************************************/
function retournerGrilleTarif() {
	if ($("#select-grillesTarif option:selected").val() != 0) {
        $("#tarifs-grilletarif").load("GrilleTarif", {"idGrilleTarif": $("#select-grillesTarif option:selected").val()});	
	} else {
		$("#tarifs-grilletarif").html("");
	}
}

function retournerListeGrilleTarif() {	
	var reqGrilleTarif = $.ajax({
        url: "api/Tarif/GrilleTarif/getGrilleTarif/"+$("#select-produits").val()+"/"+$("#select-revendeurs").val(),
        method: "GET",
        contentType: 'application/json',
        datatype: "json",
    });
	
	reqGrilleTarif.done(function(data) {
       if ($("#grilleTarif-revendeur").html() != "")
            $("#grilleTarif-revendeur").remove();
       $("#revendeurs-resultat").append("<p id='grilleTarif-revendeur' class='mt-3'>Grille tarif liée pour cette ville : " + data.libelle + "</p>");
    });
    reqGrilleTarif.fail(function(data) {
       $("#revendeurs-resultat").append("<p id='grilleTarif-revendeur' class='mt-3'>Pas de grille de tarif pour ce produit et ce revendeur</p>");
    });
		
	var request = $.ajax({
	  	url: "api/Tarif/GrilleTarif/Liste",
	  	method: "GET",
	  	contentType: 'application/json',
		datatype: "json",
	});
	
	request.done(function( data ) {		
		var html = [];
		var options = [];
		
		html.push("<label for='select-grilleTarif' class='label-form'>Liste des grilles tarif</label>");
		options.push("<option value='0'>Choisir une grille tarif...</option>");
		$.each(JSON.parse(JSON.stringify(data)), function(i, obj) {
			options.push("<option value='"+ obj.id +"'>"+obj.libelle+"</option>");
		});
		
		html.push("<select id='select-grilleTarif' name='select-grilleTarif' class='form-select form-select-lg'>"+options+"</select>");
		html.push("<div class='col-12 mt-5 text-center'><button type='submit' id='btn-lier-grilleTarif' name='btn-lier-grilleTarif' class='btn btn-primary btn-lg my-3'>Lier la grille tarif</button></div>"); 					
	    	    		    
	    $("#liste-grilletarif").html(html);
	});
		
	request.fail(function( jqXHR, textStatus ) {
		$("#liste-grilletarif").html("Impossible d'afficher la liste de grille de tarif");
	});
}

function createGrilleTarif() {
	/*Créer un tableau JSON a partir de la grille tarif*/	
	var tarifs = new Array();
		
	$("#table-grilleTarif").find("tbody tr").each(function() {
		if ($(this).find("input").val() != "") {		
				var tarifTransport = {};

				tarifTransport["libelle"] = $(this).find("#tarif-transport-libelle").val();
   				tarifTransport["km_min"] = parseInt($(this).find("#tarif-transport-kmmini").val());   		
   				tarifTransport["km_max"] = parseInt($(this).find("#tarif-transport-kmmaxi").val());
   				tarifTransport["prix_ht"] = $(this).find("#tarif-transport-prixht").val().replace(",",".");
					
				tarifs.push(tarifTransport);									
   		}
	});
		
	var jsonArray = JSON.stringify(tarifs);
	
	/*Envoyer le tableau JSON en Ajax au serveur qui va mettre à jour les valeurs*/
	var request = $.ajax({
		type: "POST",
		url: "api/Tarif/GrilleTarif/Creer/"+$("#creer-grille-tarif > div > input").val(),		
		contentType: 'application/json',
		data: jsonArray,
		datatype: "json",
	});
	
	/*En cas de succès, on renvoie un message au client*/
	request.done(function(response) {
        window.scrollTo(0, 0);
		$("#creer-grille-tarif").parent().prepend('<div id="ajax_succes" class="alert alert-primary text-center" role="alert">Grille de tarif créée</div>');
				
		setTimeout( function() {
			$("#ajax_succes").slideUp("slow", function(){
				$("#ajax_succes").remove();								
			});
		}, 5000);						
	});
	
	/*En cas d'erreur, on renvoie un message au client avec l'erreur*/
	request.fail(function(jqXHR, status, err) {
		$("#creer-grille-tarif").parent().prepend('<div id="ajax_error" class="alert alert-danger text-center" role="alert">Echec de la création de la grille de tarif.</div>');
								
		setTimeout( function() {
			$("#ajax_error").slideUp("slow", function(){
				$("#ajax_error").remove();
			});	
		}, 5000);
	});
}

/************************************************************* TARIF TRANSPORT *************************************************************/
function deleteTarifTransport(elem) {	
	var res = confirm("Etes-vous sur de vouloir supprimer ?");
			
	if (confirm == false) {
		return;
	} else {
		var tr = elem.parentElement.parentElement;
		
		/*Envoyer le tableau JSON en Ajax au serveur qui va mettre à jour les valeurs*/
		var request = $.ajax({
			type: "DELETE",
			url: "api/Tarif/"+$(tr).attr("id"),		
			contentType: 'application/json',
			datatype: "json",
		});
		
		/*En cas de succès, on renvoie un message au client*/
		request.done(function(response) {	
			/* On insert la valeur du tarif dans le tableau */
			tr.remove();
			 					
			/* On affiche le message de création du tarif */
			$("#gestion-tarifs").parent().prepend('<div id="ajax_succes" class="alert alert-primary text-center" role="alert">'
				+'Tarif supprimé : '+ response.libelle +'</div>');		
			setTimeout( function() {
				$("#ajax_succes").slideUp("slow", function(){
					$("#ajax_succes").remove();
				});
			}, 5000);	
		});
		
		/*En cas d'erreur, on renvoie un message au client avec l'erreur*/
		request.fail(function(jqXHR, status) {
			$("#gestion-tarifs").parent().prepend('<div id="ajax_error" class="alert alert-danger text-center" role="alert">Echec de la création du tarif.</div>');
			setTimeout( function() {
				$("#ajax_error").slideUp("slow", function(){
					$("#ajax_error").remove();
				});	
			}, 5000);
		});
	}	
}

function updateTarifTransport(elem) {
	var tr = elem.parentElement.parentElement;
	var tarifTransport = {};

	tarifTransport["id"] = $(tr).attr("id");
	tarifTransport["libelle"] = $(tr).find("#tarif-transport-libelle").val();
   	tarifTransport["km_min"] = $(tr).find("#tarif-transport-kmmini").val();   		
   	tarifTransport["km_max"] = $(tr).find("#tarif-transport-kmmaxi").val();
   	tarifTransport["prix_ht"] = $(tr).find("#tarif-transport-prixht").val().replace(",",".");
   	tarifTransport["id_grille_tarif"] = $("#select-grillesTarif option:selected").val();
   	   	
   	/*Envoyer le tableau JSON en Ajax au serveur qui va mettre à jour les valeurs*/
	var request = $.ajax({
		type: "PUT",
		url: "api/Tarif/"+$(tr).attr("id"),
		contentType: 'application/json',
		data: JSON.stringify(tarifTransport),
		datatype: "json",
	});
	
	/*En cas de succès, on renvoie un message au client*/
	request.done(function(response) {
		
		$("#gestion-tarifs").parent().prepend('<div id="ajax_succes" class="alert alert-primary text-center" role="alert">'
			+'Tarif modifié : '+ response.libelle +'</div>');		
		setTimeout( function() {
			$("#ajax_succes").slideUp("slow", function(){
				$("#ajax_succes").remove();
			});
		}, 5000);	
	});
	
	/*En cas d'erreur, on renvoie un message au client avec l'erreur*/
	request.fail(function(jqXHR, status) {
		$("#gestion-tarifs").parent().prepend('<div id="ajax_error" class="alert alert-danger text-center" role="alert">Echec de la modification.</div>');
		setTimeout( function() {
			$("#ajax_error").slideUp("slow", function(){
				$("#ajax_error").remove();
			});	
		}, 5000);
	});
}

/************************************************************* TARIF PRODUIT *************************************************************/
function updateTarifProduit() {	
	var idProduit = $("#select-produits option:selected").val();
	var idRevendeur = $("#select-revendeurs option:selected").val();	
	var nouveauPrix = $("#produit-revendeur-prixht").val();

	var request = $.ajax({
		type: "PUT",
		url: "api/Tarif/Update-Prix/"+idProduit+"/"+idRevendeur+"/"+nouveauPrix,		
		contentType: 'application/json',
		datatype: "json",
	});
	
	/*En cas de succès, on renvoie une vue jsp */
	request.done(function(reponse) {									
		$("#produit-info").parent().prepend('<div id="ajax_succes" class="alert alert-primary text-center" role="alert">Tarif modifié</div>');		
		setTimeout( function() {
			$("#ajax_succes").slideUp("slow", function(){
				$("#ajax_succes").remove();
			});
		}, 5000);			
	});
	
	/*En cas d'erreur, on renvoie un message au client avec l'erreur*/
	request.fail(function(jqXHR, status) {
		$("#produit-info").parent().prepend('<div id="ajax_error" class="alert alert-danger text-center" role="alert">Echec de la modification du tarif.</div>');
		setTimeout( function() {
			$("#ajax_error").slideUp("slow", function(){
				$("#ajax_error").remove();
			});	
		}, 5000);
	});
}

/************************************************************* HELPERS *************************************************************/
function ajouterLigne(e) {        
    addLigne("modifier");
    
    var dest = $("#table-grilleTarif").parent();
    $(e.target).parent().appendTo(dest);
}
function ajouterLigneCreer(e) {        
    addLigne("creer");
    
    var dest = $("#table-grilleTarif").parent();
    $(e.target).parent().appendTo(dest);
}
function addLigne(action) {
    if (action == "modifier") {
    	$("#table-grilleTarif").append("<tr class='text-center align-middle'>"+
    	        "<td>-</td>"+
    			"<td><input type='text' id='tarif-transport-libelle' name='n-tarif-transport-libelle' class='form-control' placeholder='libelle' /></td>"+
    			"<td><input type='text' id='tarif-transport-kmmini' name='n-tarif-transport-kmmini' class='form-control' placeholder='tranche basse' /></td>"+
    			"<td><input type='text' id='tarif-transport-kmmaxi' name='n-tarif-transport-kmmaxi' class='form-control' placeholder='tranche haute' /></td>"+
    			"<td><input type='text' id='tarif-transport-prixht' name='n-tarif-transport-prixht' class='form-control' placeholder='prix' /></td>"+
    			"<td><button type='button' value='Supprimer' class='btn btn-primary' onclick='deleteTarifTransport(this)'>Supprimer</button></td>"+
    	   "</tr>");
    } else if (action == "creer") {
        $("#table-grilleTarif").append("<tr class='text-center align-middle'>"+
                "<td><input type='text' id='tarif-transport-libelle' name='tarif-transport-libelle' class='form-control' placeholder='libelle' /></td>"+
                "<td><input type='text' id='tarif-transport-kmmini' name='tarif-transport-kmmini' class='form-control' placeholder='tranche basse' /></td>"+
                "<td><input type='text' id='tarif-transport-kmmaxi' name='tarif-transport-kmmaxi' class='form-control' placeholder='tranche haute' /></td>"+
                "<td><input type='text' id='tarif-transport-prixht' name='tarif-transport-prixht' class='form-control' placeholder='prix' /></td>"+
           "</tr>");
    }
}

function resetGrilleTarif() {	
	$("#table-grilleTarif").find("input").val("");
}

function comparer(index) {
	return function(a, b) {
    	var valA = getCellValue(a, index), valB = getCellValue(b, index)
    	return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.toString().localeCompare(valB)
	}
}

function getCellValue(row, index){ return $(row).children('td').eq(index).text() }