Comment form

app.rb

@@ -16,6 +16,7 @@
 
 get '/pictures/:picture.html' do
   @title = "Picture"
+  @picture = params['picture']
   @picture_url = find_picture_url(params['picture']) or halt 404
   erb :picture
 end

public/style.css

@@ -51,3 +51,11 @@ h1 {
 .full-photo {
     width: 100%;
 }
+
+.add-comment input, .add-comment textarea {
+    width: 40ch;
+}
+
+.add-comment textarea {
+    height: 3em;
+}

views/picture.erb

@@ -1,3 +1,14 @@
 <img class="full-photo" src="<%= @picture_url %>">
 
 <p><a href="/pictures.html">Return to album</a></p>
+
+<h2>Comments</h2>
+
+<form action="/add-comment" method="post" class="add-comment">
+    <input type="hidden" name="picture" value="<%= @picture %>">
+    <label for="author">Name</label>
+    <br><input type="text" name="author">
+    <br><label for="message">Comment</label>
+    <br><textarea type="text" name="message"></textarea>
+    <br><button type="submit">Add Comment</button>
+</form>