Form blank state

app/views/forms/_form_example.html.erb

@@ -7,5 +7,5 @@
     </p>
   <% end %>
   ...
-  <%= submit_tag 'Submit' %>
+  <input type="submit" value="Submit">
 </form>

app/views/forms/_form_example_js.html.erb

@@ -7,5 +7,5 @@
     </p>
   <% end %>
     ...
-  <%= submit_tag 'Submit' %>
+  <input type="submit" value="Submit">
 </form>

app/views/forms/show.html.erb

@@ -18,6 +18,35 @@
     <%= @form.title %>
   </h1>
 
+
+  <% if @form.submissions.empty? %>
+
+    <div class="columns is-centered">
+      <div class="column is-two-thirds">
+
+        <h3 class="title">Setup your online form:</h3>
+        <p>
+          Your form submission URL: <code><%= submission_url(@form) %></code>
+        </p>
+        <p>
+          Set the <code>action</code> of your online form to this URL and make sure your fields have proper <code>name</code> attributes.
+        </p>
+        <h4 class="subtitle" style="margin-top:1em">Example:</h4>
+        <pre><code class="html">
+<%= html_escape_once render('form_example', form: @form) %>
+        </code></pre>
+        <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.0.0/build/styles/default.min.css">
+        <script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.0.0/build/highlight.min.js"></script>
+
+        <p>
+          Let us know if you need <%= link_to 'help', help_url %> - we also build the form for you!
+        </p>
+
+      </div>
+    </div>
+
+  <% else %>
+
     <div class="box table-wrapper is-clearfix" style="clear:both">
       <table class="submission-table table is-fullwidth is-striped is-hoverable">
         <thead>
@@ -38,4 +67,7 @@
         </tbody>
       </table>
     </div>
+
+  <% end %>
+
 </div>