Todd

public/application.css

@@ -3,7 +3,7 @@
 }
 
 #pic_display {
-  background-size: 200px 200px;
-  background-color: blue;
+  height: 200px;
+  width: 200px;
   border: 10px solid black;
 }

public/application.js

@@ -14,4 +14,7 @@ $('.default-value').each(function() {
     });
 });
 
-$('.user-info')
+$('#remove').on('click', function (e) {
+    e.preventDefault();
+    $('.row.item').remove();
+});

views/form.erb

@@ -1,7 +1,6 @@
 
     <h1 class="header">Insure My Stuff</h1>
     <p class="header">Upload your belongings</p>
-
     <dl class="accordion" data-accordion>
   <dd>
     <a href="#panel1">User Information</a>
@@ -43,6 +42,3 @@
 
 
 
-
-
-

views/inventory.erb

@@ -1,18 +1,25 @@
-
   <h1>Summary of Inventory for <%= @user_name %></h1>
   <div class="row">
     <p>Name: <%= @name %></p>
     <p>Phone: <%= @phone %></p>
     <p>Email: <%= @email %></p>
     <p>Zip: <%= @zip %></p>
+    <% @sum = 0.0 %>
+    <p>Total Value: $<% @prices.each do |x| %>
+                      <% @sum += x.to_f %>
+                      <% end %>
+                      <%= @sum.round(2) %>
+                        </p>
   </div>
+  <div class="items">
 <% i = 0 %>
   <% while i < @items.length %>
-  <div class="row">
+  <div class="row item">
     <div class="large-6 columns">
       <p>Item Name: <%= @items[i] %></p>
       <p>Serial Number: <%= @serial_numbers[i] %></p>
-      <p>Retail Price: <%= @prices[i] %></p>
+      <p>Retail Price: $<%= @prices[i] %></p>
+      <input type="button" value="Remove Item" class="remove"></input>
     </div>
     <div class="large-6 columns">
       <div id="pic_display">
@@ -22,5 +29,34 @@
   </div>
     <%= i += 1 %>
   <% end %>
+</div>
+  <div>
+    <input type="button" value="Add New Item" id="add"></input>
+  </div>
+
+  <script type="text/javascript">
+$('.remove').on('click', function (e) {
+    e.preventDefault();
+    $('.row.item').remove();
+});
+
+$('#add').on('click', function (e) {
+  e.preventDefault();
+  $('.items')
+    .append('<div class="row item">' +
+            '<div class="large-6 columns">' +
+                '<p>Item Name: <input type="text" name="item"></input></p>' +
+                '<p>Serial Number: <input type="text" name="serial_number"></input></p>' +
+                '<p>Retail Price: <input type="text" name="price"></input></p>' +
+                'Upload photo: <input type="text" name="pic"></input>'+
+                  '<input type="button" value="Remove Item" id="remove"></input>'+
+                  '</div>'+
+                  '<div class="large-6 columns">'+
+                  '<img src="" />'+
+                  '</div>'+
+                  '</div>');
+
+})
+  </script>