Jul 10 - Update codes to catch up with the single tenant project

2026-07-10 12:29:44 -04:00
parent faab9fd008
commit e41998b561
12 changed files with 375 additions and 13 deletions
@@ -26,6 +26,13 @@
 <body>
 <div class="fq-wrap">

+  {% if request.args.get('reported') == '1' %}
+  <div class="alert alert-success d-flex align-items-center gap-2 mb-3" role="alert">
+    <i class="bi bi-check-circle-fill fs-5"></i>
+    <div><strong>Report submitted.</strong> Our team has been notified and will follow up.</div>
+  </div>
+  {% endif %}
+
  <div class="d-flex align-items-center gap-2 mb-3">
    <i class="bi bi-building fs-3 text-primary"></i>
    <div>
@@ -170,6 +177,42 @@
  </a>
  {% endif %}

+  {# ── Report a problem ── #}
+  <div class="card shadow-sm mb-3">
+    <div class="card-header bg-white fw-semibold py-2">
+      <i class="bi bi-megaphone text-danger"></i> Report a Problem
+    </div>
+    <div class="card-body">
+      <p class="text-muted small mb-3">
+        See something that needs attention? Let our team know and we'll take care of it.
+      </p>
+      <form method="POST" action="{{ url_for('facility_qr.report', token=token) }}">
+        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+        {# Honeypot — invisible to humans, filled by bots #}
+        <div style="position:absolute;left:-9999px;top:-9999px;" aria-hidden="true">
+          <input type="text" name="website" tabindex="-1" autocomplete="off">
+        </div>
+        <div class="mb-3">
+          <label class="form-label small fw-semibold">What did you observe? <span class="text-danger">*</span></label>
+          <textarea name="description" class="form-control form-control-sm" rows="3"
+                    placeholder="Describe the issue (e.g. restroom out of paper towels, spill in lobby…)"
+                    required maxlength="2000"></textarea>
+        </div>
+        <div class="mb-3">
+          <label class="form-label small fw-semibold">Urgency</label>
+          <select name="severity" class="form-select form-select-sm">
+            <option value="low">Low — not urgent</option>
+            <option value="medium" selected>Medium — needs attention soon</option>
+            <option value="high">High — urgent</option>
+          </select>
+        </div>
+        <button type="submit" class="btn btn-danger btn-sm w-100">
+          <i class="bi bi-send me-1"></i> Submit Report
+        </button>
+      </form>
+    </div>
+  </div>
+
  <p class="text-center text-muted small mt-2 mb-1">
    {% if last_date %}Last inspected {{ last_date.strftime('%b %d, %Y') }} · {% endif %}
    Snapshot generated {{ generated_at.strftime('%b %d, %Y %I:%M %p') }} ET