.page-header
  h1 List overview
table#active-list-table.table
  thead
    tr
      th Order
      th.currency Price
  tbody
  tfoot
- content_for :footer do
  javascript:
    jQuery(function(){
      $.get('#{current_list_path(session[:active_list_id], format: :json).html_safe}', function(res){
        var body = $('#active-list-table tbody');
        var foot = $('#active-list-table tfoot');
        if(!res.orders && !res.orders.length){
          alert('No orders in list');
          return;
        }
        for(var iorder = 0; iorder < res.orders.length; iorder++){
          var order_txts = [];
          var order = res.orders[iorder];
          var row = $('<tr></tr>').appendTo(body);
          row.addClass(order.state);
          //if(order.state == 'placed') row.addClass('info');
          //if(order.state == 'delivered') row.addClass('success');
          if(order.state == 'cancelled') row.addClass('error');
          for(var iproduct = 0; iproduct < order.products.length; iproduct++){
            var product = order.products[iproduct];
            order_txts.push(product.name + ' (' + product['number'] + ')')
          }
          row.append($('<td></td>').text(order_txts.join(', ')));
          row.append($('<td class="currency"></td>').html(Qrammer.currency(res.orders[iorder].total_amount)))
        }
        foot.append('<tr><td></td><td class="currency"><strong>'+Qrammer.currency(res.total_amount)+'</strong></td></tr>');
      })
    })