shoppy 0.9.0

data/app/views/shared/_custom_file_input.html.erb

@@ -0,0 +1,12 @@
+<div class="fileinput fileinput-new input-group" data-provides="fileinput">
+  <div class="form-control" data-trigger="fileinput">
+  	<i class="glyphicon glyphicon-file fileinput-exists"></i>
+  	<span class="fileinput-filename"></span>
+  </div>
+  <span class="input-group-addon btn btn-default btn-file">
+  	<span class="fileinput-new">Select file</span>
+  	<span class="fileinput-exists">Change</span>
+  	<%= file.file_field name %><br>
+  </span>
+  <a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
+</div>

data/app/views/shared/_flashes.html.erb

@@ -0,0 +1,21 @@
+<% if flash.notice %>
+	<div class="alert alert-success" role="alert">
+	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+	<strong>Success: </strong><%= flash.notice %></div>
+<% end -%>
+<% if flash[:warning] %>
+	<div class="alert alert-warning" role="alert">
+		<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+		<strong>Warning: </strong><%= flash[:warning] %>
+	</div>
+<% end -%>
+<% if flash[:error] %>
+  <div class="alert alert-danger" role="alert">
+    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+    <% flash[:error].each do |key, value| %>
+      <% value.each do |v| %>
+        <strong>Error: </strong><%= key.to_s + " " + v.to_s %> <br>
+      <% end -%>
+    <% end -%>
+  </div>
+<% end -%>

data/app/views/shared/_navigation.html.erb

@@ -0,0 +1,66 @@
+<nav class="navbar navbar-default" role="navigation">
+  <div class="container-fluid">
+
+    <div class="navbar-header">
+      <a class="navbar-brand" href="#">Shoppy Backstore</a>
+    </div>
+
+    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
+      <ul class="nav navbar-nav">
+        <li class="<%= params[:controller] == 'home' ? 'active' : ''  %>"><a href="/">Dashboard</a></li>
+        <li class="dropdown <%= params[:controller] == 'accounts' ? 'active' : ''  %>">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Accounts <span class="caret"></span></a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="/accounts/admins">Admins</a></li>
+            <li><a href="/accounts/customers">Customers</a></li>
+          </ul>
+        </li>
+
+        <li class="dropdown <%= (params[:controller] == 'locations' || params[:controller] == 'inventories')  ? 'active' : ''  %>">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Inventory <span class="caret"></span></a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="/locations/">Stock Locations</a></li>
+          </ul>
+        </li>
+
+        <li class="dropdown <%= Shoppy::ApplicationHelper.is_product_page(params[:controller]) == true ? 'active' : ''  %>">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products <span class="caret"></span></a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="/products/items">Product Items</a></li>
+            <li class="divider"></li>
+            <li><a href="/products/manufacturers">Manufacturers</a></li>
+            <li><a href="/products/brands">Brands</a></li>
+            <li class="divider"></li>
+            <li><a href="/products/categories">Categories</a></li>
+            <li><a href="/products/options">Product Options</a></li>
+            <li class="divider"></li>
+            <li><a href="/reviews">Product Reviews</a></li>
+          </ul>
+        </li>
+
+        <li class="dropdown <%= params[:controller] == 'orders' ? 'active' : ''  %>">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Orders <span class="caret"></span></a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="/orders">List orders</a></li>
+            <li class="divider"></li>
+            <li><a href="/shipments">Shipments</a></li>
+          </ul>
+        </li>
+
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown"><%= current_admin.name %> <span class="caret"></span></a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="/accounts/<%= current_admin.id %>">Change Password</a></li>
+            <li><a href="/logs">Logs</a></li>
+            <li class="divider"></li>
+            <li><%= link_to "Sign out", destroy_admin_session_path, method: :delete %></li>
+          </ul>
+        </li>
+
+      </ul>
+    </div>
+  </div>
+</nav>

data/app/views/shipments/index.html.erb

