Added pagination to books page

app/Http/Controllers/BookController.php

@@ -40,7 +40,7 @@ class BookController extends Controller
      */
     public function index()
     {
-        $books = $this->bookRepo->getAll();
+        $books = $this->bookRepo->getAllPaginated(10);
         return view('books/index', ['books' => $books]);
     }
 

app/Repos/BookRepo.php

@@ -30,6 +30,16 @@ class BookRepo
         return $this->book->all();
     }
 
+    /**
+     * Getas
+     * @param int $count
+     * @return mixed
+     */
+    public function getAllPaginated($count = 10)
+    {
+        return $this->book->orderBy('name', 'asc')->paginate($count);
+    }
+
     public function getBySlug($slug)
     {
         return $this->book->where('slug', '=', $slug)->first();

resources/assets/sass/_lists.scss

@@ -215,3 +215,41 @@
     margin-left: 30px + $-s;
   }
 }
+
+ul.pagination {
+  display: inline-block;
+  list-style: none;
+  margin: $-m 0;
+  li {
+    float: left;
+  }
+  li:first-child {
+    a, span {
+      border-radius: 3px 0 0 3px;
+    }
+  }
+  li:last-child {
+    a, span {
+      border-radius: 0 3px 3px 0;
+    }
+  }
+  a, span {
+    display: block;
+    padding: $-xxs $-s;
+    border: 1px solid #CCC;
+    margin-left: -1px;
+    color: #888;
+    user-select: none;
+    &.disabled {
+      cursor: not-allowed;
+    }
+  }
+  li.active span {
+    background-color: rgba($primary, 0.8);
+    color: #EEE;
+    border-color: rgba($primary, 0.8);
+  }
+  a {
+    color: $primary;
+  }
+}

resources/views/books/index.blade.php

@@ -27,6 +27,7 @@
                         @include('books/list-item', ['book' => $book])
                         <hr>
                     @endforeach
+                    {!! $books->render() !!}
                 @else
                     <p class="text-muted">No books have been created.</p>
                     <a href="/books/create" class="text-pos"><i class="zmdi zmdi-edit"></i>Create one now</a>