From 54e77f72f4c4b7a21c384eabcdde91ba7fc26a28 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Fri, 3 Apr 2026 14:34:46 +0000
Subject: [PATCH] Add completion page

---
 .../rmo/district-compliance-complete.html     | 274 ++++++++++++++++++
 .../rmo/district-compliance-submit.html       |   9 +-
 html/template/rmo/district-compliance.html    |   7 +
 rmo/compliance.go                             |  48 ++-
 rmo/routes.go                                 |   1 +
 5 files changed, 327 insertions(+), 12 deletions(-)
 create mode 100644 html/template/rmo/district-compliance-complete.html

diff --git a/html/template/rmo/district-compliance-complete.html b/html/template/rmo/district-compliance-complete.html
new file mode 100644
index 00000000..42141ad5
--- /dev/null
+++ b/html/template/rmo/district-compliance-complete.html
@@ -0,0 +1,274 @@
+{{ template "rmo/layout/base.html" . }}
+
+{{ define "title" }}Response Submitted{{ end }}
+{{ define "extraheader" }}
+	<style>
+		body {
+			background-color: #f8f9fa;
+		}
+
+		.completion-container {
+			max-width: 500px;
+			margin: 0 auto;
+			padding: 32px 16px;
+			min-height: 100vh;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+		}
+
+		.district-branding {
+			text-align: center;
+			margin-bottom: 32px;
+		}
+
+		.district-branding img {
+			height: 80px;
+			width: auto;
+			margin-bottom: 16px;
+		}
+
+		.district-branding h1 {
+			font-size: 1.25rem;
+			color: #495057;
+			margin-bottom: 8px;
+		}
+
+		.district-branding .phone {
+			color: #6c757d;
+			font-size: 0.9rem;
+		}
+
+		.success-icon {
+			width: 80px;
+			height: 80px;
+			background-color: #d1e7dd;
+			border-radius: 50%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin: 0 auto 24px;
+		}
+
+		.success-icon i {
+			font-size: 2.5rem;
+			color: #0f5132;
+		}
+
+		.warning-icon {
+			width: 80px;
+			height: 80px;
+			background-color: #fff3cd;
+			border-radius: 50%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin: 0 auto 24px;
+		}
+
+		.warning-icon i {
+			font-size: 2.5rem;
+			color: #997404;
+		}
+
+		.alert-icon {
+			width: 80px;
+			height: 80px;
+			background-color: #f8d7da;
+			border-radius: 50%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin: 0 auto 24px;
+		}
+
+		.alert-icon i {
+			font-size: 2.5rem;
+			color: #842029;
+		}
+
+		.message-card {
+			background-color: #fff;
+			border-radius: 12px;
+			padding: 24px;
+			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+			width: 100%;
+			margin-bottom: 24px;
+		}
+
+		.message-card h2 {
+			font-size: 1.5rem;
+			margin-bottom: 16px;
+			text-align: center;
+		}
+
+		.message-card p {
+			color: #495057;
+			line-height: 1.6;
+			margin-bottom: 12px;
+		}
+
+		.message-card p:last-child {
+			margin-bottom: 0;
+		}
+
+		.info-box {
+			background-color: #f8f9fa;
+			border-left: 4px solid #6c757d;
+			padding: 16px;
+			border-radius: 4px;
+			margin-top: 16px;
+		}
+
+		.warning-box {
+			background-color: #fff3cd;
+			border-left: 4px solid #ffc107;
+			padding: 16px;
+			border-radius: 4px;
+			margin-top: 16px;
+		}
+
+		.reference-number {
+			text-align: center;
+			color: #6c757d;
+			font-size: 0.9rem;
+			margin-top: 24px;
+		}
+
+		.action-buttons {
+			width: 100%;
+		}
+	</style>
+{{ end }}
+{{ define "content" }}
+	<div class="completion-container">
+		<!-- District Branding -->
+		<div class="district-branding">
+			<img src="{{ .District.URLLogo }}" alt="{{ .District.Name }} logo" />
+			<h1>{{ .District.Name }}</h1>
+			<div class="phone">
+				<i class="bi bi-telephone"></i> {{ .District.OfficePhone }}
+			</div>
+		</div>
+
+		{{ if .HasCompleteResponse }}
+			<!-- Mode 1: Complete response with contact info -->
+			<div class="success-icon">
+				<i class="bi bi-check-circle-fill"></i>
+			</div>
+
+			<div class="message-card">
+				<h2>Thank you</h2>
+				<p>
+					Your response has been submitted successfully. We will review your
+					submission and contact you if further action is needed.
+				</p>
+				<div class="info-box">
+					<p class="mb-2">
+						<strong>What you can expect:</strong>
+					</p>
+					<ul class="mb-0 small">
+						<li>Our team will review your photos and information</li>
+						<li>If we need to schedule a visit, we'll contact you first</li>
+						<li>
+							You'll receive updates at the contact information you provided
+						</li>
+					</ul>
+				</div>
+			</div>
+		{{ else if .HasUsefulInfo }}
+			<!-- Mode 2: Useful info but no contact -->
+			<div class="warning-icon">
+				<i class="bi bi-exclamation-circle-fill"></i>
+			</div>
+
+			<div class="message-card">
+				<h2>Response Received</h2>
+				<p>
+					Thank you for your submission. We will review your information and let
+					you know if further action is needed.
+				</p>
+				<div class="warning-box">
+					<p class="mb-2">
+						<strong><i class="bi bi-info-circle"></i> Important notice:</strong>
+					</p>
+					<p class="mb-0 small">
+						You did not provide contact information. If further action is
+						needed, the District may need to use warrant authority to enter the
+						property. We prefer to coordinate access directly, and contact
+						information makes that much easier.
+					</p>
+				</div>
+				<p class="text-center mt-3 mb-0">
+					<small class="text-muted">
+						If you'd like to add contact information, please call our office.
+					</small>
+				</p>
+			</div>
+		{{ else }}
+			<!-- Mode 3: Insufficient information -->
+			<div class="alert-icon">
+				<i class="bi bi-exclamation-triangle-fill"></i>
+			</div>
+
+			<div class="message-card">
+				<h2>Response Received</h2>
+				<p>
+					Your response has been recorded, but it does not contain enough
+					information for us to resolve this matter.
+				</p>
+				<div class="warning-box">
+					<p class="mb-2">
+						<strong
+							><i class="bi bi-exclamation-triangle"></i> Important:</strong
+						>
+					</p>
+					<p class="mb-2 small">
+						This response is not likely to resolve the issue and may require
+						warrant entry on the property. If you want to help avoid that,
+						please provide contact information or other evidence.
+					</p>
+					<p class="mb-0 small">
+						<strong>You can still:</strong>
+					</p>
+					<ul class="mb-0 small">
+						<li>Call our office to provide additional information</li>
+						<li>Email photos showing current conditions</li>
+						<li>Schedule a time for inspection</li>
+					</ul>
+				</div>
+			</div>
+		{{ end }}
+
+
+		<!-- Reference Number -->
+		{{ if .ReferenceNumber }}
+			<div class="reference-number">
+				<small>
+					Reference number: <strong>{{ .ReferenceNumber }}</strong>
+				</small>
+			</div>
+		{{ end }}
+
+
+		<!-- Action Buttons -->
+		<div class="action-buttons mt-4">
+			<div class="d-grid gap-2">
+				{{ if .HasCompleteResponse }}
+					<a class="btn btn-outline-primary" href="?">
+						<i class="bi bi-telephone"></i>Remove useful and complete
+					</a>
+				{{ else if .HasUsefulInfo }}
+					<a class="btn btn-outline-primary" href="?complete=1">
+						<i class="bi bi-telephone"></i>Add complete response
+					</a>
+				{{ else }}
+					<a class="btn btn-outline-primary" href="?useful=1">
+						<i class="bi bi-telephone"></i>Add useful response
+					</a>
+				{{ end }}
+			</div>
+		</div>
+	</div>
+{{ end }}
diff --git a/html/template/rmo/district-compliance-submit.html b/html/template/rmo/district-compliance-submit.html
index 79907989..2c838fb5 100644
--- a/html/template/rmo/district-compliance-submit.html
+++ b/html/template/rmo/district-compliance-submit.html
@@ -217,13 +217,14 @@
 
 				<!-- Submit Button -->
 				<div class="d-grid gap-2 mt-4">