@@ -0,0 +1,97 @@
+<div class="row">
+
+  <%= render 'shared/flashes' %>
+
+  <div class="panel panel-default">
+    <div class="panel-heading clearfix">
+      <h3 class="panel-title pull-left">Manage shipments <%= @order ? "for order # #{@order.id}" : "for ALL orders" %></h3>
+      <button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#newShipmentModal">
+        <span class="glyphicon glyphicon-plus"></span> New Shipment
+      </button>
+    </div>
+    <div class="panel-body">
+      <% if @shipments.count > 0 %>
+       <div class="clearfix">
+        <div class="form-group col-xs-2 table-show">
+           <label class="form-label">Show Rows:</label>
+        </div>
+        <div class="form-group col-xs-5 table-search pull-right">
+          <label class="form-label">Search shipments </label>
+        </div>
+      </div>
+      <hr>
+      <table class="table  filterTable ">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>Date</th>
+            <th>Tracking number</th>
+            <th>Status</th>
+            <th>Order No.</th>
+            <th class="text-right">Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @shipments.each do |s| %>
+          <tr>
+            <td><%= s.id %></td>
+            <td><%= s.shipment_date.strftime("%d/%m/%Y") %></td>
+            <td><%= s.tracking_number %></td>
+            <td><%= s.status %></td>
+            <td><%= s.order_id %></td>
+            <td class="text-right">
+              <%= link_to "<span class='glyphicon glyphicon-trash'></span>".html_safe, @order ? "/shipments/#{s.id}?order_id=#{@order.id}" : "/shipments/#{s.id}", method: :delete, data: { confirm: "Are you Sure you want to delete this shipment?" }, class: "btn btn-sm btn-danger", title: "Delete" %>
+              <%= link_to "<span class='glyphicon glyphicon-edit'></span>".html_safe, "/shipments/#{s.id}", class: "btn btn-sm btn-info", title: "Show/Edit"  %>
+              <%= link_to "<span class='glyphicon glyphicon-ok'></span>".html_safe, @order ? "/shipments/#{s.id}?order_id=#{@order.id}&status=processing" : "/shipments/#{s.id}?status=processing", method: "put", data: { confirm: "Are you Sure you want to mark this shipment as processing?" }, class: "btn btn-sm btn-primary", title: "Process" %>
+              <%= link_to "<span class='glyphicon glyphicon-remove'></span>".html_safe, @order ? "/shipments/#{s.id}?order_id=#{@order.id}&status=cancelled" : "/shipments/#{s.id}?status=cancelled", method: "put", data: { confirm: "Are you Sure you want to mark this shipment as cancelled?" }, class: "btn btn-sm btn-primary", title: "Cancel" %>
+              <%= link_to "<span class='glyphicon glyphicon-export'></span>".html_safe, @order ? "/shipments/#{s.id}?order_id=#{@order.id}&status=shipped" : "/shipments/#{s.id}?status=shipped", method: "put", data: { confirm: "Are you Sure you want to mark this shipment as shipped?" }, class: "btn btn-sm btn-primary", title: "Ship" %>
+              <%= link_to "<span class='glyphicon glyphicon-import'></span>".html_safe, @order ? "/shipments/#{s.id}?order_id=#{@order.id}&status=delivered" : "/shipments/#{s.id}?status=delivered", method: "put", data: { confirm: "Are you Sure you want to mark this shipment as Delivered?" }, class: "btn btn-sm btn-primary", title: "Delivered" %>
+            </td>
+          </tr>
+          <% end -%>
+        </tbody>
+      </table>
+      <% else %>
+        <h4 class="text-center light-color">No Shipments Yet</h4>
+      <% end -%>
+    </div>
+  </div>
+</div>
+
+<!-- Modal -->
+<div class="modal fade" id="newShipmentModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+        <h4 class="modal-title" id="myModalLabel">Add a New shipment <%= @order ? "for order no. #{@order.id}" : "" %></h4>
+      </div>
+
+      <%= form_tag("/shipments", method: "post", role: "form", autocomplete: "off") do %>
+
+        <div class="modal-body">
+
+          <h4>A form should go here</h4>
+          <p>
+            The form should first start with selecting a customer, if not selected <br>
+            Then select an order (that is not shipped), for that selected customer (AJAX) <br>
+            Then select the stock location to ship from. <br>
+            Once all these elements are selected, an table should be displayed (AJAX) <br>
+            that displays the UNSHIPPED items in the selected order, that are ALSO available <br>
+            in the seletced stock location.
+          </p>
+          <p>
+            The form should also include a field to enter the tracking number (string)
+          </p>
+        </div>
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+          <%= submit_tag("Add New Shipment", class: "btn btn-info") %>
+        </div>
+      <% end -%>
+    </div>
+  </div>
+</div>
+

