update view

app/views/origami/addorders/show.html.erb

@@ -4,7 +4,7 @@
           <ul class="nav nav-tabs md-pills pills-primary flex-column" role="tablist">
              <% @menu.each do |menu| %>
             <li class="nav-item">
-                <a class="nav-link" data-toggle="tab" href="#panel21" role="tab"> <%= menu.name%></a>
+                <a class="nav-link" data-toggle="tab" href="#table" role="tab"> <%= menu.name%></a>
             </li>
             <% end %>
             
@@ -15,6 +15,18 @@
       <div class="tab-content" style="max-height:650px; overflow:auto">
 
         <div class="tab-pane active"  id="table" role="tabpanel" style="max-height:; overflow:auto">
+        
+              <div class="card-columns" style="padding-top:10px; column-gap: 2.2rem;">
+
+                <div class="card click_table " data-id = "">
+                  <div class="card-block">
+                    <p class="hidden table-status">VVV</p>
+                    <p style="text-align: center">VVVV</p>
+                    <p style="text-align: center">BBBBB</p>
+                  </div>
+                </div>
+               
+              </div>
           </div>
 
       </div>

app/views/origami/home/show.html.erb

@@ -298,6 +298,7 @@
    <!-- Waiter Buttons -->
 
    <button type="button" class="btn btn-primary btn-block" id='back' >Back</button>
+   <button type="button" id="add_order" class="btn btn-primary btn-block" >Add Order</button>
    <% if @dining.bookings.length >= 1 %>
    <button type="button" id="customer" class="btn btn-primary btn-block" >Customer</button>
 
@@ -557,6 +558,7 @@ function show_customer_details(customer_id){
   });
 
   $('#add_order').on('click',function(){
-    window.location.href = '/origami/addorders';
+    var dining_id = "<%= @dining.id %>"
+    window.location.href = '/origami/addorders/'+dining_id;
   });
 </script>