$(document).ready(function() {
  $('.panier_submit').click(function() {
    var submid_id_split=this.id.split('_');    
    doAjax('POST','/panier/ajouter',$('#form_article_' + submid_id_split[1]).serialize());
    return false;    
  });
  
  doAjax('GET','/panier/getcart',{});
});

function doAjax(method , url, datas) {
    $.ajax({
      type: method,
      url: url,
      data: datas,
	   success: function(data) {
	     var table = '<table cellPadding="0">';
	     var total = 0;
	     $.each(data.items,function() {
	       total = parseInt(this.quantite) * parseFloat(this.prix);
	       table = table + '<tr><td>' + this.quantite + ' x ' + this.nom + '</td><td class="droite" style="width: 35px">' + total.toString() + ',00</td>';
	     });
	     table += '<tr style="border-top:1px solid #000;"><td colspan="2" class="droite"><strong>' + data.total + '</strong></td></tr>';
	     table += '</table><div class="centre"><form action="/commande/etape1"><input type="submit" name="commander" value="Commander"></form></div>';
	     if ( parseInt(data.total) != 0 ) 
	       $('#panier_content').html(table).show();
	     else
	       $('#panier_content').html('<h3>Votre panier est vide</h3>').addClass('centre').show();
	  },
	   error: function(data) {alert('Problème maj panier');}
    });  
}