data/app/views/shipments/show.html.erb

@@ -0,0 +1,84 @@
+<div class="row">
+  <%= render 'shared/flashes' %>
+  <div class="panel panel-default">
+    <div class="panel-heading clearfix">
+      <div class="pull-right">
+        <%= link_to "<span class='glyphicon glyphicon-ok'></span> Process".html_safe, "/shipments/#{@shipment.id}?status=processing&view=show", method: :put, data: { confirm: "Are you Sure you want to mark this shipment as processing?" }, class: "btn btn-sm btn-primary", title: "Process" %>
+        <%= link_to "<span class='glyphicon glyphicon-remove'></span> Cancel".html_safe, "/shipments/#{@shipment.id}?status=cancelled&view=show", method: :put, data: { confirm: "Are you Sure you want to mark this shipment as cancelled?" }, class: "btn btn-sm btn-primary", title: "Cancel" %>
+        <%= link_to "<span class='glyphicon glyphicon-export'></span> Ship".html_safe, "/shipments/#{@shipment.id}?status=shipped&view=show", method: :put, data: { confirm: "Are you Sure you want to mark this shipment as Shipped?" }, class: "btn btn-sm btn-primary", title: "Ship" %>
+        <%= link_to "<span class='glyphicon glyphicon-import'></span> Delivered".html_safe, "/shipments/#{@shipment.id}?status=delivered&view=show", method: :put, data: { confirm: "Are you Sure you want to mark this shipment as Delivered?" }, class: "btn btn-sm btn-primary", title: "Delivered" %>
+      </div>
+      <h3 class="panel-title">Shipment details</h3>
+    </div>
+    <div class="panel-body">
+      <div>
+        <h4>Shipment information:</h4>
+        <p>
+          <strong>Status: </strong><%= @shipment.status %><br>
+          <strong>Tracking number: </strong><%= @shipment.tracking_number %><br>
+          <strong>Shipment Date: </strong><%= @shipment.shipment_date ? @shipment.shipment_date.strftime("%d/%m/%Y") : "N/A" %><br>
+          <strong>Delivery Date: </strong><%= @shipment.delivery_date ? @shipment.delivery_date.strftime("%d/%m/%Y") : "N/A" %><br>
+        </p>
+      </div>
+      <hr>
+      <div class="row">
+        <div class="col-xs-6">
+          <h4>Customer information:</h4>
+          <p>
+            <strong>Name: </strong><%= @shipment.order.customer.name %><br>
+            <strong>Email: </strong><%= @shipment.order.customer.email %><br>
+            <strong>Phone: </strong><%= @shipment.order.customer.phone %><br>
+            <strong>Address:</strong><br>
+              <%= @shipment.order.customer_add_line1 %><br>
+              <%= @shipment.order.customer_add_line2 %><br>
+              <%= "#{@shipment.order.customer_city}, #{@shipment.order.customer_state} - #{@shipment.order.customer_zip}" %><br>
+              <%= @shipment.order.customer_country %><br>
+          </p>
+        </div>
+        <div class="col-xs-6">
+          <h4>Stock Location:</h4>
+          <p>
+            <strong>Name: </strong><%= @shipment.stock_location.name %><br>
+            <strong>Email: </strong><%= @shipment.stock_location.email %><br>
+            <strong>Phone: </strong><%= @shipment.stock_location.phone %><br>
+            <strong>Address:</strong><br>
+              <%= @shipment.stock_location.add_line1 %><br>
+              <%= @shipment.stock_location.add_line2 %><br>
+              <%= "#{@shipment.stock_location.city}, #{@shipment.stock_location.state} - #{@shipment.stock_location.zip}" %><br>
+              <%= @shipment.order.customer_country %><br>
+          </p>
+        </div>
+      </div>
+      <hr>
+      <div>
+        <h4>Items in shipment:</h4>
+        <table class="table  ">
+          <thead>
+            <tr>
+              <th>#</th>
+              <th>Variant</th>
+              <th>Quantity</th>
+              <th>Shipped</th>
+            </tr>
+          </thead>
+          <tbody>
+            <% @shipment.order_lines.each do |ol| %>
+            <tr>
+              <td><%= ol.id %></td>
+              <td><%= ol.variant.name %></td>
+              <td><%= ol.quantity %></td>
+              <td><%= ol.shipped ? "Yes" : "No" %></td>
+            </tr>
+            <% end -%>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div class="panel-footer clearfix">
+      <div class="pull-right">
+        <%= link_to "<span class='glyphicon glyphicon-trash'></span> Delete".html_safe, "/shipments/#{@shipment.id}?view=show", method: :delete, data: { confirm: "Are you Sure you want to delete this shipment?" }, class: "btn btn-danger", title: "Delete" %>
+      </div>
+      <a class="btn btn-default pull-left" href="/shipments" role="button">Back to shipments</a>
+    </div>
+  </div>
+</div>

