From ba89b2e994c874807f5a8421edc053810f57ad29 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Tue, 24 Mar 2026 13:48:13 -0700
Subject: [PATCH] Add flyover pool upload

---
 ts/router.ts                         |   7 ++
 ts/view/configuration/UploadPool.vue | 149 +++++++++++++++++++++++++++
 2 files changed, 156 insertions(+)
 create mode 100644 ts/view/configuration/UploadPool.vue

diff --git a/ts/router.ts b/ts/router.ts
index 445efc38..f85f6404 100644
--- a/ts/router.ts
+++ b/ts/router.ts
@@ -10,6 +10,7 @@ import ConfigurationPesticide from "./view/configuration/Pesticide.vue";
 import ConfigurationPesticideAdd from "./view/configuration/PesticideAdd.vue";
 import ConfigurationRoot from "./view/configuration/Root.vue";
 import ConfigurationUpload from "./view/configuration/Upload.vue";
+import ConfigurationUploadPool from "./view/configuration/UploadPool.vue";
 import ConfigurationUser from "./view/configuration/User.vue";
 import ConfigurationUserAdd from "./view/configuration/UserAdd.vue";
 import Intelligence from "./view/Intelligence.vue";
@@ -77,6 +78,12 @@ const routes: RouteRecordRaw[] = [
 		component: ConfigurationUpload,
 		meta: { requiresAuth: true, showSidebar: true },
 	},
+	{
+		path: "/configuration/upload/pool",
+		name: "Pool Upload",
+		component: ConfigurationUploadPool,
+		meta: { requiresAuth: true, showSidebar: true },
+	},
 	{
 		path: "/configuration/user",
 		name: "User Configuration",
diff --git a/ts/view/configuration/UploadPool.vue b/ts/view/configuration/UploadPool.vue
new file mode 100644
index 00000000..4e24ccd0
--- /dev/null
+++ b/ts/view/configuration/UploadPool.vue
@@ -0,0 +1,149 @@
+	<style scoped>
+		.upload-card {
+			transition:
+				transform 0.2s,
+				box-shadow 0.2s;
+			cursor: pointer;
+			height: 100%;
+		}
+		.upload-card:hover {
+			transform: translateY(-5px);
+			box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
+		}
+		.card-icon {
+			font-size: 3rem;
+			margin-bottom: 1rem;
+		}
+	</style>
+<template>
+	<div class="container py-5">
+		<div class="row mb-4">
+			<div class="col-12 text-center">
+				<h1 class="display-5 fw-bold mb-2">Green Pool CSV Data</h1>
+				<p class="lead text-muted">
+					Select the type of data you want to upload
+				</p>
+			</div>
+		</div>
+
+		<div class="row g-4">
+			<!-- Option 1: Green Pool Flyover Data -->
+			<div class="col-md-6">
+				<div class="card upload-card border-0 shadow-sm">
+					<div class="card-body text-center p-5">
+						<div class="card-icon text-primary">
+							<i class="bi bi-cloud-upload"></i>
+						</div>
+						<h3 class="card-title h4 mb-3">Green Pool Flyover Data</h3>
+						<p class="card-text text-muted mb-4">
+							Upload aerial survey data from ABC Data Analytics. This includes
+							GPS coordinates, timestamp information, and pool identification
+							data.
+						</p>
+						<div class="mb-3">
+							<span
+								class="badge bg-primary-subtle text-primary border border-primary me-2"
+							>
+								<i class="bi bi-building me-1"></i> ABC Data Analytics
+							</span>
+							<span class="badge bg-info-subtle text-info border border-info">
+								<i class="bi bi-filetype-csv me-1"></i> CSV Format
+							</span>
+						</div>
+						<a
+							class="btn btn-primary btn-lg w-100"
+							href="/configuration/upload/pool/flyover"
+						>
+							<i class="bi bi-upload me-2"></i>Let's do this
+						</a>
+					</div>
+				</div>
+			</div>
+
+			<!-- Option 2: Custom Green Pool Operations Data -->
+			<div class="col-md-6">
+				<div class="card upload-card border-0 shadow-sm">
+					<div class="card-body text-center p-5">
+						<div class="card-icon text-success">
+							<i class="bi bi-file-earmark-spreadsheet"></i>
+						</div>
+						<h3 class="card-title h4 mb-3">Custom Operations Data</h3>
+						<p class="card-text text-muted mb-4">
+							Upload custom green pool operations data. This includes treatment
+							records, inspection logs, and maintenance activities in your own
+							CSV format.
+						</p>
+						<div class="mb-3">
+							<span
+								class="badge bg-success-subtle text-success border border-success me-2"
+							>
+								<i class="bi bi-gear me-1"></i> Custom Format
+							</span>
+							<span class="badge bg-info-subtle text-info border border-info">
+								<i class="bi bi-filetype-csv me-1"></i> CSV Format
+							</span>
+						</div>
+						<a
+							class="btn btn-success btn-lg w-100"
+							href="/configuration/upload/pool/custom"
+						>
+							<i class="bi bi-upload me-2"></i>Pick me
+						</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<!-- Upload Modal -->
+	<div
+		class="modal fade"
+		id="uploadModal"
+		tabindex="-1"
+		aria-labelledby="uploadModalLabel"
+		aria-hidden="true"
+	>
+		<div class="modal-dialog modal-dialog-centered">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h5 class="modal-title" id="uploadModalLabel">Upload CSV File</h5>
+					<button
+						type="button"
+						class="btn-close"
+						data-bs-dismiss="modal"
+						aria-label="Close"
+					></button>
+				</div>
+				<div class="modal-body">
+					<div class="mb-3">
+						<label for="fileInput" class="form-label">Select CSV file:</label>
+						<input
+							type="file"
+							class="form-control"
+							id="fileInput"
+							accept=".csv"
+						/>
+					</div>
+					<div class="alert alert-secondary mb-0" role="alert">
+						<small
+							><strong>Upload Type:</strong>
+							<span id="uploadType">Not selected</span></small
+						>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						class="btn btn-secondary"
+						data-bs-dismiss="modal"
+					>
+						Cancel
+					</button>
+					<button type="button" class="btn btn-primary">
+						<i class="bi bi-upload me-2"></i>Upload
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>