From 8bbe1e1f1445591c05a7d038e3c1b00803006644 Mon Sep 17 00:00:00 2001
From: Matthew Landauer <mlandauer@gmail.com>
Date: Tue, 24 Oct 2023 02:02:03 +0000
Subject: [PATCH] Copy across box from detail page for logged out state

---
 .../applications/_create_alert_form.html.erb  | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/views/_tailwind/applications/_create_alert_form.html.erb b/app/views/_tailwind/applications/_create_alert_form.html.erb
index 081a3cb42..f2a704f12 100644
--- a/app/views/_tailwind/applications/_create_alert_form.html.erb
+++ b/app/views/_tailwind/applications/_create_alert_form.html.erb
@@ -1,4 +1,3 @@
-<%# TODO: Make it work %>
 <% if current_user %>
   <div class="flex items-center justify-between px-4 py-2 bg-light-grey">
     <div class="flex gap-6 pl-4">
@@ -10,6 +9,19 @@
     <% end %>
   </div>
 <% else %>
-  <%# TODO: Handle logged out state %>
-  <p>Show something else when you're not logged in</p>
-<% end %>
\ No newline at end of file
+  <div class="flex flex-col items-center justify-between gap-8 md:flex-row bg-light-grey px-14 mt-14">
+    <%# TODO: Is h2 correct here? %>
+    <div class="pt-14 md:pb-14">
+      <h2 class="text-3xl font-bold font-display text-navy">Save this search as an email alert?</h2>
+      <p class="mt-4 text-2xl text-navy">
+        <%= pa_link_to "Create an account", new_user_registration_path %>
+        or
+        <%= pa_link_to "sign in", new_user_session_path %>.
+      </p>
+      <p class="text-2xl text-navy">
+        It only takes a moment.
+      </p>
+    </div>
+    <%= image_tag "tailwind/illustration/save-search.svg", class: "self-end md:pt-14" %>
+  </div>
+<% end %>