From 542e3ceabb0e11c2f60c28e9ddee4f64a54a2715 Mon Sep 17 00:00:00 2001
From: Dan Gowans <dangowans@users.noreply.github.com>
Date: Wed, 26 Mar 2025 13:43:10 -0400
Subject: [PATCH] update heading tags

---
 views/burialSite-edit.ejs | 40 ++++++++++++++++++++++++++++++++++++---
 views/burialSite-view.ejs | 40 ++++++++++++++++++++++++++++++++++++---
 2 files changed, 74 insertions(+), 6 deletions(-)

diff --git a/views/burialSite-edit.ejs b/views/burialSite-edit.ejs
index 85268b70..9ab2d213 100644
--- a/views/burialSite-edit.ejs
+++ b/views/burialSite-edit.ejs
@@ -409,6 +409,18 @@
       <div class="panel-block is-block" id="container--burialSiteComments"></div>
     </div>
     
+    <%
+      let activeCount = 0
+      let pastCount = 0
+
+      for (const contract of burialSite.contracts) {
+        if (contract.contractEndDate && contract.contractEndDate < dateTimeFunctions.dateToInteger(new Date())) {
+          pastCount++
+        } else {
+          activeCount++
+        }
+      }
+    %>
     <div class="panel">
       <div class="panel-heading">
         <div class="level is-mobile">
@@ -418,9 +430,31 @@
                 Contracts
               </h2>
             </div>
-            <div class="level-item">
-              <span class="tag"><%= burialSite.contracts.length %></span>
-            </div>
+            <% if (activeCount > 0) { %>
+              <div class="level-item">
+                <span class="tag is-success">
+                  <span class="icon is-small">
+                    <i class="fas fa-play" aria-hidden="true"></i>
+                  </span>
+                  <span>
+                    <%= activeCount %>
+                    Active
+                  </span>
+                </span>
+              </div>
+            <% } %>
+            <% if (pastCount > 0) { %>
+              <div class="level-item">
+                <span class="tag">
+                  <span class="icon is-small">
+                    <i class="fas fa-stop" aria-hidden="true"></i>
+                  </span>
+                  <span>
+                    <%= pastCount %> Past
+                  </span>
+                </span>
+              </div>
+            <% } %>
           </div>
           <div class="level-right">
             <div class="level-item">
diff --git a/views/burialSite-view.ejs b/views/burialSite-view.ejs
index 50d54e62..75019c7f 100644
--- a/views/burialSite-view.ejs
+++ b/views/burialSite-view.ejs
@@ -143,6 +143,18 @@
   </div>
 <% } %>
 
+<%
+  let activeCount = 0
+  let pastCount = 0
+
+  for (const contract of burialSite.contracts) {
+    if (contract.contractEndDate && contract.contractEndDate < dateTimeFunctions.dateToInteger(new Date())) {
+      pastCount++
+    } else {
+      activeCount++
+    }
+  }
+%>
 <div class="panel">
   <div class="panel-heading">
     <div class="level is-mobile">
@@ -150,9 +162,31 @@
         <div class="level-item">
           <h2 class="has-text-weight-bold">Contracts</h2>
         </div>
-        <div class="level-item">
-          <span class="tag"><%= burialSite.contracts.length %></span>
-        </div>
+        <% if (activeCount > 0) { %>
+          <div class="level-item">
+            <span class="tag is-success">
+              <span class="icon is-small">
+                <i class="fas fa-play" aria-hidden="true"></i>
+              </span>
+              <span>
+                <%= activeCount %>
+                Active
+              </span>
+            </span>
+          </div>
+        <% } %>
+        <% if (pastCount > 0) { %>
+          <div class="level-item">
+            <span class="tag">
+              <span class="icon is-small">
+                <i class="fas fa-stop" aria-hidden="true"></i>
+              </span>
+              <span>
+                <%= pastCount %> Past
+              </span>
+            </span>
+          </div>
+        <% } %>
       </div>
       <% if (burialSite.contracts.length > 0) { %>
         <div class="level-right">