<div class="order-presentation-container">
  <table class="order-presentation">
    <thead>
      <tr>
        <th class="col-xs-12 col-md-3" style="background-color: red;">
          <h5 class="center">{{t "orderState.storeNew"}} ({{unconfirmedOrders.length}})</h5>
        </th>
        <th class="hidden-xs hidden-sm col-md-3" style="background-color: yellow;">
          <h5 class="center">{{t "orderState.storeConfirmed"}} ({{confirmedOrders.length}})</h5>
        </th>
        <th class="hidden-xs hidden-sm col-md-3" style="background-color: #DF0;">
          <h5 class="center">
            {{t "orderState.storeProcessing"}} ({{preparingOrders.length}})
            ({{preparedOrders.length}}) ({{processingOrders.length}}) ({{processedOrders.length}})
          </h5>
        </th>
        <th class="hidden-xs hidden-sm col-md-3" style="background-color: #00bf00;">
          <h5 class="center">
            {{t "prop.delivery"}} ({{deliveringOrders.length}})
            ({{deliveredOrders.length}})
          </h5>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="col-xs-12 col-md-3">
          {{#each unconfirmedOrders as |order|}}
          {{orders/order-presentation-item order=order open="orderSelected"}}
          {{/each}}
        </td>
        <td class="hidden-xs hidden-sm col-md-3">
          {{#each confirmedOrders as |order|}}
          {{orders/order-presentation-item order=order open="orderSelected"}}
          {{/each}}
        </td>
        <td class="hidden-xs hidden-sm col-md-3">
          {{#each preparingOrders as |order|}}
          {{orders/order-presentation-item order=order open="orderSelected"}}
          {{/each}}
          {{#each preparedOrders as |order|}}
          {{orders/order-presentation-item order=order open="orderSelected"}}
          {{/each}}
          {{#each processingOrders as |order|}}
          {{orders/order-presentation-item order=order open="orderSelected"}}
          {{/each}}
          {{#each processedOrders as |order|}}
          {{orders/order-presentation-item order=order open="orderSelected"}}
          {{/each}}
        </td>
        <td class="hidden-xs hidden-sm col-md-3">
          {{#each deliveringOrders as |order|}}
          {{orders/order-presentation-item order=order open="orderSelected"}}
          {{/each}}
          {{#each deliveredOrders as |order|}}
          {{orders/order-presentation-item order=order open="orderSelected"}}
          {{/each}}
        </td>
      </tr>
    </tbody>
  </table>
</div>