From ba85efc3ef3adaea7d9eae8436deb9dff3ac10e1 Mon Sep 17 00:00:00 2001
From: BhushanSah <itsbhushansah@gmail.com>
Date: Thu, 16 Jul 2026 13:21:41 -0400
Subject: [PATCH] Separate zero-hour events into Education and Training section

---
 app/templates/main/serviceTranscript.html | 61 +++++++++++++----------
 1 file changed, 35 insertions(+), 26 deletions(-)

diff --git a/app/templates/main/serviceTranscript.html b/app/templates/main/serviceTranscript.html
index 5631f32b0..243876d7f 100644
--- a/app/templates/main/serviceTranscript.html
+++ b/app/templates/main/serviceTranscript.html
@@ -110,32 +110,6 @@ <h6 class="fw-bold" style = "color: #005c90">{{ programTitle }}</h6>
           {% endif %}
         {% endfor %}
 
-        {% if zeroHourEvents %}
-          {% set ns = namespace(filtered=[]) %}
-          {% for event in zeroHourEvents %}
-            {% if event.program.programName != "Bonner Scholars" %}
-              {% set _ = ns.filtered.append(event) %}
-            {% endif %}
-          {% endfor %}
-
-          {% if ns.filtered %}
-            <div class="mb-4 p-3" style="page-break-inside: avoid;">
-              <h6 class="fw-bold" style="color: #005c90">Events with No Hours Earned</h6>
-              {% for event in ns.filtered %}
-                <div class="mb-2">
-                  <small class="text-muted">
-                    {{ event.term.description }} — {{ event.name }} - 0 hour
-                  </small>
-                  {% if event.program.programName != "CELTS Sponsored Events" %}
-                    <p class="text-muted small mb-2">{{ event.program.description }}</p>
-                    <a class="d-print-none small" href="{{ event.program.url }}" target="_blank">More Information</a>
-                  {% endif %}
-                </div>
-              {% endfor %}
-            </div>
-          {% endif %}
-        {% endif %}
-
       {% else %}
         <div class="text-center py-4">
           <h6 class="text-muted">No Volunteer Record</h6>
@@ -144,6 +118,41 @@ <h6 class="text-muted">No Volunteer Record</h6>
     </div>
   </div>
 
+      {% if zeroHourEvents %}
+      {% set ns = namespace(filtered=[]) %}
+
+      {% for event in zeroHourEvents %}
+        {% if event.program.programName != "Bonner Scholars" %}
+          {% set _ = ns.filtered.append(event) %}
+        {% endif %}
+      {% endfor %}
+
+      {% if ns.filtered %}
+        <div class="card mb-4">
+          <div class="card-header bg-light">
+            <h5 class="mb-0">Education &amp; Training</h5>
+          </div>
+
+          <div class="card-body">
+            {% for event in ns.filtered %}
+              <div class="mb-4 p-3 {% if loop.index0 % 2 == 1 %}bg-light{% endif %}" style="page-break-inside: avoid;">
+                <h6 class="fw-bold" style="color: #005c90">{{ event.name }}</h6>
+
+                <small class="text-muted">
+                  {{ event.term.description }} — Attendance recorded, 0 service hours
+                </small>
+
+                {% if event.program.programName != "CELTS Sponsored Events" %}
+                  <p class="text-muted small mb-2">{{ event.program.description }}</p>
+                  <a class="d-print-none small" href="{{ event.program.url }}" target="_blank">More Information</a>
+                {% endif %}
+              </div>
+            {% endfor %}
+          </div>
+        </div>
+        {% endif %}
+      {% endif %}
+
   {% if slCourses.exists() %}
 <div class="card mb-4" style="page-break-inside: avoid;">
   <div class="card-header bg-light">