button onClick='Qrammer.build_product_list()' class='btn btn-inverse'Lijst
table#products-table.table.table-striped.table-hover
  tbody
- content_for :footer do
  javascript:
    jQuery(function(){
      $.get('#{product_list_supplier_path(@supplier, format: :json).html_safe}', function(res){
        window.products = res
        body = $('#products-table tbody')
        for(var category in window.products){
          body.append('<tr><td colspan="3"><h3>'+category+'<h3></td></tr>');
          var category_ref = window.products[category];
          for(var iproduct = 0; iproduct < window.products[category].length; iproduct++){
            var product_index = iproduct;
            row = $('<tr></tr>');
            button = $('<button class="btn btn-primary">Add</button>');
            var callback = (function(ref){
              return function(){ Qrammer.add_product(ref[product_index]) }
            })(category_ref)
            button.click(callback);
            row.append('<td>'+window.products[category][iproduct].name+'</td>');
            row.append('<td>'+Qrammer.currency(window.products[category][iproduct].price)+'</td>');
            row.append($('<td></td>').append(button));
            body.append(row);
          }
        }
      })
    })