wwwroot/js/templates/app.customers.handlebars

@@ -1,4 +1,22 @@
-<div>    
-    <div id="rf-list-count"/>
-    <div id="rf-list" class="rf-list"/>    
+<div>
+    <div id="rf-list-count" />
+    <h4 class="mt-5 text-primary">Active
+        <span id="rf-active-count-badge" class="badge badge-primary"></span>
+    </h4>
+    <div id="rf-list-active" class="rf-list" />
+    <h4 class="mt-5 text-warning">Lapsed
+        <span id="rf-lapsed-count-badge" class="badge badge-warning"></span>
+    </h4>
+    <div id="rf-list-lapsed" class="rf-list" />
+
+
+    <h4 class="mt-5 text-secondary">
+        Inactive
+        <span id="rf-inactive-count-badge" class="badge badge-secondary"></span>
+    </h4>
+
+    <a class="btn btn-primary" data-toggle="collapse" href="#rf-list-inactive" role="button" aria-expanded="false" aria-controls="rf-list-inactive">+</a>
+
+
+    <div id="rf-list-inactive" class="collapse rf-list" />
 </div>