-					<button type="submit" class="btn btn-primary btn-lg submit-btn">
+					<a
+						class="btn btn-primary btn-lg submit-btn"
+						href="../compliance/complete"
+					>
 						<i class="bi bi-check-circle"></i>
 						Submit Response
-					</button>
-					<a href="/compliance/process" class="btn btn-outline-secondary">
-						Back
 					</a>
+					<a class="btn btn-outline-secondary" href="process"> Back </a>
 				</div>
 
 				<div class="text-center mt-3">
diff --git a/html/template/rmo/district-compliance.html b/html/template/rmo/district-compliance.html
index 18ffcfd5..462b53e4 100644
--- a/html/template/rmo/district-compliance.html
+++ b/html/template/rmo/district-compliance.html
@@ -5,6 +5,13 @@
 	<style>
 		body {
 			background-color: #f8f9fa;
+			min-height: 100vh;
+			display: flex;
+			flex-direction: column;
+		}
+
+		body > .container-fluid {
+			flex: 1;
 		}
 
 		.progress-bar {
diff --git a/rmo/compliance.go b/rmo/compliance.go
index 28414ae6..afa83c6a 100644
--- a/rmo/compliance.go
+++ b/rmo/compliance.go
@@ -6,6 +6,14 @@ import (
 	"github.com/Gleipnir-Technology/nidus-sync/html"
 )
 
+type ContentCompliance struct {
+	District            *ContentDistrict
+	HasCompleteResponse bool
+	HasUsefulInfo       bool
+	ReferenceNumber     string
+	URL                 ContentURL
+}
+
 func getDistrictCompliance(w http.ResponseWriter, r *http.Request) {
 	district, err := districtBySlug(r)
 	if err != nil {
@@ -15,7 +23,7 @@ func getDistrictCompliance(w http.ResponseWriter, r *http.Request) {
 	html.RenderOrError(
 		w,
 		"rmo/district-compliance.html",
-		ContentNuisance{
+		ContentCompliance{
 			District: newContentDistrict(district),
 			URL:      makeContentURL(nil),
 		},
@@ -31,13 +39,37 @@ func getDistrictComplianceAddress(w http.ResponseWriter, r *http.Request) {
 	html.RenderOrError(
 		w,
 		"rmo/district-compliance-address.html",
-		ContentNuisance{
+		ContentCompliance{
 			District: newContentDistrict(district),
 			URL:      makeContentURL(nil),
 		},
 	)
 }
 
+func getDistrictComplianceComplete(w http.ResponseWriter, r *http.Request) {
+	query := r.URL.Query()
+	complete := query.Get("complete")
+	is_complete := complete != ""
+	useful := query.Get("useful")
+	is_useful := useful != ""
+
+	district, err := districtBySlug(r)
+	if err != nil {
+		respondError(w, "Failed to lookup organization", err, http.StatusBadRequest)
+		return
+	}
+	html.RenderOrError(
+		w,
+		"rmo/district-compliance-complete.html",
+		ContentCompliance{
+			District:            newContentDistrict(district),
+			HasCompleteResponse: is_complete,
+			HasUsefulInfo:       is_useful,
+			ReferenceNumber:     "ABC-123",
+			URL:                 makeContentURL(nil),
+		},
+	)
+}
 func getDistrictComplianceConcern(w http.ResponseWriter, r *http.Request) {
 	district, err := districtBySlug(r)
 	if err != nil {
@@ -47,7 +79,7 @@ func getDistrictComplianceConcern(w http.ResponseWriter, r *http.Request) {
 	html.RenderOrError(
 		w,
 		"rmo/district-compliance-concern.html",
-		ContentNuisance{
+		ContentCompliance{
 			District: newContentDistrict(district),
 			URL:      makeContentURL(nil),
 		},
@@ -63,7 +95,7 @@ func getDistrictComplianceContact(w http.ResponseWriter, r *http.Request) {
 	html.RenderOrError(
 		w,
 		"rmo/district-compliance-contact.html",
-		ContentNuisance{
+		ContentCompliance{
 			District: newContentDistrict(district),
 			URL:      makeContentURL(nil),
 		},
@@ -79,7 +111,7 @@ func getDistrictComplianceEvidence(w http.ResponseWriter, r *http.Request) {
 	html.RenderOrError(
 		w,
 		"rmo/district-compliance-evidence.html",
-		ContentNuisance{
+		ContentCompliance{
 			District: newContentDistrict(district),
 			URL:      makeContentURL(nil),
 		},
@@ -95,7 +127,7 @@ func getDistrictCompliancePermission(w http.ResponseWriter, r *http.Request) {
 	html.RenderOrError(
 		w,
 		"rmo/district-compliance-permission.html",
-		ContentNuisance{
+		ContentCompliance{
 			District: newContentDistrict(district),
 			URL:      makeContentURL(nil),
 		},
@@ -110,7 +142,7 @@ func getDistrictComplianceProcess(w http.ResponseWriter, r *http.Request) {
 	html.RenderOrError(
 		w,
 		"rmo/district-compliance-process.html",
-		ContentNuisance{
+		ContentCompliance{
 			District: newContentDistrict(district),
 			URL:      makeContentURL(nil),
 		},
@@ -126,7 +158,7 @@ func getDistrictComplianceSubmit(w http.ResponseWriter, r *http.Request) {
 	html.RenderOrError(
 		w,
 		"rmo/district-compliance-submit.html",
-		ContentNuisance{
+		ContentCompliance{
 			District: newContentDistrict(district),
 			URL:      makeContentURL(nil),
 		},
diff --git a/rmo/routes.go b/rmo/routes.go
index c480e1e1..5ed7d44d 100644
--- a/rmo/routes.go
+++ b/rmo/routes.go
@@ -18,6 +18,7 @@ func Router(r *mux.Router) {
 	r.HandleFunc("/district/{slug}", getRootDistrict).Methods("GET")
 	r.HandleFunc("/district/{slug}/compliance", getDistrictCompliance).Methods("GET")
 	r.HandleFunc("/district/{slug}/compliance/address", getDistrictComplianceAddress).Methods("GET")
+	r.HandleFunc("/district/{slug}/compliance/complete", getDistrictComplianceComplete).Methods("GET")
 	r.HandleFunc("/district/{slug}/compliance/concern", getDistrictComplianceConcern).Methods("GET")
 	r.HandleFunc("/district/{slug}/compliance/contact", getDistrictComplianceContact).Methods("GET")
 	r.HandleFunc("/district/{slug}/compliance/evidence", getDistrictComplianceEvidence).Methods("GET")