From f6d03d5c52cec5cdc9d9e0d0f1ec2463281dc62c Mon Sep 17 00:00:00 2001
From: Ivy Fan-Chiang <dev@ivyfanchiang.ca>
Date: Sun, 15 Oct 2023 08:30:36 -0400
Subject: [PATCH] dropdown selects and title!!!

---
 templates/base.html   |  2 +-
 templates/deploy.html | 15 +++++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index 4107d99..1ec7846 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,7 +4,7 @@
 <nav>
   <ul>
       <li><a href="{{ url_for('usage') }}">Usage</a></li>
-      <li><a href="{{ url_for('home') }}">Home</a></li>
+      <li><a href="{{ url_for('home') }}"><b>InfraBundle</b></a></li>
       <li><a href="{{ url_for('deploy_form') }}">Deploy</a></li>
   </ul>
 </nav>
diff --git a/templates/deploy.html b/templates/deploy.html
index 15bebe8..a196e2e 100644
--- a/templates/deploy.html
+++ b/templates/deploy.html
@@ -10,12 +10,23 @@ <h1>{% block title %}Deploy{% endblock %}</h1>
     <label for="gcp-project-id">GCP Project ID</label>
     <input name="gcp_project_id" id="gcp-project-id" required>
     <label for="gcp-region">GCP Region</label>
-    <input name="gcp_region" id="gcp-region" placeholder="northamerica-northeast2">
+    <select name="gcp_region" id="gcp-region">
+      <option value="northamerica-northeast2">Toronto (northamerica-northeast2)</option>
+      <option value="northamerica-northeast1">Montreal (northamerica-northeast1)</option>
+      <option value="us-east1">South Carolina (us-east1)</option>
+      <option value="us-east4">Northern Virginia (us-east4)</option>
+      <option value="us-east5">Columbus (us-east5)</option>
+      <option value="us-central1">Iowa (us-central1)</option>
+    </select>
     <label for="gcp-zone">GCP Zone</label>
     <input name="gcp_zone" id="gcp-zone" placeholder="northamerica-northeast2-a">
     <label for="compute_type">Compute Type</label>
     e2-micro, c3-standard-4, etc
-    <input name="compute_type" id="compute-type" placeholder="e2-micro">
+    <select name="compute_type" id="compute-type">
+      <option value="e2-micro">e2-micro (2 vCPUs, 1GB RAM, shared-core)</option>
+      <option value="e2-small">e2-small (2 vCPUs, 2GB RAM, shared-core)</option>
+      <option value="e2-medium">e2-medium (2 vCPUs, 4GB RAM, shared-core)</option>
+    </select>
     <div class="form-checkbox">
         <input name="managed_db" id="managed-id" type="checkbox">
         <label for="managed_db">Managed Database</label>