Modify index.html.erb for Bet

-Added the paginator helper method to index.html.erb for Bet that
renders the pagination panel with given parameters;
-Added display_bets partial that renders all the bets in the bets
instance variable;
-Added bet partial for Bet model;

app/views/bets/_bet.html.erb

@@ -0,0 +1,7 @@
+<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>

app/views/bets/_display_bets.html.erb

@@ -5,10 +5,16 @@
         <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| %>
+          <%= render 'bet', bet: bet %>
+        <% end %>
+      </tbody>
     </table>
   </div>
 </div>

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 %>