From 12d9683cff87fe54e246a5b081b71e79351b0662 Mon Sep 17 00:00:00 2001
From: YarekTenko <yarektenko@gmail.com>
Date: Tue, 7 Mar 2017 09:41:20 -0800
Subject: [PATCH] Add Paginator to BetsController

---
 app/controllers/bets_controller.rb    |  5 ++++-
 app/views/bets/_display_bets.html.erb | 14 +++++++++++++-
 app/views/bets/index.html.erb         | 13 ++++++++++++-
 3 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/app/controllers/bets_controller.rb b/app/controllers/bets_controller.rb
index 4211b51..3b0e2e3 100644
--- a/app/controllers/bets_controller.rb
+++ b/app/controllers/bets_controller.rb
@@ -1,6 +1,9 @@
 class BetsController < ApplicationController
+  include Utilities::Paginator
+  helper_method :paginator
+
   def index
-    @bets = Bet.all
+    @bets = items_to_display(item: Bet, items_per_page: 25)
   end
 
   def show
diff --git a/app/views/bets/_display_bets.html.erb b/app/views/bets/_display_bets.html.erb
index 37c7d69..10de468 100644
--- a/app/views/bets/_display_bets.html.erb
+++ b/app/views/bets/_display_bets.html.erb
@@ -5,10 +5,22 @@
         <tr>
           <th class="col-md-2">Created By</th>
           <th class="col-md-2">Created at</th>
+          <th class="col-md-2">Expires at</th>
           <th class="col-md-2">Total amount bet</th>
-          <th class="col-md-6">Bet description</th>
+          <th class="col-md-4">Bet description</th>
         </tr>
       </thead>
+      <tbody>
+        <% bets.each do |bet| %>
+          <tr>
+            <td class="col-md-2"><%= bet.creator_id %></td>
+            <td class="col-md-2"><%= bet.created_at %></td>
+            <td class="col-md-2"><%= bet.expires_at %></td>
+            <td class="col-md-2"><%= bet.bet_total %></td>
+            <td class="col-md-4"><%= bet.bet %></td>
+          </tr>
+        <% end %>
+      </tbody>
     </table>
   </div>
 </div>
diff --git a/app/views/bets/index.html.erb b/app/views/bets/index.html.erb
index 7ade0da..13f2bd7 100644
--- a/app/views/bets/index.html.erb
+++ b/app/views/bets/index.html.erb
@@ -5,5 +5,16 @@
       <h4>This page will display all the existing bets (25/page) and allow the user to use custom search criteria.</h4>
     </div>
   </div>
-  <%= render 'bets/display_bets' %>
+  <div class="d-flex flex-column">
+    <div class="p-2">
+      <%= render 'display_bets', bets: @bets %>
+    </div>
+    <div class="mt-auto p-2">
+      <div class="row footer">
+        <div class="col col-md-12">
+          <%= paginator %>
+        </div>
+      </div>
+    </div>
+  </div>
 <% end %>