data/app/views/variants/index.html.erb

@@ -0,0 +1,119 @@
+<div class="row">
+
+  <%= render 'shared/flashes' %>
+
+  <div class="panel panel-default">
+    <div class="panel-heading clearfix">
+      <h3 class="panel-title pull-left">Manage <%= @product.name %>'s Variants</h3>
+      <button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#newVariantModal">
+        <span class="glyphicon glyphicon-plus"></span> New Variant
+      </button>
+    </div>
+    <div class="panel-body">
+      <% if @variants.count > 0 %>
+       <div class="clearfix">
+        <div class="form-group col-xs-2 table-show">
+           <label class="form-label">Show Rows:</label>
+        </div>
+        <div class="form-group col-xs-5 table-search pull-right">
+          <label class="form-label">Search Variants </label>
+        </div>
+      </div>
+      <hr>
+      <table class="table  filterTable ">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>Name</th>
+            <th>Regular Price</th>
+            <th>Promotional Price</th>
+            <th>Promotion starts on</th>
+            <th>Promotion ends on</th>
+            <th class="text-right">Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @variants.each do |v| %>
+          <tr>
+            <td><%= v.id %></td>
+            <td><%= v.name %></td>
+            <td><%= number_to_currency(v.reg_price, unit: CURRENCY_UNIT) %></td>
+            <td><%= v.promo_price ? number_to_currency(v.promo_price, unit: CURRENCY_UNIT) : "N/A" %></td>
+            <td><%= v.promo_price_starts_on ? v.promo_price_starts_on.strftime("%d/%m/%Y") : "N/A" %></td>
+            <td><%= v.promo_price_ends_on ? v.promo_price_ends_on.strftime("%d/%m/%Y") : "N/A" %></td>
+            <td class="text-right">
+              <%= link_to "<span class='glyphicon glyphicon-trash'></span>".html_safe, "/products/items/#{@product.id}/variants/#{v.id}", method: :delete, data: { confirm: "Are you Sure you want to delete this variant?" }, class: "btn btn-sm btn-danger", title: "Delete" %>
+              <%= link_to "<span class='glyphicon glyphicon-edit'></span>".html_safe, "/products/items/#{@product.id}/variants/#{v.id}", class: "btn btn-sm btn-info", title: "Show/Edit" %>
+            </td>
+          </tr>
+          <% end -%>
+        </tbody>
+      </table>
+      <% else %>
+        <h4 class="text-center light-color">No Variants Yet</h4>
+      <% end -%>
+    </div>
+  </div>
+</div>
+
+<!-- Modal -->
+<div class="modal fade" id="newVariantModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+        <h4 class="modal-title" id="myModalLabel">Add a variant to <%= @product.name %></h4>
+      </div>
+
+    <%= form_tag("/products/items/#{@product.id}/variants", method: "post", class: "form-horizontal", role: "form", autocomplete: "off") do %>
+          <div class="modal-body">
+            <div class="form-group form-group-modal">
+              <label class="control-label">Variant Name *</label> <br>
+              <%= text_field_tag(:name, nil, class: "form-control") %>
+            </div>
+            <div class="form-group form-group-modal">
+              <label class="control-label">Regular Price *</label> <br>
+                <%= text_field_tag(:reg_price, nil, class: "form-control") %>
+            </div>
+            <div class="form-group form-group-modal">
+              <label class="control-label">Promotional Price</label> <br>
+                <%= text_field_tag(:promo_price, nil, class: "form-control") %>
+            </div>
+            <div class="form-group form-group-modal">
+              <label class="control-label">Promotion starts on</label> <br>
+                <%= text_field_tag(:promo_price_starts_on, nil, class: "form-control datePickers", placeholder: "dd/mm/yyyy") %>
+            </div>
+            <div class="form-group form-group-modal">
+              <label class="control-label">Promotion end on</label> <br>
+                <%= text_field_tag(:promo_price_ends_on, nil, class: "form-control datePickers", placeholder: "dd/mm/yyyy") %>
+            </div>
+            <div class="form-group form-group-modal">
+              <label class="control-label">Points *</label> <br>
+                <%= text_field_tag(:points, 0, class: "form-control") %>
+            </div>
+            <hr>
+            <div class="form-group form-group-modal">
+              <h4>Options</h4>
+              <% if @product.options_groups.count > 0 %>
+                  <% @product.options_groups.each do |o| %>
+                    <label class="control-label" ><%= o.name %></label>
+                    <%= collection_select :options, o.name, o.options_items, :id, :name, {include_blank: false}, class: "form-control" %>
+                    <br>
+                  <% end -%>
+              <% else %>
+                  No options to be selected.
+              <% end %>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+            <%= submit_tag("Add Variant", class: "btn btn-info") %>
+          </div>
+      <% end %>
+    </div>
+  </div>
+</div>
+
+<script>
+
+</script>

