From 0ace10747da7cfdb269f7eb484b84d49c128bbd0 Mon Sep 17 00:00:00 2001
From: Matt Landers <mattlanders@google.com>
Date: Wed, 12 Jul 2023 12:00:19 -0500
Subject: [PATCH] added profile page

---
 src/public/partials/nav.eta |  7 ++++---
 src/public/profile.eta      | 23 +++++++++++++++++++++++
 2 files changed, 27 insertions(+), 3 deletions(-)
 create mode 100644 src/public/profile.eta

diff --git a/src/public/partials/nav.eta b/src/public/partials/nav.eta
index e89a2ed..6d56cdd 100644
--- a/src/public/partials/nav.eta
+++ b/src/public/partials/nav.eta
@@ -1,9 +1,7 @@
 <nav class="navbar navbar-expand-lg bg-primary navbar-dark">
     <div class="container-lg">
         <a class="navbar-brand" href="/">Google Analytics Tutorials</a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-            aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
@@ -14,6 +12,9 @@
                 <li class="nav-item">
                     <a class="nav-link" href="/about">About</a>
                 </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/profile">Profile</a>
+                </li>
             </ul>
         </div>
     </div>
diff --git a/src/public/profile.eta b/src/public/profile.eta
new file mode 100644
index 0000000..8c987cf
--- /dev/null
+++ b/src/public/profile.eta
@@ -0,0 +1,23 @@
+<% layout("layout", { title: "Profile - GA Tutorials" }) %>
+
+<%~ includeFile("nav") %>
+
+<main class="container-lg pt-3">
+    <h1>Choose your role:</h1>
+    <form id="profile-form" action="/">
+        <div class="form-group">
+            <label for="exampleInputEmail1">Job Function</label>
+            <select class="form-control" id="job-function" name="job-function">
+                <option selected disabled>Choose One</option>
+                <option value="business_owner">Business Owner</option>
+                <option value="developer">Developer</option>
+                <option value="marketer">Marketer</option>
+                <option value="other">Other</option>
+            </select>
+            <small>This example shows how to set user properties in Google Analytics.</small>
+        </div>
+        <button type="submit" class="btn btn-primary">Submit</button>
+    </form>
+</main>
+
+<%~ includeFile("footer.eta") %>
\ No newline at end of file