$(document).on('click',  '#btn-famille-supprimer', supprimerFamille);
$(document).on('click',  '#btn-famille-modifier', modifierFamille);

/************************************************************* SUPPRIMER FAMILLE ************************************************************/
function supprimerFamille(e) {
    e.preventDefault();
        
    let res = confirm("Etes-vous sur de vouloir supprimer la famille ?");
    
    if (res == false) {
        return;
    } else {		
		let form 		 	= $(this).closest("form");
		let famille_id	 	= $(form).find("#famille-id").val();
        let famille_libelle = $(form).find("#famille-libelle").val();
        
        
		var request = $.ajax({
            url: "api/Produit/Famille/Supprimer/"+ famille_id,
            method: "DELETE"
        });	
	    
        request.done(function( data ) {                        
            $(document).scrollTop(0);
	
			$(form).fadeOut("slow", function() {
				$(form).remove();
				$("#ajax-succes").append("Le produit " + famille_libelle + " a bien été supprimé.").slideDown("slow").delay(2500).slideUp("slow", function() {
					$("#ajax-succes").text("");				
				});
			});            
        });
        
        request.fail(function(response) {    
			$(document).scrollTop(0);
			        
            $("#ajax-echec").append("Impossible de supprimer la famille...").slideDown("slow").delay(2500).slideUp("slow");
            
            setTimeout(function() {
                $("#ajax-echec").text("");
            }, 5000);
        });
    }    
}

/************************************************************* MODIFIER FAMILLE ************************************************************/
function modifierFamille(e) {
    e.preventDefault();
            		
	let form 		 	= $(this).closest("form");
	let famille_id	 	= $(form).find("#famille-id").val();
    let famille_code 	= $(form).find("#famille-code").val();
    let famille_libelle = $(form).find("#famille-libelle").val();
    let famille_couleur = $(form).find("#famille-couleur").val();
    let new_famille 	= famille_couleur.replace('#', '%23');
    
	var request = $.ajax({
        url: "api/Produit/Famille/Modifier/"+famille_id+"/"+famille_code+"/"+famille_libelle+"/"+new_famille,
        method: "PUT"
    });	
    
    request.done(function( data ) {
		$(document).scrollTop(0);
	
		$("#ajax-succes").append("Le produit " + famille_libelle + " a bien été modifié.").slideDown("slow").delay(2500).slideUp("slow", function() {
			$("#ajax-succes").text("");
		});	
    });
    
    request.fail(function(response) {            
        $("#ajax-echec").append("Impossible de modifier la famille...").slideDown("slow").delay(2500).slideUp("slow");
        
        setTimeout(function() {
            $("#ajax-echec").text("");
        }, 5000);
    });    
}