openaustralia/planningalerts

<%# TODO: Only show this block if we don't have an alert covering this area? %>
<%# TODO: Remove duplication between this and applications/_create_alert_form.html.erb. These two views are annoyingly similar yet different %>
<div class="flex items-center justify-between gap-8 px-10 mt-6 bg-light-grey sm:px-14 sm:mt-14">
  <div class="py-10">
    <p class="text-2xl font-bold font-display text-navy">Save this search as an email alert?</p>
    <% if current_user.nil? %>
      <p class="mt-4 text-xl 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-xl text-navy">
        It only takes a moment.
      </p>
    <% else %>
      <%= form_with model: [:profile, alert], builder: FormBuilders::Tailwind do |f| %>
        <p class="mt-2 mb-8 text-xl text-navy">
          Save your search for applications within <%= meters_in_words(alert.radius_meters) %> of <%= alert.address %>?
        </p>
        <%= f.hidden_field :address %>
        <%= f.hidden_field :radius_meters %>
        <%= f.button "Save" %>
      <% end %>
    <% end %>
  </div>
  <div class="self-end overflow-hidden h-[190px] hidden md:block">
    <%= image_tag "tailwind/illustration/save-search.svg", alt: "" %>
  </div>
</div>