$(document).on("click", "#btn-commande", afficherFormulaireCommande);			

function afficherFormulaireCommande(e) {
    var btn = e.target;
    var parent = $(btn).parents().closest(".row");
    
    var input_montant   = $(parent).find("#input-montant").val();
    var totalht_origine = $(parent).find("#prix-total").val();    
    var produit_montant = parseFloat(totalht_origine) * parseInt(input_montant);
     	
    var panier = {
        produit: {
            id: $(parent).find("#id-produit").val()  
        },
        commune: {
            id: $(parent).find("#id-commune").val()  
        },
        revendeur: {
            id: $(parent).find("#id-revendeur").val()
        },
        tarifTransport: {
            id: $(parent).find("#id-tarifTransport").val()  
        },
        poidsCamion: $(parent).find("#multiple").val(),
        qte: $(parent).find("#input-montant").val()
    }
        
    var request = $.ajax({
	  	url: "api/Commande/Envoyer-Formulaire",
	  	method: "POST",
	  	contentType: 'application/json',
		datatype: "json",
		data: JSON.stringify(panier)
	});
		
	request.done(function(data) {		
		var url = "CommanderMaintenant";
		
		var panier = {
            panier: data   
        };
		
		$("#comparaison-resultat").animate({
	   		right: "-500",    	
	 		opacity: 0
 		}, 500);
 		
		setTimeout(function() {
			$("#resultat-produit").remove();
		}, 600);
		
		setTimeout(function() {
            
			$("#comparaison-resultat").load(url, panier); 
	        $("#comparaison-resultat").animate({
	   			right: "0",
		 		opacity: 1,
		 	}, 500);	        	        
    	}, 500);
    	
    	$('html, body').animate({
            scrollTop: $("#comparaison-resultat").offset().top
        });
		
 	});
	
	request.fail(function( jqXHR, textStatus ) {		
		$("#resultat-produit").append("Echec de la récupération de la commande");		
	});
}