data/app/views/variants/show.html.erb

@@ -0,0 +1,114 @@
+<div class="row">
+<%= render 'shared/flashes' %>
+
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h3 class="panel-title"><%= @variant.name %> details</h3>
+    </div>
+
+    <%= form_tag("/products/items/#{@variant.product.id}/variants/#{@variant.id}", method: "put", autocomplete: "off") do %>
+      <div class="panel-body">
+        <div class="row">
+
+          <div class="form-group col-xs-6">
+            <label class="control-label">Variant Name *</label> <br>
+            <%= text_field_tag(:name, @variant.name, class: "form-control") %>
+          </div>
+
+          <div class="form-group col-xs-6">
+            <label class="control-label">Points *</label> <br>
+            <%= number_field_tag(:points, (@variant.points), class: "form-control") %>
+          </div>
+
+          <div class="form-group col-xs-2">
+            <label class="control-label">Regular Price *</label> <br>
+            <%= text_field_tag(:reg_price, @variant.reg_price, class: "form-control") %>
+          </div>
+          <div class="form-group col-xs-4">
+            <label class="control-label">Promotion starts on</label> <br>
+            <%= text_field_tag(:promo_price_starts_on, (@variant.promo_price_starts_on ? @variant.promo_price_starts_on.strftime("%d/%m/%Y") : ""), class: "form-control datePickers", placeholder: "DD-MM-YYYY") %>
+          </div>
+          <div class="form-group col-xs-2">
+            <label class="control-label">Promotional Price</label> <br>
+            <%= text_field_tag(:promo_price, @variant.promo_price, class: "form-control") %>
+          </div>
+
+          <div class="form-group col-xs-4">
+            <label class="control-label">Promotion end on</label> <br>
+            <%= text_field_tag(:promo_price_ends_on, (@variant.promo_price_ends_on ? @variant.promo_price_ends_on.strftime("%d/%m/%Y") : ""), class: "form-control datePickers", placeholder: "DD-MM-YYYY") %>
+          </div>
+        </div>
+
+        <div class="form-group">
+          <h4>Options</h4>
+          <% if @variant.options.count > 0 %>
+            <% @variant.options.each do |ok, ov| %>
+              <label class="control-label" ><%= "#{ok} - (#{OptionsGroup.find_by(name: ok).display})" %></label>
+              <%= collection_select :options, ok , OptionsGroup.find_by(name: ok).options_items, :id, :name, {include_blank: false, selected: OptionsItem.find_by(name: ov) ? OptionsItem.find_by(name: ov).id : nil}, class: "form-control" %>
+              <br>
+            <% end -%>
+          <% else %>
+            No options to be selected.
+          <% end %>
+        </div>
+
+        <h4>Other Properties</h4>
+
+        <div class="row" id="hashForm">
+          <% @index = 0 %>
+
+          <div class="form-group col-xs-4">Property Name</div>
+          <div class="form-group col-xs-8">Property Value</div>
+
+          <% if @variant.hash_data.count > 0 %>
+            <% @variant.hash_data.each_with_index do |h, i| %>
+              <% @index = i %>
+              <div class="form-group col-xs-4">
+                <%= text_field_tag("hash[#{@index}][k]", h[0], class: "form-control") %>
+              </div>
+              <div class="form-group col-xs-8">
+                <%= text_field_tag("hash[#{@index}][v]", h[1], class: "form-control") %>
+              </div>
+            <% end -%>
+          <% else %>
+            <div class="form-group col-xs-4">
+              <%= text_field_tag("hash[#{@index}][k]", nil, class: "form-control") %>
+            </div>
+            <div class="form-group col-xs-8">
+              <%= text_field_tag("hash[#{@index}][v]", nil, class: "form-control") %>
+            </div>
+          <% end -%>
+        </div>
+
+        <a href="#" id="addRowButton" class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span> Add Row</a>
+
+      </div>
+      <div class="panel-footer clearfix">
+        <div class="pull-right">
+          <%= link_to "<span class='glyphicon glyphicon-trash'></span> Delete".html_safe, "/products/items/#{@variant.product.id}/variants/#{@variant.id}?view=show", method: :delete, data: { confirm: "Are you Sure you want to delete this variant?" }, class: "btn btn-danger", title: "Delete" %>
+          <%= submit_tag("Update", class: "btn btn-success") %>
+        </div>
+        <a class="btn btn-default pull-left" href="/products/items/<%= @variant.product.id %>/variants" role="button">Back to Variants</a>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<script>
+  var hashIndex = <%= @index %> + 1;
+
+  $('#addRowButton').click(function(event) {
+    event.preventDefault();
+
+    var formItem = '<div class="form-group col-xs-4">';
+    formItem += '<input type="text" name="hash[' + hashIndex + '][k]" id="hash_' + hashIndex + '_k" class="form-control">';
+    formItem += '</div>'
+
+    formItem += '<div class="form-group col-xs-8">';
+    formItem += '<input type="text" name="hash[' + hashIndex + '][v]" id="hash_' + hashIndex + '_v" class="form-control">';
+    formItem += '</div>';
+
+    $('#hashForm').append(formItem)
+    hashIndex += 1;
+  });
+</script>