feat: member loan paging

lib/src/providers/auth_provider.dart

@@ -28,6 +28,11 @@ class AuthProvider with ChangeNotifier {
   bool changePasswordSucced = false;
   bool loanBookSuccess = false;
 
+  bool hasNextPage = false;
+  bool hasPrevPage = false;
+  int pageNumber = 1;
+  int? totalPages;
+
   List<dynamic>? loans;
   List<dynamic>? nearOutstandingLoans;
   List<dynamic>? overduedLoans;
@@ -60,6 +65,7 @@ class AuthProvider with ChangeNotifier {
     loans = null;
     nearOutstandingLoans = null;
     overduedLoans = null;
+    totalPages = null;
 
     isAuthenticated = false;
     invalidUsernameOrPassword = false;
@@ -70,6 +76,13 @@ class AuthProvider with ChangeNotifier {
     resetPasswordSucced = false;
     changePasswordSucced = false;
     loanBookSuccess = false;
+    hasNextPage = false;
+    hasPrevPage = false;
+  }
+
+  void setPage(int value) {
+    pageNumber = value;
+    notifyListeners();
   }
 
   Future<void> signIn(
@@ -376,8 +389,8 @@ class AuthProvider with ChangeNotifier {
       url += '?near_outstanding=True';
     } else if (filterByOverdued) {
       url += '?overdue=True';
-    } else {
-      null;
+    } else if (pageNumber > 1) {
+      url += "?page=$pageNumber";
     }
 
     try {
@@ -392,7 +405,11 @@ class AuthProvider with ChangeNotifier {
       if (response.statusCode == 200) {
         message = null;
         final data = jsonDecode(response.body);
-        memberLoans = data;
+        memberLoans = data["data"];
+        hasNextPage = data["has_next"];
+        hasPrevPage = data["has_prev"];
+        pageNumber = data["page_number"];
+        totalPages = data["total_pages"];
       } else {
         final data = jsonDecode(response.body);
         message = data["message"];

lib/src/widgets/books/book_list.dart

@@ -64,6 +64,11 @@ class _BookList extends State<BookList> {
   Widget build(BuildContext context) {
     return Consumer<BookProvider>(
       builder: (context, bookProvider, child) {
+        if (bookProvider.books == null) {
+          return const Center(
+            child: CircularProgressIndicator(),
+          );
+        }
         final Iterable<Book> books = bookProvider.books!.map((book) {
           if (book["category"] != null) {
             final Category category = Category.fromJson(

lib/src/widgets/loans/loan_list.dart

@@ -26,6 +26,40 @@ class _LoanList extends State<LoanList> {
     super.initState();
   }
 
+  ScrollController listScrollController = ScrollController();
+  void scrollToTop() {
+    if (listScrollController.hasClients) {
+      final position = listScrollController.position.minScrollExtent;
+      listScrollController.jumpTo(position);
+    }
+  }
+
+  Future<void> nextPage() async {
+    if (Provider.of<AuthProvider>(context, listen: false).hasNextPage) {
+      Provider.of<AuthProvider>(context, listen: false).setPage(
+        Provider.of<AuthProvider>(context, listen: false).pageNumber + 1,
+      );
+    } else {
+      Provider.of<AuthProvider>(context, listen: false).setPage(
+          Provider.of<AuthProvider>(context, listen: false).totalPages!);
+    }
+    Provider.of<AuthProvider>(context, listen: false).getMemberLoan();
+    scrollToTop();
+  }
+
+  Future<void> prevPage() async {
+    if (Provider.of<AuthProvider>(context, listen: false).hasPrevPage) {
+      Provider.of<AuthProvider>(context, listen: false).setPage(
+        Provider.of<AuthProvider>(context, listen: false).pageNumber - 1,
+      );
+    } else {
+      Provider.of<AuthProvider>(context, listen: false).setPage(1);
+    }
+
+    Provider.of<AuthProvider>(context, listen: false).getMemberLoan();
+    scrollToTop();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Consumer<AuthProvider>(builder: (context, authProvider, child) {
@@ -48,10 +82,32 @@ class _LoanList extends State<LoanList> {
           headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
             return [const TopAppBar(title: "Book Loans")];
           },
-          body: ListView(
-            children: List.generate(loans.length, (index) {
-              return LoanItem(loans.elementAt(index));
-            }),
+          body: ListView.builder(
+            controller: listScrollController,
+            itemCount: loans.length + 1,
+            itemBuilder: (context, index) {
+              if (index < loans.length) {
+                return LoanItem(loans.elementAt(index));
+              } else {
+                return Container(
+                  padding: const EdgeInsets.all(10),
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      ElevatedButton(
+                        onPressed: prevPage,
+                        child: const Text('Prev'),
+                      ),
+                      Text(authProvider.pageNumber.toString()),
+                      ElevatedButton(
+                        onPressed: nextPage,
+                        child: const Text('Next'),
+                      ),
+                    ],
+                  ),
+                );
+              }
+            },
           ),
         );
       } else {