Show suggestions on new category page

app/assets/stylesheets/styles.css

@@ -76,7 +76,7 @@
 ul,
  ol {
    list-style-position: inside;
-   margin: 1.5rem 0 1.5rem 1.5rem;
+   margin: 0 0 1.5rem 1.5rem;
  }
 
  em {

app/controllers/categories_controller.rb

@@ -15,7 +15,8 @@ def show
   end
 
   def new
-    @category = Category.new(name: "New Category", context: @question.context.name)
+    @category  = Category.new(name: "New Category", context: @question.context.name)
+    @context = @question.context
   end
 
   def create

app/jobs/category_suggestions_job.rb

@@ -8,7 +8,6 @@ class CategorySuggestionsJob
   def perform(context_id)
     Rails.logger.info("CategorySuggestionsJob running with context id #{context_id}")
     return unless context = Context.find(context_id)
-    sleep(2)
     context.suggest_categories
     context.update_attribute(:suggestions_updated_at, DateTime.now)
   end

app/views/categories/new.html.erb

@@ -2,15 +2,32 @@
 
 <h1>Add a Category</h1>
 
-<%= form_with model: @category, url: question_categories_path(question_id: @question.id) do |f| %>
-  <fieldset>
-  <%= label :name, "Name" %>
-  <%= f.text_field :name %>
-  </fieldset>
-  <fieldset>
-  <%= label :description, "Description" %>
-  <%= f.text_area :description  %>
-  </fieldset>
-  <%= f.hidden_field :context %>
-  <%= f.submit "Create" %>
-<% end %>
+<div class="two-column">
+
+  <div class="column">
+    <%= form_with model: @category, url: question_categories_path(question_id: @question.id) do |f| %>
+      <fieldset>
+      <%= label :name, "Name" %>
+      <%= f.text_field :name %>
+      </fieldset>
+      <fieldset>
+      <%= label :description, "Description" %>
+      <%= f.text_area :description  %>
+      </fieldset>
+      <%= f.hidden_field :context %>
+      <%= f.submit "Create" %>
+    <% end %>
+  </div>
+
+  <% if @context.suggested_categories.any? %>
+    <div class="column">
+      <h2>Suggested categories:</h2>
+      <ul>
+        <% @context.suggested_categories.each do |suggestion| %>
+          <li><%= suggestion %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+</div>