feat: paging book list

lib/src/providers/auth_provider.dart

@@ -489,11 +489,11 @@ class AuthProvider with ChangeNotifier {
         if (response.statusCode == 200) {
           final data = jsonDecode(response.body);
           if (type == "upcoming") {
-            nearOutstandingLoans = data;
+            nearOutstandingLoans = data["data"];
           } else if (type == "overdue") {
-            overduedLoans = data;
+            overduedLoans = data["data"];
           } else {
-            loans = data;
+            loans = data["data"];
           }
         } else {
           final code = response.statusCode;

lib/src/providers/book_provider.dart

@@ -12,6 +12,11 @@ class BookProvider with ChangeNotifier {
   String? searchKeyword;
   String? filterByCategory;
 
+  bool hasNextPage = false;
+  bool hasPrevPage = false;
+  int pageNumber = 1;
+  int? totalPages;
+
   bool isLoading = false;
 
   void setLoading(bool value) {
@@ -26,6 +31,8 @@ class BookProvider with ChangeNotifier {
         url += '?category=$filterByCategory';
       } else if (searchKeyword != null) {
         url += "?search=$searchKeyword";
+      } else if (pageNumber != null) {
+        url += "?page=$pageNumber";
       }
 
       final response = await http.get(
@@ -35,7 +42,11 @@ class BookProvider with ChangeNotifier {
 
       if (response.statusCode == 200) {
         final data = jsonDecode(response.body);
-        books = data;
+        books = data["data"];
+        hasNextPage = data["has_next"];
+        hasPrevPage = data["has_prev"];
+        pageNumber = data["page_number"];
+        totalPages = data["total_pages"];
       } else {
         final code = response.statusCode;
         debugPrint("Error: Fetch books failed, $code");
@@ -58,6 +69,11 @@ class BookProvider with ChangeNotifier {
     notifyListeners();
   }
 
+  void setPage(int value) {
+    pageNumber = value;
+    notifyListeners();
+  }
+
   Future<void> getCategories() async {
     try {
       setLoading(true);

lib/src/widgets/books/book_list.dart

@@ -21,11 +21,49 @@ class _BookList extends State<BookList> {
     Provider.of<BookProvider>(context, listen: false).getBooks();
   }
 
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  ScrollController listScrollController = ScrollController();
+  void scrollToTop() {
+    if (listScrollController.hasClients) {
+      final position = listScrollController.position.minScrollExtent;
+      listScrollController.jumpTo(position);
+    }
+  }
+
+  Future<void> nextPage() async {
+    if (Provider.of<BookProvider>(context, listen: false).hasNextPage) {
+      Provider.of<BookProvider>(context, listen: false).setPage(
+        Provider.of<BookProvider>(context, listen: false).pageNumber + 1,
+      );
+    } else {
+      Provider.of<BookProvider>(context, listen: false).setPage(
+          Provider.of<BookProvider>(context, listen: false).totalPages!);
+    }
+    Provider.of<BookProvider>(context, listen: false).getBooks();
+    scrollToTop();
+  }
+
+  Future<void> prevPage() async {
+    if (Provider.of<BookProvider>(context, listen: false).hasPrevPage) {
+      Provider.of<BookProvider>(context, listen: false).setPage(
+        Provider.of<BookProvider>(context, listen: false).pageNumber - 1,
+      );
+    } else {
+      Provider.of<BookProvider>(context, listen: false).setPage(1);
+    }
+
+    Provider.of<BookProvider>(context, listen: false).getBooks();
+    scrollToTop();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Consumer<BookProvider>(
       builder: (context, bookProvider, child) {
-        if (!bookProvider.isLoading) {
         final Iterable<Book> books = bookProvider.books!.map((book) {
           if (book["category"] != null) {
             final Category category = Category.fromJson(
@@ -52,29 +90,37 @@ class _BookList extends State<BookList> {
         });
 
         return NestedScrollView(
-            headerSliverBuilder:
-                (BuildContext context, bool innerBoxIsScrolled) {
+          headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
             return [const TopAppBar(title: "Books")];
           },
-            body: ListView(
-              children: List.generate(books.length, (index) {
-                return BookItem(
-                  books.elementAt(index),
-                );
-              }),
+          body: ListView.builder(
+            controller: listScrollController,
+            itemCount: books.length + 1,
+            itemBuilder: (context, index) {
+              if (index < books.length) {
+                return BookItem(books.elementAt(index));
+              } else {
+                return Container(
+                  padding: const EdgeInsets.all(10),
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      ElevatedButton(
+                        onPressed: prevPage,
+                        child: const Text('Prev'),
+                      ),
+                      Text(bookProvider.pageNumber.toString()),
+                      ElevatedButton(
+                        onPressed: nextPage,
+                        child: const Text('Next'),
+                      ),
+                    ],
                   ),
                 );
-        } else {
-          return NestedScrollView(
-            headerSliverBuilder:
-                (BuildContext context, bool innerBoxIsScrolled) {
-              return [const TopAppBar(title: "Books")];
+              }
             },
-            body: const Center(
-              child: CircularProgressIndicator(),
           ),
         );
-        }
       },
     );
   }