$(document).on("click", "#action-commander", afficherFormulaireCommande);

function afficherFormulaireCommande(e) {
   
  	var panier = {
		commune: {
			id: $("#id-commune").val()
		},
		itemsPanier : []
	};
	  
    $(".panier-montant").each(function() {
		if ($(this).val() > 0) {
			var parent = $(this).closest(".row");
					
			var item = {  
				 id_produit: 		$(parent).find("#id-produit").val() ,
            	 id_revendeur: 		$(parent).find("#id-revendeur").val() ,            
            	 id_periode: 		$(parent).find("#id-periode").val() ,
            	 poids:   		 	parseInt($(parent).find("#total-poids").val()) ,
            	 prixht_unite:	 	parseFloat($(parent).find("#prixht-produit").val()) ,
            	 prixht_camion:		parseFloat($(parent).find("#prixht-produit").val() * $(parent).find("#total-poids").val()) ,
            	 quantite:			$(this).val()
        	};
			
			panier.itemsPanier.push(item);
		}
	});
            
    var request = $.ajax({
	  	url: "CommanderMaintenant",
	  	type: "POST",
	  	contentType: 'application/json',
		datatype: "json",
		data: JSON.stringify(panier)
	});
		
	request.done(function() {		
		var url = "RecapitulatifCommande";
		
		$('#loading').show();
				
		$("#comparaison-resultat").animate({
	   		right: "-500",    	
	 		opacity: 0
 		}, 500);
 		
		setTimeout(function() {
			$("#resultat-produit").remove();
		}, 600);
		
		setTimeout(function() {
			$("#comparaison-resultat").load(url, {}, function() {
				$('#loading').fadeOut();
			}); 
	        $("#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");		
	});
}