Supplier dashboard collapsible and empty state

app/assets/javascripts/supplier/app/templates/index.emblem

@@ -2,8 +2,17 @@
   div.dashboard-section-selection
     App.HomeSectionSelectorView selectionBinding="controller.controllers.application.active_section" content=controller.sections prompt=controllers.application.supplier.name
     App.HomeSectionJumperView
-  h3=t 'active_lists.title'
-.well
+  if active_lists.length
+    h3.dashboard-lists-header{action "toggleDashboardLists"}
+      if show_lists
+        span.icon
+      else
+        span.icon.collapsed
+      =t 'active_lists.title'
+      span= list_number_info
+  else
+    h3=t 'dashboard.active_lists.no_lists'
+if show_lists_table
   table.active-lists-table.table
     thead
       tr
@@ -14,10 +23,19 @@
         th.currency=t 'active_lists.price'
         th.actions
     tbody
-      each list in controller.active_lists: App.ActiveListView contentBinding="list"
+      each list in active_lists: App.ActiveListView contentBinding="list"
 .page-header
-  h3=t 'active_orders.title'
-.well
+  if active_orders.length
+    h3.dashboard-orders-header{action "toggleDashboardOrders"}
+      if show_orders
+        span.icon
+      else
+        span.icon.collapsed
+      =t 'active_orders.title'
+      span= order_number_info
+  else
+    h3= t 'dashboard.active_orders.no_orders'
+if show_orders_table
   table.active-orders-table.table
     thead
       tr
@@ -30,4 +48,4 @@
         th.time
         th.actions
     tbody
-      each order in controller.active_orders: App.ActiveOrderView contentBinding="order"
+      each order in active_orders: App.ActiveOrderView contentBinding="order"