fix: member loan selected book

lib/src/models/book.dart

 class Book {
+  int id;
   String title;
   String author;
   String description;
   String? coverUrl;
   String? category;
 
-  Book(this.title, this.author, this.description, this.coverUrl, this.category);
+  Book(this.id, this.title, this.author, this.description, this.coverUrl,
+      this.category);
 
   factory Book.fromJson(Map<String, dynamic> data) {
     return Book(
+      data['id'] as int,
       data['title'] as String,
       data['author'] as String,
       data['description'] as String,
@@ -20,6 +23,7 @@ class Book {
 
 final initialBooks = [
   Book(
+    1,
     'The Doe in the Forest',
     'Laurel Toven',
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id mauris ligula. Mauris nec elit ultrices, gravida tortor ac, faucibus velit.',
@@ -27,6 +31,7 @@ final initialBooks = [
     'Children',
   ),
   Book(
+    1,
     'Norse Mythology',
     'Neil Gaiman',
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id mauris ligula. Mauris nec elit ultrices, gravida tortor ac, faucibus velit.',
@@ -34,6 +39,7 @@ final initialBooks = [
     'Religion',
   ),
   Book(
+    1,
     'The Sun, the Moon, the Stars',
     'Junot Diaz',
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id mauris ligula. Mauris nec elit ultrices, gravida tortor ac, faucibus velit.',
@@ -41,6 +47,7 @@ final initialBooks = [
     'Drama',
   ),
   Book(
+    1,
     'Harry Potter',
     'JK Rowling',
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id mauris ligula. Mauris nec elit ultrices, gravida tortor ac, faucibus velit.',

lib/src/providers/auth_provider.dart

@@ -188,14 +188,18 @@ class AuthProvider with ChangeNotifier {
     final body = {
       "book": bookId,
       "member": memberId,
-      "loan_date": loanDate,
-      "due_date": dueDate,
+      "loan_date": loanDate.toString(),
+      "due_date": dueDate.toString(),
     };
+
     try {
       final response = await http.post(
         Uri.parse('$baseUrl/members/$memberId/loans/'),
         body: jsonEncode(body),
-        headers: {'Content-Type': 'application/json'},
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': 'Bearer ${token?.key}'
+        },
       );
 
       if (response.statusCode == 200) {
@@ -203,12 +207,12 @@ class AuthProvider with ChangeNotifier {
         memberLoans = data["results"];
       } else {
         debugPrint(
-            "Failed to get member loan. ${response.statusCode}: ${response.body}");
+            "Failed to create member loan. ${response.statusCode}: ${response.body}");
       }
 
       notifyListeners();
     } catch (error) {
-      debugPrint("Failed to get member loan. $error");
+      debugPrint("Failed to create member loan. $error");
     }
   }
 }

lib/src/screens/detail_screen.dart

@@ -4,14 +4,14 @@ import 'package:library_app/src/widgets/forms/book_loan_form.dart';
 class DetailScreen extends StatefulWidget {
   final String? textSubmitButton;
   final String title;
-  final String confirmMessage;
+  final int bookId;
   final Widget body;
 
   const DetailScreen({
     super.key,
     required this.title,
     required this.body,
-    required this.confirmMessage,
+    required this.bookId,
     this.textSubmitButton,
   });
 
@@ -24,6 +24,7 @@ class _DetailScreen extends State<DetailScreen> {
   Widget build(BuildContext context) {
     final String title = widget.title;
     final Widget body = widget.body;
+    final int bookId = widget.bookId;
 
     return Scaffold(
       appBar: AppBar(
@@ -42,7 +43,9 @@ class _DetailScreen extends State<DetailScreen> {
           )
         ],
       ),
-      bottomNavigationBar: const LoanBookForm(),
+      bottomNavigationBar: LoanBookForm(
+        bookId: bookId,
+      ),
     );
   }
 }

lib/src/widgets/books/book_detail.dart

@@ -19,8 +19,8 @@ class _BookDetail extends State<BookDetail> {
     final screenSize = MediaQuery.of(context).size;
 
     return DetailScreen(
+      bookId: book.id,
       title: book.title,
-      confirmMessage: "Loans for how many days?",
       textSubmitButton: "Borrow",
       body: Column(
         crossAxisAlignment: CrossAxisAlignment.center,

lib/src/widgets/books/book_list.dart

@@ -27,6 +27,7 @@ class _BookList extends State<BookList> {
         if (bookProvider.books != null) {
           final Iterable<Book> books = bookProvider.books!.map(
             (book) => Book(
+              book["id"],
               book["title"],
               book["author"],
               book["description"],

lib/src/widgets/forms/book_loan_form.dart

 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:library_app/src/providers/auth_provider.dart';
+import 'package:provider/provider.dart';
 
-class LoanBookForm extends StatelessWidget {
-  const LoanBookForm({super.key});
+class LoanBookForm extends StatefulWidget {
+  final int bookId;
+  const LoanBookForm({super.key, required this.bookId});
+
+  @override
+  State<LoanBookForm> createState() => _LoanBookForm();
+}
+
+class _LoanBookForm extends State<LoanBookForm> {
+  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
+  final loanDayController = TextEditingController();
+
+  @override
+  void dispose() {
+    loanDayController.dispose();
+    super.dispose();
+  }
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 10.0),
-      child: FilledButton(
-        onPressed: () {
-          showDialog(
-            context: context,
-            builder: (BuildContext context) {
-              return AlertDialog(
-                title: const Text('Loans for how many days?'),
-                content: Form(
-                  child: TextFormField(
-                    decoration: const InputDecoration(
-                      hintText: "Input number",
-                      labelText: "Days",
-                      suffixIcon: Icon(Icons.date_range),
-                    ),
-                    keyboardType: TextInputType.number,
-                    inputFormatters: [FilteringTextInputFormatter.digitsOnly],
-                  ),
-                ),
-                actions: [
-                  TextButton(
-                    onPressed: () {
-                      Navigator.of(context).pop();
-                    },
-                    child: const Text('Cancel'),
+    return Consumer<AuthProvider>(builder: (context, authProvider, child) {
+      return Container(
+        padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 10.0),
+        child: FilledButton(
+          onPressed: () {
+            showDialog(
+              context: context,
+              builder: (BuildContext context) {
+                return AlertDialog(
+                  title: const Text(
+                    'Borrow for how many days?',
+                    style: TextStyle(fontSize: 20.0),
                   ),
-                  ElevatedButton(
-                    onPressed: () {
-                      // Submit form data
-                      Navigator.of(context).pop();
-                    },
-                    child: const Text('Submit'),
+                  content: Form(
+                    key: _formKey,
+                    child: TextFormField(
+                      controller: loanDayController,
+                      decoration: const InputDecoration(
+                        hintText: "Input day in number",
+                        labelText: "Days",
+                        suffixIcon: Icon(Icons.date_range),
+                      ),
+                      keyboardType: TextInputType.number,
+                      inputFormatters: [FilteringTextInputFormatter.digitsOnly],
+                    ),
                   ),
-                ],
-              );
-            },
-          );
-        },
-        child: const Text('borrow'),
-      ),
-    );
+                  actions: [
+                    TextButton(
+                      onPressed: () {
+                        Navigator.of(context).pop();
+                      },
+                      child: const Text('Cancel'),
+                    ),
+                    FilledButton(
+                      onPressed: () {
+                        authProvider.createMemberLoan(
+                          authProvider.user!.accountId,
+                          widget.bookId,
+                          int.parse(loanDayController.text),
+                        );
+                      },
+                      child: const Text('Submit'),
+                    ),
+                  ],
+                );
+              },
+            );
+          },
+          child: const Text('borrow'),
+        ),
+      );
+    });
   }
 }