06/12 Add features: 1. Vendor/Contractor assignment 2. Period-over-period comparison 3. Trend Alerts (cron)

app/templates/reports/index.html

@@ -117,6 +117,68 @@
   </div>
 </div>
 
+{# ── Facility period-over-period comparison table ── #}
+{% if facility_scores %}
+<div class="card shadow-sm mb-4">
+  <div class="card-header bg-light d-flex align-items-center gap-2">
+    <h6 class="mb-0"><i class="bi bi-building"></i> Facility Score Comparison</h6>
+    <span class="text-muted small">vs. prior equal-length period</span>
+  </div>
+  <div class="table-responsive">
+    <table class="table table-hover mb-0 align-middle">
+      <thead class="table-light">
+        <tr>
+          <th>Facility</th>
+          <th class="text-end">Current Period</th>
+          <th class="text-end">Prior Period</th>
+          <th class="text-end">Change</th>
+          <th class="text-end">Inspections</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for row in facility_scores %}
+        <tr>
+          <td class="fw-semibold">{{ row.name }}</td>
+          <td class="text-end">
+            <span class="badge bg-{{ 'success' if row.avg_score >= 90 else 'warning text-dark' if row.avg_score >= 70 else 'danger' }}">
+              {{ '%.1f'|format(row.avg_score|float) }}%
+            </span>
+          </td>
+          <td class="text-end text-muted">
+            {% if row.prior_avg is not none %}
+              {{ '%.1f'|format(row.prior_avg|float) }}%
+            {% else %}
+              <span class="text-muted">—</span>
+            {% endif %}
+          </td>
+          <td class="text-end">
+            {% if row.delta is not none %}
+              {% if row.delta > 0 %}
+                <span class="badge bg-success-subtle text-success border border-success fw-semibold">
+                  <i class="bi bi-arrow-up-short"></i>+{{ '%.1f'|format(row.delta|float) }}
+                </span>
+              {% elif row.delta < 0 %}
+                <span class="badge bg-danger-subtle text-danger border border-danger fw-semibold">
+                  <i class="bi bi-arrow-down-short"></i>{{ '%.1f'|format(row.delta|float) }}
+                </span>
+              {% else %}
+                <span class="badge bg-secondary-subtle text-secondary border fw-semibold">
+                  <i class="bi bi-dash"></i> 0.0
+                </span>
+              {% endif %}
+            {% else %}
+              <span class="text-muted small">No prior data</span>
+            {% endif %}
+          </td>
+          <td class="text-end text-muted small">{{ row.count }}</td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</div>
+{% endif %}
+
 {# ── Top inspectors table ── #}
 {% if top_inspectors %}
 <div class="row mb-4">