update space

.env

@@ -14,6 +14,7 @@ EMAIL_PASSWORD=your-email-password
 EMAIL_FROM_NAME="Poultry Management System"
 EMAIL_RECEIVER="default-receiver@example.com"  # default receiver for general notifications
 
+JWT_SECRET_KEY="mypass"
 
 # TensorFlow Settings
 TF_ENABLE_ONEDNN_OPTS=0

.idea/workspace.xml

@@ -4,10 +4,7 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="27c9ae1a-a6fa-4472-8bcd-a7087620894b" name="Changes" comment="update space">
-      <change beforePath="$PROJECT_DIR$/.env" beforeDir="false" afterPath="$PROJECT_DIR$/.env" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-    </list>
+    <list default="true" id="27c9ae1a-a6fa-4472-8bcd-a7087620894b" name="Changes" comment="update space" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -128,14 +125,6 @@
       <workItem from="1730454506390" duration="12672000" />
       <workItem from="1730494385249" duration="17097000" />
     </task>
-    <task id="LOCAL-00103" summary="update space">
-      <option name="closed" value="true" />
-      <created>1730470756352</created>
-      <option name="number" value="00103" />
-      <option name="presentableId" value="LOCAL-00103" />
-      <option name="project" value="LOCAL" />
-      <updated>1730470756352</updated>
-    </task>
     <task id="LOCAL-00104" summary="update space">
       <option name="closed" value="true" />
       <created>1730471112648</created>
@@ -520,7 +509,15 @@
       <option name="project" value="LOCAL" />
       <updated>1731736727627</updated>
     </task>
-    <option name="localTasksCounter" value="152" />
+    <task id="LOCAL-00152" summary="update space">
+      <option name="closed" value="true" />
+      <created>1731737347454</created>
+      <option name="number" value="00152" />
+      <option name="presentableId" value="LOCAL-00152" />
+      <option name="project" value="LOCAL" />
+      <updated>1731737347454</updated>
+    </task>
+    <option name="localTasksCounter" value="153" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">

README.md

@@ -14,11 +14,16 @@ Here’s the updated `README.md` with an improved structure and updated to-do li
 
 # 🐔 Poultry Farming Assistance and Management System
 
-This project combines a **Poultry Farming Assistance System** and a **Poultry Management System**, streamlining health monitoring, task management, inventory tracking, and disease detection using AI. Designed for farmers and farm admins, this system enables effective poultry health management, provides real-time alerts, and generates actionable insights to enhance productivity.
+This project combines a **Poultry Farming Assistance System** and a **Poultry Management System**, streamlining health
+monitoring, task management, inventory tracking, and disease detection using AI. Designed for farmers and farm admins,
+this system enables effective poultry health management, provides real-time alerts, and generates actionable insights to
+enhance productivity.
 
 ## Key Features
+
 1. **User Authentication and Role-Based Access**: Secure registration and login for farmers and admins.
-2. **Health Management with AI-Driven Disease Detection**: Fecal image analysis for common poultry diseases and personalized treatment recommendations.
+2. **Health Management with AI-Driven Disease Detection**: Fecal image analysis for common poultry diseases and
+   personalized treatment recommendations.
 3. **To-Do List and Task Management**: Track daily farm tasks and share across groups.
 4. **Inventory Management**: Monitor feed, medication, and supply levels with automated alerts.
 5. **Data Logging and Reporting**: Real-time dashboards, export options, and health reports.
@@ -29,11 +34,14 @@ This project combines a **Poultry Farming Assistance System** and a **Poultry Ma
 ## System Overview
 
 ### Poultry Farming Assistance System
-- **AI-Powered Disease Detection**: Uses pre-trained models (e.g., `Final_Chicken_disease_model.h5`) to analyze fecal images and identify poultry diseases.
+
+- **AI-Powered Disease Detection**: Uses pre-trained models (e.g., `Final_Chicken_disease_model.h5`) to analyze fecal
+  images and identify poultry diseases.
 - **Health Monitoring**: Tracks metrics such as weight loss, mortality rate, and feed intake for proactive care.
 - **Treatment Recommendations**: Offers tailored suggestions based on detected health issues.
 
 ### Poultry Management System
+
 - **Task and To-Do List Management**: Allows farm admins to assign tasks and track completion across groups.
 - **Inventory Tracking**: Manages inventory levels and provides alerts for low-stock items.
 - **Health Records**: Logs poultry health data and tracks disease outbreaks.
@@ -42,6 +50,7 @@ This project combines a **Poultry Farming Assistance System** and a **Poultry Ma
 ---
 
 ## Use Cases
+
 - **Farmers**: Access disease detection, complete tasks, view health records, and receive alerts.
 - **Admins**: Create tasks, monitor group activities, manage inventory, and ensure flock health.
 
@@ -50,16 +59,20 @@ This project combines a **Poultry Farming Assistance System** and a **Poultry Ma
 ## 📝 To-Do List
 
 ### 1. Setup and Configuration
-- [x] Set up a virtual environment and install required packages (`FastAPI`, `TensorFlow`, `MongoDB`, `transformers`, etc.).
+
+- [x] Set up a virtual environment and install required packages (`FastAPI`, `TensorFlow`, `MongoDB`, `transformers`,
+  etc.).
 - [x] Configure MongoDB and test CRUD operations.
 - [x] Establish environment variables for MongoDB, email credentials, and Hugging Face API token.
 
 ### 2. Authentication System
+
 - [x] Develop user registration for farmers and admins.
 - [x] Implement login/logout with JWT.
 - [x] Set up password encryption (`bcrypt`) for secure storage.
 
 ### 3. Poultry Farming Assistance System
+
 - [x] Integrate the poultry disease detection model (`Final_Chicken_disease_model.h5`).
 - [x] Set up image preprocessing for disease detection.
 - [x] Build endpoints for image upload and disease analysis.
@@ -67,48 +80,56 @@ This project combines a **Poultry Farming Assistance System** and a **Poultry Ma
 - [x] Implement real-time health monitoring and alerts.
 
 ### 4. To-Do List Management
+
 - [x] Design MongoDB schema for to-do lists.
 - [x] Create routes for farmers to view and mark to-do items.
 - [x] Build functionality for admins to assign tasks.
 - [x] Develop an **AdminLTE 4**-based UI for managing tasks.
 
 ### 5. Data Logging and Reporting
+
 - [x] Implement data logging for activities and health records.
 - [x] Build reporting dashboards using **AdminLTE**.
 - [x] Enable export functionality (PDF, XLS).
 - [x] Integrate real-time visualization tools for health and productivity insights.
 
 ### 6. Health Management
+
 - [x] Define MongoDB schema for health records.
 - [x] Integrate disease detection data into health management.
 - [x] Develop an **AdminLTE** dashboard for disease and health tracking.
 - [x] Automate health alerts and treatment recommendations.
 
 ### 7. Inventory Management
+
 - [x] Design MongoDB schema for inventory tracking.
 - [x] Implement routes for adding, updating, and managing inventory items.
 - [x] Create an **AdminLTE** dashboard for inventory status.
 - [x] Set up email alerts for low-stock items.
 
 ### 8. Notification System
+
 - [x] Configure email service for notifications (`smtplib` or `nodemailer`).
 - [x] Implement notifications for:
-  - [x] Task completion.
-  - [x] Health alerts and recommendations.
-  - [x] Inventory updates and low stock alerts.
+    - [x] Task completion.
+    - [x] Health alerts and recommendations.
+    - [x] Inventory updates and low stock alerts.
 - [x] Test the notification system across scenarios.
 
 ### 9. Group Management
+
 - [x] Create MongoDB schema for managing user groups.
 - [x] Allow admins to create groups and share tasks.
 - [x] Enable farmers to join groups and track shared tasks.
 
 ### 10. Testing and Debugging
+
 - [ ] Write unit tests for modules (authentication, to-do lists, health management, inventory, etc.).
 - [ ] Conduct integration testing to validate end-to-end functionality.
 - [ ] Debug MongoDB transactions, pytorch predictions, and AdminLTE dashboards.
 
 ### 11. Deployment
+
 - [ ] Deploy the application on Hugging Face Spaces or other cloud platforms.
 - [ ] Configure production settings (environment variables, security).
 - [ ] Set up CI/CD pipeline for automatic testing and deployment.
@@ -116,6 +137,7 @@ This project combines a **Poultry Farming Assistance System** and a **Poultry Ma
 ---
 
 ## Future Enhancements
+
 - **Mobile Application**: Develop a mobile app using `Flutter` for remote management.
 - **AI-Based Inventory Forecasting**: Predict inventory needs based on usage trends.
 - **Multi-Language Support**: Localize the interface for global users.

backend/app/middleware/auth_middleware.py

@@ -75,6 +75,7 @@ def role_required(role: str):
 
     Prompts and returns the user to the origin for access denied.
     """
+
     def role_verifier(user=Depends(get_current_user)):
         # Check if the user's role matches the required role
         if user.get("role") != role:

backend/app/models/inventory_item.py

@@ -1,6 +1,7 @@
 from pydantic import BaseModel
 from typing import Optional
 
+
 class InventoryItem(BaseModel):
     item_name: str
     quantity: int

backend/app/routes/auth.py

@@ -64,6 +64,7 @@ async def register_user(user: UserCreate):
         logger.error("Error registering user: %s", str(e))
         raise HTTPException(status_code=500, detail="Internal server error")
 
+
 @router.post("/login")
 async def login_user(login: LoginRequest, response: Response):
     """
@@ -111,6 +112,7 @@ async def login_user(login: LoginRequest, response: Response):
         logger.error("Unexpected error during login: %s", str(e))
         raise HTTPException(status_code=500, detail="Internal server error")
 
+
 @router.post("/logout")
 async def logout_user(response: Response):
     """
@@ -123,6 +125,7 @@ async def logout_user(response: Response):
     logger.info("User logged out successfully")
     return {"message": "User logged out successfully"}
 
+
 @router.get("/me")
 async def get_current_user_info(request: Request):
     """

backend/app/routes/chat.py

@@ -11,6 +11,7 @@ from bson import ObjectId
 router = APIRouter()
 db = get_database()
 
+
 @router.post("/")
 async def chat_with_ai(message: str, current_user: dict = Depends(get_current_user)):
     """

backend/app/routes/dashboard.py

@@ -12,7 +12,6 @@ db = get_database()
 logger = logging.getLogger(__name__)
 
 
-
 @router.get("/data")
 async def get_dashboard_data(current_user: dict = Depends(get_current_user)):
     """

backend/app/routes/farm.py

@@ -14,6 +14,7 @@ router = APIRouter()
 db = get_database()
 logger = logging.getLogger(__name__)
 
+
 @router.post("/")
 async def create_group(group_name: str, current_user: dict = Depends(get_current_user)):
     """
@@ -94,7 +95,8 @@ async def get_farmers_in_group(current_user: dict = Depends(get_current_user)):
             raise HTTPException(status_code=404, detail="Group not found or unauthorized access")
 
         # Retrieve farmers in the group
-        farmers = list(db.users.find({"farm_id": ObjectId(current_user["farm_id"]), "role": "farmer"}, {"password_hash": 0}))
+        farmers = list(
+            db.users.find({"farm_id": ObjectId(current_user["farm_id"]), "role": "farmer"}, {"password_hash": 0}))
 
         # Convert ObjectId fields to strings
         for farmer in farmers:
@@ -119,7 +121,7 @@ async def remove_farmer_from_group(farmer_id: str, current_user: dict = Depends(
         raise HTTPException(status_code=403, detail="Only admins can remove farmers from groups")
 
     try:
-        group = db.groups.find_one({ "created_by": ObjectId(current_user["user_id"])})
+        group = db.groups.find_one({"created_by": ObjectId(current_user["user_id"])})
         if not group:
             logger.warning("Group not found or unauthorized access by admin: %s", current_user["email"])
             raise HTTPException(status_code=404, detail="Group not found or unauthorized access")
@@ -154,7 +156,7 @@ async def get_group_name(current_user: dict = Depends(get_current_user)):
         raise HTTPException(status_code=403, detail="Only admins can view group names")
 
     try:
-        group = db.groups.find_one({ "created_by": ObjectId(current_user["user_id"])})
+        group = db.groups.find_one({"created_by": ObjectId(current_user["user_id"])})
         if not group:
             logger.warning("Group not found or unauthorized access attempt by admin: %s", current_user["email"])
             raise HTTPException(status_code=404, detail="Group not found or unauthorized access")
@@ -165,4 +167,3 @@ async def get_group_name(current_user: dict = Depends(get_current_user)):
     except Exception as e:
         logger.error("Error retrieving group name: %s", str(e))
         raise HTTPException(status_code=500, detail="Internal server error")
-

backend/app/routes/health.py

@@ -10,6 +10,7 @@ from backend.app.schemas.health_record_schema import HealthRecordSchema
 from backend.app.services.disease_detection import detect_disease
 import cv2
 import numpy as np
+
 # Initialize router and logger
 router = APIRouter()
 db = get_database()
@@ -68,8 +69,8 @@ logger = logging.getLogger(__name__)
 
 @router.post("/detect_and_log")
 async def detect_and_log_health_record(
-    file: UploadFile = File(...),
-    current_user: dict = Depends(get_current_user)
+        file: UploadFile = File(...),
+        current_user: dict = Depends(get_current_user)
 ):
     """
     Detect disease from an uploaded image and log a health record if a disease is detected.
@@ -119,6 +120,7 @@ async def detect_and_log_health_record(
         logger.error("Error during disease detection or logging: %s", str(e))
         raise HTTPException(status_code=500, detail="Internal server error")
 
+
 @router.get("/")
 async def get_health_records(current_user: dict = Depends(get_current_user)):
     """
@@ -145,11 +147,12 @@ async def get_health_records(current_user: dict = Depends(get_current_user)):
         logger.error("Error retrieving health records: %s", str(e))
         raise HTTPException(status_code=500, detail="Internal server error")
 
+
 @router.put("/{record_id}")
 async def update_health_record(
-    record_id: str,
-    updated_data: HealthRecordSchema,
-    current_user: dict = Depends(get_current_user)
+        record_id: str,
+        updated_data: HealthRecordSchema,
+        current_user: dict = Depends(get_current_user)
 ):
     """
     Update an existing health record for the user's associated farm.

backend/app/routes/inventory.py

@@ -16,7 +16,7 @@ logger = logging.getLogger(__name__)
 
 @router.post("/", response_model=dict)
 async def add_inventory_item(
-    item: InventoryItemCreate, current_user: dict = Depends(get_current_user)
+        item: InventoryItemCreate, current_user: dict = Depends(get_current_user)
 ):
     """
     Add a new inventory item.
@@ -43,6 +43,7 @@ async def add_inventory_item(
         logger.error("Error adding inventory item: %s", str(e))
         raise HTTPException(status_code=500, detail="Internal server error")
 
+
 @router.get("/", response_model=list[InventoryItemSchema])
 async def get_inventory_items(current_user: dict = Depends(get_current_user)):
     """
@@ -106,7 +107,7 @@ async def get_inventory_item(item_id: str):
 
 @router.put("/{item_id}", response_model=dict)
 async def update_inventory_item(
-    item_id: str, item: InventoryItemUpdate, current_user: dict = Depends(get_current_user)
+        item_id: str, item: InventoryItemUpdate, current_user: dict = Depends(get_current_user)
 ):
     """
     Update an existing inventory item by its unique ID.

backend/app/routes/pages.py

@@ -122,7 +122,7 @@ async def manage_inventory_page(request: Request, current_user: dict = Depends(g
     logger.info("Rendering inventory management page for user ID: %s", current_user["user_id"])
     return templates.TemplateResponse(
         "inventory/view_inventory.html", {"request": request, "title": "Manage Inventory",
-         "farm_id": current_user["farm_id"]}
+                                          "farm_id": current_user["farm_id"]}
     )
 
 
@@ -144,7 +144,7 @@ async def add_health_record_page(request: Request, current_user: dict = Depends(
     logger.info("Rendering add health record page for user ID: %s", current_user["user_id"])
     return templates.TemplateResponse(
         "health/log_health.html", {"request": request, "title": "Log New Health Record",
-         "farm_id": current_user["farm_id"]}
+                                   "farm_id": current_user["farm_id"]}
     )
 
 
@@ -164,7 +164,9 @@ async def manage_health_records_page(request: Request, current_user: dict = Depe
         logger.warning("Unauthorized access attempt to manage health records page.")
         return RedirectResponse(url="/login")
     logger.info("Rendering health records management page for user ID: %s", current_user["user_id"])
-    return templates.TemplateResponse( "health/manage_health.html", {"request": request, "title": "Manage Health Records","farm_id": current_user["farm_id"]})
+    return templates.TemplateResponse("health/manage_health.html",
+                                      {"request": request, "title": "Manage Health Records",
+                                       "farm_id": current_user["farm_id"]})
 
 
 @router.get("/mangroup", response_class=HTMLResponse)
@@ -186,7 +188,7 @@ async def group_management_page(request: Request, current_user: dict = Depends(g
     logger.info("Rendering group management page for admin ID: %s", current_user["user_id"])
     return templates.TemplateResponse(
         "group/manage_group.html", {"request": request, "title": "Manage Group", "is_admin": True,
-         "farm_id": current_user["farm_id"]}
+                                    "farm_id": current_user["farm_id"]}
     )
 
 
@@ -209,7 +211,7 @@ async def add_task_page(request: Request, current_user: dict = Depends(get_curre
     logger.info("Rendering add task page for admin ID: %s", current_user["user_id"])
     return templates.TemplateResponse(
         "todo/add_task.html", {"request": request, "title": "Add Task", "is_admin": True,
-         "farm_id": current_user["farm_id"], "current_user.role": current_user["role"]}
+                               "farm_id": current_user["farm_id"], "current_user.role": current_user["role"]}
     )
 
 
@@ -235,6 +237,8 @@ async def manage_tasks_page(request: Request, current_user: dict = Depends(get_c
         {"request": request, "title": "Manage Tasks", "is_admin": is_admin, "user_id": current_user["user_id"],
          "farm_id": current_user["farm_id"], "current_user.role": current_user["role"]}
     )
+
+
 @router.get("/chat", response_class=HTMLResponse)
 async def chat_page(request: Request, current_user: dict = Depends(get_current_user)):
     """
@@ -285,4 +289,4 @@ async def chat_history_page(request: Request, current_user: dict = Depends(get_c
             "title": "Chat History",
             "user_id": current_user["user_id"]
         }
-    )
+    )

backend/app/routes/task.py

@@ -91,6 +91,7 @@ async def get_tasks(current_user: dict = Depends(get_current_user)):
         logger.error("Error retrieving tasks: %s", str(e))
         raise HTTPException(status_code=500, detail="Internal server error")
 
+
 @router.put("/{task_id}")
 async def update_task(task_id: str, task: Task):
     """

backend/app/schemas/chat_history_schema.py

@@ -3,6 +3,7 @@ from typing import List, Optional
 from datetime import datetime, timezone
 from bson import ObjectId
 
+
 class ChatMessage(BaseModel):
     """
     Represents an individual chat message in the history.
@@ -11,6 +12,7 @@ class ChatMessage(BaseModel):
     assistant_response: str
     timestamp: datetime = Field(default_factory=lambda: datetime.now(timezone.utc))
 
+
 class ChatHistory(BaseModel):
     """
     Represents a chat session with a list of chat messages.
@@ -20,7 +22,8 @@ class ChatHistory(BaseModel):
     session_id: ObjectId  # Unique identifier for the chat session
     messages: List[ChatMessage] = []  # List of messages in the chat session
     created_at: datetime = Field(default_factory=lambda: datetime.now(timezone.utc))  # When the session was created
-    updated_at: datetime = Field(default_factory=lambda: datetime.now(timezone.utc))  # Last time the session was updated
+    updated_at: datetime = Field(
+        default_factory=lambda: datetime.now(timezone.utc))  # Last time the session was updated
 
     class Config:
         arbitrary_types_allowed = True

backend/app/schemas/inventory_item_schema.py

@@ -57,7 +57,8 @@ class InventoryItemCreate(BaseModel):
     category: str
     quantity: int
     status: Optional[str] = "active"  # Default status is "active"
-    last_updated: Optional[datetime] = Field(default_factory=lambda: datetime.now(timezone.utc))  # Automatically set the creation timestamp
+    last_updated: Optional[datetime] = Field(
+        default_factory=lambda: datetime.now(timezone.utc))  # Automatically set the creation timestamp
     farm_id: str  # ID of the farm
 
 
@@ -79,5 +80,6 @@ class InventoryItemUpdate(BaseModel):
     quantity: Optional[int] = None
     status: Optional[str] = None
     updated_by: Optional[str] = None
-    last_updated: Optional[datetime] = Field(default_factory=lambda: datetime.now(timezone.utc))  # Automatically set the update timestamp
+    last_updated: Optional[datetime] = Field(
+        default_factory=lambda: datetime.now(timezone.utc))  # Automatically set the update timestamp
     farm_id: Optional[str] = None  # Optional farm ID for reassignment

backend/app/schemas/user_schema.py

@@ -1,9 +1,9 @@
-
 # schemas/user_schema.py
 from bson import ObjectId
 from pydantic import BaseModel, EmailStr, Field
 from typing import Optional
 
+
 class UserSchema(BaseModel):
     id: Optional[str] = Field(None, alias="_id")  # Use alias for MongoDB compatibility
     username: str
@@ -16,6 +16,7 @@ class UserSchema(BaseModel):
         arbitrary_types_allowed = True
         json_encoders = {ObjectId: str}  # Automatically convert ObjectId to str
 
+
 class UserCreate(BaseModel):
     username: str
     email: EmailStr
@@ -23,6 +24,7 @@ class UserCreate(BaseModel):
     role: str  # User role (e.g., "admin" or "farmer")
     group_name: Optional[str]  # Group name for initial group creation in registration
 
+
 class LoginRequest(BaseModel):
     email: EmailStr
     password: str

backend/app/services/disease_detection.py

@@ -277,5 +277,3 @@ def detect_disease(image_file):
         # Log and return a generic error message for unexpected issues
         logger.error("Unhandled error in detect_disease: %s", detection_error)
         raise HTTPException(status_code=500, detail="Unexpected error during disease detection.")
-
-

backend/app/services/llama_service.py

@@ -85,7 +85,8 @@ def process_message(user_id: ObjectId, session_id: ObjectId, message: str) -> st
         history = chat_history.get("messages", []) if chat_history else []
 
         # Combine history into a single context string
-        context = "\n".join([f"User: {chat['user_message']}\nAssistant: {chat['assistant_response']}" for chat in history])
+        context = "\n".join(
+            [f"User: {chat['user_message']}\nAssistant: {chat['assistant_response']}" for chat in history])
         context += f"\nUser: {message}\nAssistant:"
 
         # Tokenize the input text

backend/app/static/js/group.js

@@ -19,7 +19,7 @@ async function loadGroupDetails() {
         // Fetch farmers in the group
         const response = await fetch(`/groups/farmers`, {
             method: 'GET',
-            headers: { 'Content-Type': 'application/json' }
+            headers: {'Content-Type': 'application/json'}
         });
 
         if (!response.ok) {
@@ -52,7 +52,7 @@ async function fetchGroupName() {
     try {
         const response = await fetch(`/groups/name`, {
             method: 'GET',
-            headers: { 'Content-Type': 'application/json' }
+            headers: {'Content-Type': 'application/json'}
         });
 
         if (!response.ok) {
@@ -83,8 +83,8 @@ async function addFarmer(event) {
     try {
         const response = await fetch(`/groups/add_farmer`, {
             method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ username, email, password, role }),
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({username, email, password, role}),
         });
 
         if (!response.ok) {
@@ -110,7 +110,7 @@ async function removeFarmer(farmerId) {
     try {
         const response = await fetch(`/groups/remove_farmer/${farmerId}`, {
             method: 'DELETE',
-            headers: { 'Content-Type': 'application/json' }
+            headers: {'Content-Type': 'application/json'}
         });
 
         if (!response.ok) {

backend/app/static/js/health.js

@@ -122,8 +122,8 @@ async function updateHealthRecord(event) {
     try {
         const response = await fetch(`/health/${id}`, {
             method: 'PUT',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ recommendation }),
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({recommendation}),
         });
 
         if (response.ok) {
@@ -150,7 +150,7 @@ function confirmDeleteHealthRecord(id) {
 
 async function deleteHealthRecord() {
     try {
-        const response = await fetch(`/health/${deleteRecordId}`, { method: 'DELETE' });
+        const response = await fetch(`/health/${deleteRecordId}`, {method: 'DELETE'});
 
         if (response.ok) {
             alert("Health record deleted successfully!");

backend/app/static/js/inventory.js

@@ -34,7 +34,6 @@ function showUpdateForm(id, name, quantity, category, status) {
 }
 
 
-
 // Add Inventory Item
 async function addInventoryItem(event) {
     event.preventDefault();
@@ -49,7 +48,7 @@ async function addInventoryItem(event) {
     }
     if (!user_id || !farm_id) {
         alert("User or farm details are missing. Please log in again.");
-        console.error("Missing user_id or farm_id:", { user_id, farm_id });
+        console.error("Missing user_id or farm_id:", {user_id, farm_id});
         return;
     }
 
@@ -63,7 +62,7 @@ async function addInventoryItem(event) {
     // Validate inputs
     if (!item_name || isNaN(quantity) || !category) {
         alert("Please provide valid inputs for all fields.");
-        console.error("Invalid inputs:", { item_name, quantity, category });
+        console.error("Invalid inputs:", {item_name, quantity, category});
         return;
     }
 
@@ -75,7 +74,7 @@ async function addInventoryItem(event) {
                 'Content-Type': 'application/json',
                 'Authorization': `Bearer ${token}`
             },
-            body: JSON.stringify({ item_name, quantity, category, farm_id, status, updated_by })
+            body: JSON.stringify({item_name, quantity, category, farm_id, status, updated_by})
         });
 
         if (response.ok) {
@@ -177,7 +176,7 @@ async function updateInventoryItem(event) {
     // Validate form values
     if (!id || !item_name || isNaN(quantity) || !category || !status) {
         alert("Please provide valid inputs for all fields.");
-        console.error("Invalid update inputs:", { id, item_name, quantity, category, status });
+        console.error("Invalid update inputs:", {id, item_name, quantity, category, status});
         return;
     }
 
@@ -189,7 +188,7 @@ async function updateInventoryItem(event) {
                 'Content-Type': 'application/json',
                 'Authorization': `Bearer ${token}`
             },
-            body: JSON.stringify({ item_name, quantity, category, status, updated_by })
+            body: JSON.stringify({item_name, quantity, category, status, updated_by})
         });
 
         if (response.ok) {

backend/app/static/js/tasks.js

@@ -53,7 +53,7 @@ async function addTask(event) {
     try {
         const response = await fetch('/tasks/', {
             method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
+            headers: {'Content-Type': 'application/json'},
             body: JSON.stringify({
                 task_description: taskDescription,
                 assigned_to: assignedTo,
@@ -77,7 +77,6 @@ async function addTask(event) {
 let deleteTaskId = null;
 
 
-
 async function loadTasks() {
     /**
      * Load and display tasks for the group.
@@ -152,7 +151,7 @@ function confirmDeleteTask(id) {
 
 async function deleteTask() {
     try {
-        const response = await fetch(`/tasks/${deleteTaskId}`, { method: 'DELETE' });
+        const response = await fetch(`/tasks/${deleteTaskId}`, {method: 'DELETE'});
         if (response.ok) {
             alert("Task deleted successfully!");
             const modal = bootstrap.Modal.getInstance(document.getElementById('deleteTaskModal'));

backend/app/templates/auth/register.html

@@ -5,9 +5,11 @@
     <title>Register</title>
     <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
           integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" rel="stylesheet">
-    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css"
+    <link crossorigin="anonymous"
+          href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css"
           integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" rel="stylesheet">
-    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css"
+    <link crossorigin="anonymous"
+          href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css"
           integrity="sha256-Qsx5lrStHZyR9REqhUF8iQt73X06c8LGIUPzpOhwRrI=" rel="stylesheet">
     <link href="../static/css/adminlte.css" rel="stylesheet">
 </head>
@@ -20,7 +22,8 @@
             <p class="register-box-msg">Register a new admin account</p>
             <form id="registerForm" onsubmit="registerUser(event)">
                 <div class="input-group mb-3">
-                    <input class="form-control" id="username" name="username" placeholder="Username" required type="text">
+                    <input class="form-control" id="username" name="username" placeholder="Username" required
+                           type="text">
                     <div class="input-group-text"><span class="bi bi-person"></span></div>
                 </div>
                 <div class="input-group mb-3">
@@ -28,11 +31,13 @@
                     <div class="input-group-text"><span class="bi bi-envelope"></span></div>
                 </div>
                 <div class="input-group mb-3">
-                    <input class="form-control" id="password" name="password" placeholder="Password" required type="password">
+                    <input class="form-control" id="password" name="password" placeholder="Password" required
+                           type="password">
                     <div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
                 </div>
                 <div class="input-group mb-3">
-                    <input class="form-control" id="group_name" name="group_name" placeholder="Group Name (Farm Name)" required type="text">
+                    <input class="form-control" id="group_name" name="group_name" placeholder="Group Name (Farm Name)"
+                           required type="text">
                     <div class="input-group-text"><span class="bi bi-house-door"></span></div>
                 </div>
                 <div class="row">
@@ -59,31 +64,31 @@
 
 <script src="../static/js/auth.js"></script>
 <script>
-async function registerUser(event) {
-    event.preventDefault();
-    const username = document.getElementById('username').value;
-    const email = document.getElementById('email').value;
-    const password = document.getElementById('password').value;
-    const group_name = document.getElementById('group_name').value;
+    async function registerUser(event) {
+        event.preventDefault();
+        const username = document.getElementById('username').value;
+        const email = document.getElementById('email').value;
+        const password = document.getElementById('password').value;
+        const group_name = document.getElementById('group_name').value;
 
-    try {
-        const response = await fetch('/auth/register', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ username, email, password, role: 'admin', group_name })
-        });
-        if (response.ok) {
-            alert("Admin registered successfully!");
-            window.location.href = "/login";
-        } else {
-            const error = await response.json();
-            alert("Error: " + error.detail);
+        try {
+            const response = await fetch('/auth/register', {
+                method: 'POST',
+                headers: {'Content-Type': 'application/json'},
+                body: JSON.stringify({username, email, password, role: 'admin', group_name})
+            });
+            if (response.ok) {
+                alert("Admin registered successfully!");
+                window.location.href = "/login";
+            } else {
+                const error = await response.json();
+                alert("Error: " + error.detail);
+            }
+        } catch (error) {
+            console.error("Error registering admin:", error);
+            alert("An error occurred while registering.");
         }
-    } catch (error) {
-        console.error("Error registering admin:", error);
-        alert("An error occurred while registering.");
     }
-}
 </script>
 </body>
 </html>

backend/app/templates/chat/index.html

@@ -6,276 +6,276 @@
     <title>AI Chat</title>
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
-  <style>
-    /* General Reset */
-
-body {
-    margin: 0;
-    font-family: Arial, sans-serif;
-    background-color: #f7f8fc;
-    display: flex;
-    height: 100vh;
-    overflow: hidden;
-}
-
-.chatgpt-clone {
-    display: flex;
-    width: 100%;
-    height: 100%;
-}
-
-/* Sidebar Styling */
-.chat-sidebar {
-    width: 25%;
-    background-color: #2c2c54;
-    color: white;
-    display: flex;
-    flex-direction: column;
-    padding: 20px;
-    overflow-y: auto;
-}
-
-.chat-sidebar h2 {
-    margin-top: 0;
-    font-size: 20px;
-    border-bottom: 1px solid #4e4e8f;
-    padding-bottom: 10px;
-}
-
-.chat-sidebar ul {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    flex: 1;
-    overflow-y: auto;
-}
-
-.chat-sidebar ul li {
-    padding: 10px;
-    margin: 5px 0;
-    background-color: #393975;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: background-color 0.3s;
-}
-
-.chat-sidebar ul li:hover {
-    background-color: #5050a5;
-}
-
-.new-chat-button {
-    padding: 10px;
-    background-color: #5050a5;
-    border: none;
-    color: white;
-    border-radius: 5px;
-    cursor: pointer;
-    font-size: 16px;
-    margin-top: 10px;
-}
-
-.new-chat-button:hover {
-    background-color: #7070c0;
-}
-
-/* Main Chat Interface */
-.chat-main {
-    width: 75%;
-    display: flex;
-    flex-direction: column;
-    background-color: #ffffff;
-}
-
-.chat-header {
-    background-color: #f7f8fc;
-    padding: 20px;
-    border-bottom: 1px solid #e2e2e2;
-}
-
-.chat-header h1 {
-    margin: 0;
-    font-size: 22px;
-    color: #2c2c54;
-}
-
-.chat-window {
-    flex: 1;
-    overflow-y: auto;
-    padding: 20px;
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-    background-color: #f5f5f5;
-}
-
-.chat-bubble {
-    max-width: 70%;
-    padding: 15px;
-    border-radius: 15px;
-    word-wrap: break-word;
-    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
-}
-
-.user-message {
-    align-self: flex-end;
-    background-color: #3b82f6;
-    color: white;
-    border-bottom-right-radius: 0;
-}
-
-.bot-response {
-    align-self: flex-start;
-    background-color: #e2e8f0;
-    color: #2c2c54;
-    border-bottom-left-radius: 0;
-}
-
-.chat-footer {
-    padding: 10px 20px;
-    background-color: #f7f8fc;
-    display: flex;
-    align-items: center;
-    border-top: 1px solid #e2e2e2;
-}
-
-textarea#messageInput {
-    flex: 1;
-    resize: none;
-    border: 1px solid #d1d5db;
-    border-radius: 5px;
-    padding: 10px;
-    font-size: 16px;
-}
-
-.send-button {
-    background-color: #3b82f6;
-    color: white;
-    border: none;
-    padding: 10px 15px;
-    margin-left: 10px;
-    border-radius: 5px;
-    cursor: pointer;
-}
-
-.send-button i {
-    font-size: 18px;
-}
-
-.send-button:hover {
-    background-color: #2563eb;
-}
-</style>
+    <style>
+        /* General Reset */
+
+        body {
+            margin: 0;
+            font-family: Arial, sans-serif;
+            background-color: #f7f8fc;
+            display: flex;
+            height: 100vh;
+            overflow: hidden;
+        }
+
+        .chatgpt-clone {
+            display: flex;
+            width: 100%;
+            height: 100%;
+        }
+
+        /* Sidebar Styling */
+        .chat-sidebar {
+            width: 25%;
+            background-color: #2c2c54;
+            color: white;
+            display: flex;
+            flex-direction: column;
+            padding: 20px;
+            overflow-y: auto;
+        }
+
+        .chat-sidebar h2 {
+            margin-top: 0;
+            font-size: 20px;
+            border-bottom: 1px solid #4e4e8f;
+            padding-bottom: 10px;
+        }
+
+        .chat-sidebar ul {
+            list-style-type: none;
+            padding: 0;
+            margin: 0;
+            flex: 1;
+            overflow-y: auto;
+        }
+
+        .chat-sidebar ul li {
+            padding: 10px;
+            margin: 5px 0;
+            background-color: #393975;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: background-color 0.3s;
+        }
+
+        .chat-sidebar ul li:hover {
+            background-color: #5050a5;
+        }
+
+        .new-chat-button {
+            padding: 10px;
+            background-color: #5050a5;
+            border: none;
+            color: white;
+            border-radius: 5px;
+            cursor: pointer;
+            font-size: 16px;
+            margin-top: 10px;
+        }
+
+        .new-chat-button:hover {
+            background-color: #7070c0;
+        }
+
+        /* Main Chat Interface */
+        .chat-main {
+            width: 75%;
+            display: flex;
+            flex-direction: column;
+            background-color: #ffffff;
+        }
+
+        .chat-header {
+            background-color: #f7f8fc;
+            padding: 20px;
+            border-bottom: 1px solid #e2e2e2;
+        }
+
+        .chat-header h1 {
+            margin: 0;
+            font-size: 22px;
+            color: #2c2c54;
+        }
+
+        .chat-window {
+            flex: 1;
+            overflow-y: auto;
+            padding: 20px;
+            display: flex;
+            flex-direction: column;
+            gap: 15px;
+            background-color: #f5f5f5;
+        }
+
+        .chat-bubble {
+            max-width: 70%;
+            padding: 15px;
+            border-radius: 15px;
+            word-wrap: break-word;
+            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+        }
+
+        .user-message {
+            align-self: flex-end;
+            background-color: #3b82f6;
+            color: white;
+            border-bottom-right-radius: 0;
+        }
+
+        .bot-response {
+            align-self: flex-start;
+            background-color: #e2e8f0;
+            color: #2c2c54;
+            border-bottom-left-radius: 0;
+        }
+
+        .chat-footer {
+            padding: 10px 20px;
+            background-color: #f7f8fc;
+            display: flex;
+            align-items: center;
+            border-top: 1px solid #e2e2e2;
+        }
+
+        textarea#messageInput {
+            flex: 1;
+            resize: none;
+            border: 1px solid #d1d5db;
+            border-radius: 5px;
+            padding: 10px;
+            font-size: 16px;
+        }
+
+        .send-button {
+            background-color: #3b82f6;
+            color: white;
+            border: none;
+            padding: 10px 15px;
+            margin-left: 10px;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+
+        .send-button i {
+            font-size: 18px;
+        }
+
+        .send-button:hover {
+            background-color: #2563eb;
+        }
+    </style>
 </head>
 <body>
-    <div class="chatgpt-clone">
-        <!-- Sidebar for Chat History -->
-        <aside class="chat-sidebar">
-            <h2>Chat History</h2>
-            <ul id="chatHistoryList">
-                <!-- Chat history dynamically loaded here -->
-            </ul>
-            <button class="new-chat-button" onclick="startNewChat()">+ New Chat</button>
-        </aside>
-
-        <!-- Main Chat Interface -->
-        <main class="chat-main">
-            <header class="chat-header">
-                <h1>AI Assistant</h1>
-            </header>
-
-            <div class="chat-window" id="chatWindow">
-                <!-- Chat messages dynamically loaded here -->
-            </div>
-
-            <footer class="chat-footer">
+<div class="chatgpt-clone">
+    <!-- Sidebar for Chat History -->
+    <aside class="chat-sidebar">
+        <h2>Chat History</h2>
+        <ul id="chatHistoryList">
+            <!-- Chat history dynamically loaded here -->
+        </ul>
+        <button class="new-chat-button" onclick="startNewChat()">+ New Chat</button>
+    </aside>
+
+    <!-- Main Chat Interface -->
+    <main class="chat-main">
+        <header class="chat-header">
+            <h1>AI Assistant</h1>
+        </header>
+
+        <div class="chat-window" id="chatWindow">
+            <!-- Chat messages dynamically loaded here -->
+        </div>
+
+        <footer class="chat-footer">
                 <textarea
-                    id="messageInput"
-                    placeholder="Type your message..."
-                    onkeydown="if (event.key === 'Enter' && !event.shiftKey) sendMessage(event);"
+                        id="messageInput"
+                        placeholder="Type your message..."
+                        onkeydown="if (event.key === 'Enter' && !event.shiftKey) sendMessage(event);"
                 ></textarea>
-                <button class="send-button" onclick="sendMessage(event)">
-                    <i class="fas fa-paper-plane"></i>
-                </button>
-            </footer>
-        </main>
-    </div>
-    <script>
-      // Fetch chat history and populate the sidebar
-async function fetchChatHistory() {
-    try {
-        const response = await fetch("/chat/history");
-        if (!response.ok) {
-            throw new Error("Failed to fetch chat history.");
+            <button class="send-button" onclick="sendMessage(event)">
+                <i class="fas fa-paper-plane"></i>
+            </button>
+        </footer>
+    </main>
+</div>
+<script>
+    // Fetch chat history and populate the sidebar
+    async function fetchChatHistory() {
+        try {
+            const response = await fetch("/chat/history");
+            if (!response.ok) {
+                throw new Error("Failed to fetch chat history.");
+            }
+
+            const history = await response.json();
+            const historyList = document.getElementById("chatHistoryList");
+            historyList.innerHTML = "";
+
+            history.forEach(chat => {
+                const listItem = document.createElement("li");
+                listItem.textContent = chat.message;
+                listItem.onclick = () => loadChat(chat);
+                historyList.appendChild(listItem);
+            });
+        } catch (error) {
+            console.error("Error fetching chat history:", error);
         }
-
-        const history = await response.json();
-        const historyList = document.getElementById("chatHistoryList");
-        historyList.innerHTML = "";
-
-        history.forEach(chat => {
-            const listItem = document.createElement("li");
-            listItem.textContent = chat.message;
-            listItem.onclick = () => loadChat(chat);
-            historyList.appendChild(listItem);
-        });
-    } catch (error) {
-        console.error("Error fetching chat history:", error);
     }
-}
-
-// Send a new message
-async function sendMessage(event) {
-    event.preventDefault();
-    const messageInput = document.getElementById("messageInput");
-    const message = messageInput.value.trim();
-
-    if (!message) return;
-
-    // Add user message to the chat window
-    addMessageToChatWindow(message, "user-message");
-
-    try {
-        const response = await fetch("/chat", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ message }),
-        });
-
-        const data = await response.json();
-        addMessageToChatWindow(data.response, "bot-response");
-    } catch (error) {
-        console.error("Error sending message:", error);
+
+    // Send a new message
+    async function sendMessage(event) {
+        event.preventDefault();
+        const messageInput = document.getElementById("messageInput");
+        const message = messageInput.value.trim();
+
+        if (!message) return;
+
+        // Add user message to the chat window
+        addMessageToChatWindow(message, "user-message");
+
+        try {
+            const response = await fetch("/chat", {
+                method: "POST",
+                headers: {"Content-Type": "application/json"},
+                body: JSON.stringify({message}),
+            });
+
+            const data = await response.json();
+            addMessageToChatWindow(data.response, "bot-response");
+        } catch (error) {
+            console.error("Error sending message:", error);
+        }
+
+        messageInput.value = "";
     }
 
-    messageInput.value = "";
-}
-
-// Add a message to the chat window
-function addMessageToChatWindow(message, className) {
-    const chatWindow = document.getElementById("chatWindow");
-    const bubble = document.createElement("div");
-    bubble.className = `chat-bubble ${className}`;
-    bubble.textContent = message;
-    chatWindow.appendChild(bubble);
-    chatWindow.scrollTop = chatWindow.scrollHeight;
-}
-
-// Start a new chat session
-async function startNewChat() {
-    try {
-        await fetch("/chat/new", { method: "POST" });
+    // Add a message to the chat window
+    function addMessageToChatWindow(message, className) {
         const chatWindow = document.getElementById("chatWindow");
-        chatWindow.innerHTML = "";
-    } catch (error) {
-        console.error("Error starting new chat:", error);
+        const bubble = document.createElement("div");
+        bubble.className = `chat-bubble ${className}`;
+        bubble.textContent = message;
+        chatWindow.appendChild(bubble);
+        chatWindow.scrollTop = chatWindow.scrollHeight;
+    }
+
+    // Start a new chat session
+    async function startNewChat() {
+        try {
+            await fetch("/chat/new", {method: "POST"});
+            const chatWindow = document.getElementById("chatWindow");
+            chatWindow.innerHTML = "";
+        } catch (error) {
+            console.error("Error starting new chat:", error);
+        }
     }
-}
 
-// Initialize
-document.addEventListener("DOMContentLoaded", () => {
-    fetchChatHistory();
-});
+    // Initialize
+    document.addEventListener("DOMContentLoaded", () => {
+        fetchChatHistory();
+    });
 
-    </script>
+</script>
 </body>
 </html>

backend/app/templates/dashboard.html

@@ -3,111 +3,111 @@
 {% block title %}Dashboard{% endblock %}
 
 {% block content %}
-<div class="container-fluid">
-    <!-- Overview Statistics -->
-    <div class="row">
-        <div class="col-12 col-sm-6 col-md-3">
-            <div class="info-box">
+    <div class="container-fluid">
+        <!-- Overview Statistics -->
+        <div class="row">
+            <div class="col-12 col-sm-6 col-md-3">
+                <div class="info-box">
                 <span class="info-box-icon text-bg-primary shadow-sm">
                     <i class="bi bi-clipboard-data"></i>
                 </span>
-                <div class="info-box-content">
-                    <span class="info-box-text">Tasks</span>
-                    <span class="info-box-number" id="tasksCount">0</span>
+                    <div class="info-box-content">
+                        <span class="info-box-text">Tasks</span>
+                        <span class="info-box-number" id="tasksCount">0</span>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="col-12 col-sm-6 col-md-3">
-            <div class="info-box">
+            <div class="col-12 col-sm-6 col-md-3">
+                <div class="info-box">
                 <span class="info-box-icon text-bg-success shadow-sm">
                     <i class="bi bi-box-seam"></i>
                 </span>
-                <div class="info-box-content">
-                    <span class="info-box-text">Inventory Items</span>
-                    <span class="info-box-number" id="inventoryCount">0</span>
+                    <div class="info-box-content">
+                        <span class="info-box-text">Inventory Items</span>
+                        <span class="info-box-number" id="inventoryCount">0</span>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="col-12 col-sm-6 col-md-3">
-            <div class="info-box">
+            <div class="col-12 col-sm-6 col-md-3">
+                <div class="info-box">
                 <span class="info-box-icon text-bg-danger shadow-sm">
                     <i class="bi bi-heart-pulse-fill"></i>
                 </span>
-                <div class="info-box-content">
-                    <span class="info-box-text">Health Records</span>
-                    <span class="info-box-number" id="healthRecordsCount">0</span>
+                    <div class="info-box-content">
+                        <span class="info-box-text">Health Records</span>
+                        <span class="info-box-number" id="healthRecordsCount">0</span>
+                    </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <!-- Recent Updates Section -->
-    <div class="row mt-4">
-        <div class="col-lg-6">
-            <div class="card">
-                <div class="card-header bg-primary text-white">
-                    <h3 class="card-title">Recent Tasks</h3>
-                </div>
-                <div class="card-body">
-                    <ul id="recentTasks" class="list-group">
-                        <li class="list-group-item">No recent tasks available.</li>
-                    </ul>
+        <!-- Recent Updates Section -->
+        <div class="row mt-4">
+            <div class="col-lg-6">
+                <div class="card">
+                    <div class="card-header bg-primary text-white">
+                        <h3 class="card-title">Recent Tasks</h3>
+                    </div>
+                    <div class="card-body">
+                        <ul id="recentTasks" class="list-group">
+                            <li class="list-group-item">No recent tasks available.</li>
+                        </ul>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="col-lg-6">
-            <div class="card">
-                <div class="card-header bg-success text-white">
-                    <h3 class="card-title">Latest Health Records</h3>
-                </div>
-                <div class="card-body">
-                    <ul id="recentHealthRecords" class="list-group">
-                        <li class="list-group-item">No recent health records available.</li>
-                    </ul>
+            <div class="col-lg-6">
+                <div class="card">
+                    <div class="card-header bg-success text-white">
+                        <h3 class="card-title">Latest Health Records</h3>
+                    </div>
+                    <div class="card-body">
+                        <ul id="recentHealthRecords" class="list-group">
+                            <li class="list-group-item">No recent health records available.</li>
+                        </ul>
+                    </div>
                 </div>
             </div>
         </div>
     </div>
-</div>
 
-<script>
-async function loadDashboardData() {
-    const token = sessionStorage.getItem('access_token');
-    if (!token) {
-        window.location.href = "/login";
-        return;
-    }
+    <script>
+        async function loadDashboardData() {
+            const token = sessionStorage.getItem('access_token');
+            if (!token) {
+                window.location.href = "/login";
+                return;
+            }
 
-    try {
-        const response = await fetch('/dashboard/data', {
-            headers: { 'Authorization': 'Bearer ' + token }
-        });
+            try {
+                const response = await fetch('/dashboard/data', {
+                    headers: {'Authorization': 'Bearer ' + token}
+                });
 
-        if (response.ok) {
-            const data = await response.json();
+                if (response.ok) {
+                    const data = await response.json();
 
-            // Update Statistics
-            document.getElementById('tasksCount').innerText = data.tasksCount || 0;
-            document.getElementById('inventoryCount').innerText = data.inventoryCount || 0;
-            document.getElementById('healthRecordsCount').innerText = data.healthRecordsCount || 0;
+                    // Update Statistics
+                    document.getElementById('tasksCount').innerText = data.tasksCount || 0;
+                    document.getElementById('inventoryCount').innerText = data.inventoryCount || 0;
+                    document.getElementById('healthRecordsCount').innerText = data.healthRecordsCount || 0;
 
-            // Populate Recent Tasks
-            document.getElementById('recentTasks').innerHTML = data.recentTasks.length
-                ? data.recentTasks.map(task => `<li class="list-group-item">${task.description} (Due: ${new Date(task.due_date).toLocaleDateString()})</li>`).join('')
-                : '<li class="list-group-item">No recent tasks available.</li>';
+                    // Populate Recent Tasks
+                    document.getElementById('recentTasks').innerHTML = data.recentTasks.length
+                        ? data.recentTasks.map(task => `<li class="list-group-item">${task.description} (Due: ${new Date(task.due_date).toLocaleDateString()})</li>`).join('')
+                        : '<li class="list-group-item">No recent tasks available.</li>';
 
-            // Populate Recent Health Records
-            document.getElementById('recentHealthRecords').innerHTML = data.recentHealthRecords.length
-                ? data.recentHealthRecords.map(record => `<li class="list-group-item">${record.disease_type} (Logged: ${new Date(record.diagnosis_date).toLocaleDateString()})</li>`).join('')
-                : '<li class="list-group-item">No recent health records available.</li>';
-        } else {
-            console.error("Error fetching dashboard data:", response.statusText);
+                    // Populate Recent Health Records
+                    document.getElementById('recentHealthRecords').innerHTML = data.recentHealthRecords.length
+                        ? data.recentHealthRecords.map(record => `<li class="list-group-item">${record.disease_type} (Logged: ${new Date(record.diagnosis_date).toLocaleDateString()})</li>`).join('')
+                        : '<li class="list-group-item">No recent health records available.</li>';
+                } else {
+                    console.error("Error fetching dashboard data:", response.statusText);
+                }
+            } catch (error) {
+                console.error("Error loading dashboard:", error);
+            }
         }
-    } catch (error) {
-        console.error("Error loading dashboard:", error);
-    }
-}
 
-document.addEventListener("DOMContentLoaded", loadDashboardData);
-</script>
+        document.addEventListener("DOMContentLoaded", loadDashboardData);
+    </script>
 {% endblock %}

backend/app/templates/group/manage_group.html

@@ -3,60 +3,63 @@
 {% block title %}Manage Group{% endblock %}
 
 {% block content %}
-<div class="container mt-4">
+    <div class="container mt-4">
 
-    <!-- Group Details Section -->
-    <div class="card mb-4" id="groupDetailsSection">
-        <div class="card-header">Group Details</div>
-        <div class="card-body">
-            <p><strong>Farm Name:</strong> <span id="farmName"></span></p>
-            <button id="addFarmerButton" class="btn btn-primary" onclick="showAddFarmerForm()">Add Farmer</button>
+        <!-- Group Details Section -->
+        <div class="card mb-4" id="groupDetailsSection">
+            <div class="card-header">Group Details</div>
+            <div class="card-body">
+                <p><strong>Farm Name:</strong> <span id="farmName"></span></p>
+                <button id="addFarmerButton" class="btn btn-primary" onclick="showAddFarmerForm()">Add Farmer</button>
+            </div>
         </div>
-    </div>
 
-    <!-- Add Farmer Form (Hidden initially) -->
-    <div class="card mb-4" id="addFarmerSection" style="display: none;">
-        <div class="card-header">Add Farmer to Group</div>
-        <div class="card-body">
-            <form id="addFarmerForm" onsubmit="addFarmer(event)">
-                <div class="form-group">
-                    <label for="farmer_username">Farmer Username</label>
-                    <input type="text" id="farmer_username" class="form-control" placeholder="Enter farmer username" required>
-                </div>
-                <div class="form-group">
-                    <label for="farmer_email">Farmer Email</label>
-                    <input type="email" id="farmer_email" class="form-control" placeholder="Enter farmer email" required>
-                </div>
-                <div class="form-group">
-                    <label for="farmer_password">Password</label>
-                    <input type="password" id="farmer_password" class="form-control" placeholder="Set a password for the farmer" required>
-                </div>
-                <button type="submit" class="btn btn-success mt-2">Add Farmer</button>
-                <button type="button" class="btn btn-secondary mt-2" onclick="hideAddFarmerForm()">Cancel</button>
-            </form>
+        <!-- Add Farmer Form (Hidden initially) -->
+        <div class="card mb-4" id="addFarmerSection" style="display: none;">
+            <div class="card-header">Add Farmer to Group</div>
+            <div class="card-body">
+                <form id="addFarmerForm" onsubmit="addFarmer(event)">
+                    <div class="form-group">
+                        <label for="farmer_username">Farmer Username</label>
+                        <input type="text" id="farmer_username" class="form-control" placeholder="Enter farmer username"
+                               required>
+                    </div>
+                    <div class="form-group">
+                        <label for="farmer_email">Farmer Email</label>
+                        <input type="email" id="farmer_email" class="form-control" placeholder="Enter farmer email"
+                               required>
+                    </div>
+                    <div class="form-group">
+                        <label for="farmer_password">Password</label>
+                        <input type="password" id="farmer_password" class="form-control"
+                               placeholder="Set a password for the farmer" required>
+                    </div>
+                    <button type="submit" class="btn btn-success mt-2">Add Farmer</button>
+                    <button type="button" class="btn btn-secondary mt-2" onclick="hideAddFarmerForm()">Cancel</button>
+                </form>
+            </div>
         </div>
-    </div>
 
-    <!-- Farmers List -->
-    <div class="card">
-        <div class="card-header">Farmers in Group</div>
-        <div class="card-body">
-            <table class="table table-striped" id="farmersTable">
-                <thead>
+        <!-- Farmers List -->
+        <div class="card">
+            <div class="card-header">Farmers in Group</div>
+            <div class="card-body">
+                <table class="table table-striped" id="farmersTable">
+                    <thead>
                     <tr>
                         <th>Username</th>
                         <th>Email</th>
                         <th>Actions</th>
                     </tr>
-                </thead>
-                <tbody>
+                    </thead>
+                    <tbody>
                     <!-- Farmers will be loaded here via JavaScript -->
-                </tbody>
-            </table>
+                    </tbody>
+                </table>
+            </div>
         </div>
     </div>
-</div>
 
-<script src="../static/js/group.js"></script>
+    <script src="../static/js/group.js"></script>
 
 {% endblock %}

backend/app/templates/health/log_health.html

@@ -3,31 +3,33 @@
 {% block title %}Log Health Record{% endblock %}
 
 {% block content %}
-<div class="card">
-    <div class="card-body">
-        <h3 class="card-title">Log Health Record with Disease Detection</h3>
-        <form id="logHealthForm" onsubmit="detectAndLogHealthRecord(event)">
-            <!-- Image Upload -->
-            <div class="form-group">
-                <label for="image" class="form-label">Upload Image for Disease Detection</label>
-                <input type="file" id="image" class="form-control" accept="image/*" required>
-                <small class="form-text text-muted">Supported formats: JPG, PNG. Ensure the image is clear.</small>
-            </div>
-            <!-- Detected Disease Type -->
-            <div class="form-group mt-3">
-                <label for="disease_type" class="form-label">Detected Disease Type</label>
-                <input type="text" id="disease_type" class="form-control" readonly placeholder="Disease will be auto-detected">
-            </div>
-            <!-- Recommendation -->
-            <div class="form-group mt-3">
-                <label for="recommendation" class="form-label">Recommendation</label>
-                <textarea id="recommendation" class="form-control" rows="4" readonly placeholder="Recommendation will be auto-generated"></textarea>
-            </div>
-            <!-- Submit Button -->
-            <button type="submit" class="btn btn-dark mt-3">Log Health Record</button>
-        </form>
+    <div class="card">
+        <div class="card-body">
+            <h3 class="card-title">Log Health Record with Disease Detection</h3>
+            <form id="logHealthForm" onsubmit="detectAndLogHealthRecord(event)">
+                <!-- Image Upload -->
+                <div class="form-group">
+                    <label for="image" class="form-label">Upload Image for Disease Detection</label>
+                    <input type="file" id="image" class="form-control" accept="image/*" required>
+                    <small class="form-text text-muted">Supported formats: JPG, PNG. Ensure the image is clear.</small>
+                </div>
+                <!-- Detected Disease Type -->
+                <div class="form-group mt-3">
+                    <label for="disease_type" class="form-label">Detected Disease Type</label>
+                    <input type="text" id="disease_type" class="form-control" readonly
+                           placeholder="Disease will be auto-detected">
+                </div>
+                <!-- Recommendation -->
+                <div class="form-group mt-3">
+                    <label for="recommendation" class="form-label">Recommendation</label>
+                    <textarea id="recommendation" class="form-control" rows="4" readonly
+                              placeholder="Recommendation will be auto-generated"></textarea>
+                </div>
+                <!-- Submit Button -->
+                <button type="submit" class="btn btn-dark mt-3">Log Health Record</button>
+            </form>
+        </div>
     </div>
-</div>
 
-<script src="../static/js/health.js"></script>
+    <script src="../static/js/health.js"></script>
 {% endblock %}

backend/app/templates/health/manage_health.html

@@ -3,68 +3,70 @@
 {% block title %}Manage Health Records{% endblock %}
 
 {% block content %}
-<div class="card">
-    <div class="card-body">
-       <table class="table table-bordered table-hover" id="healthRecordsTable">
-            <thead class="table-primary">
+    <div class="card">
+        <div class="card-body">
+            <table class="table table-bordered table-hover" id="healthRecordsTable">
+                <thead class="table-primary">
                 <tr>
                     <th>Disease Type</th>
                     <th>Recommendation</th>
                     <th>Diagnosis Date</th>
                     <th>Actions</th>
                 </tr>
-            </thead>
-            <tbody>
+                </thead>
+                <tbody>
                 <!-- Rows will be populated by JavaScript -->
-            </tbody>
-        </table>
+                </tbody>
+            </table>
+        </div>
     </div>
-</div>
 
-<!-- Update Health Record Modal -->
-<div class="modal fade" id="updateHealthModal" tabindex="-1" aria-labelledby="updateHealthModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="updateHealthModalLabel">Update Health Record</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <form id="updateHealthForm" onsubmit="updateHealthRecord(event)">
-                    <input type="hidden" id="updateRecordId">
-                    <div class="form-group">
-                        <label for="updateDiseaseType">Disease Type</label>
-                        <input type="text" id="updateDiseaseType" class="form-control" readonly>
-                    </div>
-                    <div class="form-group mt-3">
-                        <label for="updateRecommendation">Recommendation</label>
-                        <textarea id="updateRecommendation" class="form-control" rows="4" readonly></textarea>
-                    </div>
-                    <button type="submit" class="btn btn-primary mt-3">Update Record</button>
-                </form>
+    <!-- Update Health Record Modal -->
+    <div class="modal fade" id="updateHealthModal" tabindex="-1" aria-labelledby="updateHealthModalLabel"
+         aria-hidden="true">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="updateHealthModalLabel">Update Health Record</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <form id="updateHealthForm" onsubmit="updateHealthRecord(event)">
+                        <input type="hidden" id="updateRecordId">
+                        <div class="form-group">
+                            <label for="updateDiseaseType">Disease Type</label>
+                            <input type="text" id="updateDiseaseType" class="form-control" readonly>
+                        </div>
+                        <div class="form-group mt-3">
+                            <label for="updateRecommendation">Recommendation</label>
+                            <textarea id="updateRecommendation" class="form-control" rows="4" readonly></textarea>
+                        </div>
+                        <button type="submit" class="btn btn-primary mt-3">Update Record</button>
+                    </form>
+                </div>
             </div>
         </div>
     </div>
-</div>
 
-<!-- Delete Confirmation Modal -->
-<div class="modal fade" id="deleteHealthModal" tabindex="-1" aria-labelledby="deleteHealthModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="deleteHealthModalLabel">Delete Health Record</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <p>Are you sure you want to delete this health record? This action cannot be undone.</p>
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
-                <button type="button" class="btn btn-danger" onclick="deleteHealthRecord()">Delete</button>
+    <!-- Delete Confirmation Modal -->
+    <div class="modal fade" id="deleteHealthModal" tabindex="-1" aria-labelledby="deleteHealthModalLabel"
+         aria-hidden="true">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="deleteHealthModalLabel">Delete Health Record</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <p>Are you sure you want to delete this health record? This action cannot be undone.</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="button" class="btn btn-danger" onclick="deleteHealthRecord()">Delete</button>
+                </div>
             </div>
         </div>
     </div>
-</div>
 
-<script src="../static/js/health.js"></script>
+    <script src="../static/js/health.js"></script>
 {% endblock %}

backend/app/templates/inventory/add_inventory.html

@@ -4,52 +4,52 @@
 
 {% block content %}
 
-<div class="card">
-    <div class="card-body">
-        <form id="addInventoryForm" onsubmit="addInventoryItem(event)">
-            <!-- Item Name Input -->
-            <div class="form-group mt-3">
-                <label for="item_name">Item Name</label>
-                <input
-                    class="form-control"
-                    id="item_name"
-                    placeholder="Enter item name"
-                    required
-                    type="text">
-            </div>
-
-            <!-- Quantity Input -->
-            <div class="form-group mt-3">
-                <label for="quantity">Quantity</label>
-                <input
-                    class="form-control"
-                    id="quantity"
-                    placeholder="Enter quantity"
-                    required
-                    type="number"
-                    min="1">
-            </div>
-
-            <!-- Category Selection -->
-            <div class="form-group mt-3">
-                <label for="category">Category</label>
-                <select
-                    class="form-control"
-                    id="category"
-                    required>
-                    <option value="" disabled selected>Select category</option>
-                    <option value="Poultry Animal">Poultry Animal</option>
-                    <option value="Feed">Feed</option>
-                    <option value="Farm Tool">Farm Tool</option>
-                </select>
-            </div>
-
-
-            <!-- Submit Button -->
-            <button class="btn btn-primary mt-3" type="submit">Add Item</button>
-        </form>
+    <div class="card">
+        <div class="card-body">
+            <form id="addInventoryForm" onsubmit="addInventoryItem(event)">
+                <!-- Item Name Input -->
+                <div class="form-group mt-3">
+                    <label for="item_name">Item Name</label>
+                    <input
+                            class="form-control"
+                            id="item_name"
+                            placeholder="Enter item name"
+                            required
+                            type="text">
+                </div>
+
+                <!-- Quantity Input -->
+                <div class="form-group mt-3">
+                    <label for="quantity">Quantity</label>
+                    <input
+                            class="form-control"
+                            id="quantity"
+                            placeholder="Enter quantity"
+                            required
+                            type="number"
+                            min="1">
+                </div>
+
+                <!-- Category Selection -->
+                <div class="form-group mt-3">
+                    <label for="category">Category</label>
+                    <select
+                            class="form-control"
+                            id="category"
+                            required>
+                        <option value="" disabled selected>Select category</option>
+                        <option value="Poultry Animal">Poultry Animal</option>
+                        <option value="Feed">Feed</option>
+                        <option value="Farm Tool">Farm Tool</option>
+                    </select>
+                </div>
+
+
+                <!-- Submit Button -->
+                <button class="btn btn-primary mt-3" type="submit">Add Item</button>
+            </form>
+        </div>
     </div>
-</div>
 
-<script src="../static/js/inventory.js"></script>
+    <script src="../static/js/inventory.js"></script>
 {% endblock %}

backend/app/templates/inventory/view_inventory.html

@@ -4,10 +4,10 @@
 
 {% block content %}
 
-<div class="card">
-    <div class="card-body">
-        <table class="table table-striped table-bordered" id="inventoryTable">
-            <thead class="table-dark">
+    <div class="card">
+        <div class="card-body">
+            <table class="table table-striped table-bordered" id="inventoryTable">
+                <thead class="table-dark">
                 <tr>
                     <th>Item Name</th>
                     <th>Quantity</th>
@@ -15,73 +15,76 @@
                     <th>Last Updated</th>
                     <th>Actions</th>
                 </tr>
-            </thead>
-            <tbody>
+                </thead>
+                <tbody>
                 <!-- Rows will be dynamically populated by JavaScript -->
-            </tbody>
-        </table>
+                </tbody>
+            </table>
+        </div>
     </div>
-</div>
 
-<!-- Update Inventory Modal -->
-<div class="modal fade" id="updateModal" tabindex="-1" aria-labelledby="updateModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header bg-secondary text-white">
-                <h5 class="modal-title" id="updateModalLabel">Update Inventory Item</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <form id="updateInventoryForm" onsubmit="updateInventoryItem(event)">
-                    <input type="hidden" id="updateItemId">
-                    <div class="form-group mb-3">
-                        <label for="updateItemName" class="form-label">Item Name</label>
-                        <input type="text" id="updateItemName" class="form-control" placeholder="Enter item name" required>
-                    </div>
-                    <div class="form-group mb-3">
-                        <label for="updateQuantity" class="form-label">Quantity</label>
-                        <input type="number" id="updateQuantity" class="form-control" placeholder="Enter quantity" required>
-                    </div>
-                    <div class="form-group mb-3">
-                        <label for="updateCategory" class="form-label">Category</label>
-                        <select id="updateCategory" class="form-control" required>
-                            <option value="" disabled selected>Select Category</option>
-                            <option value="Poultry Animal">Poultry Animal</option>
-                            <option value="Feed">Feed</option>
-                            <option value="Farm Tool">Farm Tool</option>
-                        </select>
-                    </div>
-                    <div class="form-group mb-3">
-                        <label for="updateStatus" class="form-label">Status</label>
-                        <input type="text" id="updateStatus" class="form-control" placeholder="Enter status" required>
-                    </div>
-                    <div class="d-grid">
-                        <button type="submit" class="btn btn-dark">Update Item</button>
-                    </div>
-                </form>
+    <!-- Update Inventory Modal -->
+    <div class="modal fade" id="updateModal" tabindex="-1" aria-labelledby="updateModalLabel" aria-hidden="true">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header bg-secondary text-white">
+                    <h5 class="modal-title" id="updateModalLabel">Update Inventory Item</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <form id="updateInventoryForm" onsubmit="updateInventoryItem(event)">
+                        <input type="hidden" id="updateItemId">
+                        <div class="form-group mb-3">
+                            <label for="updateItemName" class="form-label">Item Name</label>
+                            <input type="text" id="updateItemName" class="form-control" placeholder="Enter item name"
+                                   required>
+                        </div>
+                        <div class="form-group mb-3">
+                            <label for="updateQuantity" class="form-label">Quantity</label>
+                            <input type="number" id="updateQuantity" class="form-control" placeholder="Enter quantity"
+                                   required>
+                        </div>
+                        <div class="form-group mb-3">
+                            <label for="updateCategory" class="form-label">Category</label>
+                            <select id="updateCategory" class="form-control" required>
+                                <option value="" disabled selected>Select Category</option>
+                                <option value="Poultry Animal">Poultry Animal</option>
+                                <option value="Feed">Feed</option>
+                                <option value="Farm Tool">Farm Tool</option>
+                            </select>
+                        </div>
+                        <div class="form-group mb-3">
+                            <label for="updateStatus" class="form-label">Status</label>
+                            <input type="text" id="updateStatus" class="form-control" placeholder="Enter status"
+                                   required>
+                        </div>
+                        <div class="d-grid">
+                            <button type="submit" class="btn btn-dark">Update Item</button>
+                        </div>
+                    </form>
+                </div>
             </div>
         </div>
     </div>
-</div>
 
-<!-- Delete Confirmation Modal -->
-<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header bg-danger text-white">
-                <h5 class="modal-title" id="deleteModalLabel">Delete Inventory Item</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <p class="text-danger">Are you sure you want to delete this item? This action cannot be undone.</p>
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
-                <button type="button" class="btn btn-danger" onclick="deleteInventoryItem()">Delete</button>
+    <!-- Delete Confirmation Modal -->
+    <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header bg-danger text-white">
+                    <h5 class="modal-title" id="deleteModalLabel">Delete Inventory Item</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <p class="text-danger">Are you sure you want to delete this item? This action cannot be undone.</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="button" class="btn btn-danger" onclick="deleteInventoryItem()">Delete</button>
+                </div>
             </div>
         </div>
     </div>
-</div>
 
-<script src="../static/js/inventory.js"></script>
+    <script src="../static/js/inventory.js"></script>
 {% endblock %}

backend/app/templates/landing.html

@@ -95,8 +95,10 @@
 </section>
 
 <script crossorigin="anonymous"
-        integrity="sha256-x5Mj2wYeSa9WVOK+EK8Z5rmXHFZ+MOY8r4eW8AKzpXU=" src="https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-beta2/dist/js/adminlte.min.js"></script>
+        integrity="sha256-x5Mj2wYeSa9WVOK+EK8Z5rmXHFZ+MOY8r4eW8AKzpXU="
+        src="https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-beta2/dist/js/adminlte.min.js"></script>
 <script crossorigin="anonymous"
-        integrity="sha256-qq1ob4lpAizCQs1tkv5gttMXUlgpiHyvG3JcCIktRvs=" src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/js/all.min.js"></script>
+        integrity="sha256-qq1ob4lpAizCQs1tkv5gttMXUlgpiHyvG3JcCIktRvs="
+        src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/js/all.min.js"></script>
 </body>
 </html>

backend/app/templates/main/base.html

@@ -8,13 +8,18 @@
     <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
           integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" rel="stylesheet"><!--end::Fonts-->
     <!--begin::Third Party Plugin(OverlayScrollbars)-->
-    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css"
+    <link crossorigin="anonymous"
+          href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css"
           integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" rel="stylesheet">
     <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Third Party Plugin(Bootstrap Icons)-->
-    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css"
+    <link crossorigin="anonymous"
+          href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css"
           integrity="sha256-Qsx5lrStHZyR9REqhUF8iQt73X06c8LGIUPzpOhwRrI=" rel="stylesheet">
     <!--end::Third Party Plugin(Bootstrap Icons)-->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" integrity="sha256-XfA0ppGOANs88Ds+9FqVLy3xIGzT/25K/VLmRRxE9ow=" crossorigin="anonymous"><!--begin::Required Plugin(AdminLTE)-->
+    <link rel="stylesheet"
+          href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css"
+          integrity="sha256-XfA0ppGOANs88Ds+9FqVLy3xIGzT/25K/VLmRRxE9ow=" crossorigin="anonymous">
+    <!--begin::Required Plugin(AdminLTE)-->
 </head> <!--end::Head--> <!--begin::Body-->
 
 <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
@@ -61,17 +66,21 @@
 
 <script src="../static/js/auth.js"></script>
 <script crossorigin="anonymous"
-        integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w=" src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js"></script>
+        integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w="
+        src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js"></script>
 <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
 <script crossorigin="anonymous"
-        integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I=" src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
+        integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I="
+        src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
 <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
 <script crossorigin="anonymous"
-        integrity="sha256-YMa+wAM6QkVyz999odX7lPRxkoYAan8suedu4k2Zur8=" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
+        integrity="sha256-YMa+wAM6QkVyz999odX7lPRxkoYAan8suedu4k2Zur8="
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
 <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
 <script src="../static/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)-->
 <!--begin::OverlayScrollbars Configure-->
-<script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/js/all.min.js" integrity="sha256-qq1ob4lpAizCQs1tkv5gttMXUlgpiHyvG3JcCIktRvs=" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/js/all.min.js"
+        integrity="sha256-qq1ob4lpAizCQs1tkv5gttMXUlgpiHyvG3JcCIktRvs=" crossorigin="anonymous"></script>
 <script>
     const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
     const Default = {

backend/app/templates/main/partials/sidebar.html

@@ -26,8 +26,10 @@
                         <p>Inventory<i class="nav-arrow bi bi-chevron-right"></i></p>
                     </a>
                     <ul class="nav nav-treeview">
-                        <li class="nav-item"><a class="nav-link" href="/additem"><i class="far fa-circle nav-icon"></i> Add Inventory</a></li>
-                        <li class="nav-item"><a class="nav-link" href="/items"><i class="far fa-circle nav-icon"></i> Manage Inventory</a></li>
+                        <li class="nav-item"><a class="nav-link" href="/additem"><i class="far fa-circle nav-icon"></i>
+                            Add Inventory</a></li>
+                        <li class="nav-item"><a class="nav-link" href="/items"><i class="far fa-circle nav-icon"></i>
+                            Manage Inventory</a></li>
                     </ul>
                 </li>
 
@@ -38,8 +40,10 @@
                         <p>Health Monitoring<i class="nav-arrow bi bi-chevron-right"></i></p>
                     </a>
                     <ul class="nav nav-treeview">
-                        <li class="nav-item"><a class="nav-link" href="/addrecord"><i class="far fa-circle nav-icon"></i> Add Health Record</a></li>
-                        <li class="nav-item"><a class="nav-link" href="/hrecords"><i class="far fa-circle nav-icon"></i> Manage Health Records</a></li>
+                        <li class="nav-item"><a class="nav-link" href="/addrecord"><i
+                                class="far fa-circle nav-icon"></i> Add Health Record</a></li>
+                        <li class="nav-item"><a class="nav-link" href="/hrecords"><i class="far fa-circle nav-icon"></i>
+                            Manage Health Records</a></li>
                     </ul>
                 </li>
 
@@ -51,23 +55,26 @@
                     </a>
                     <ul class="nav nav-treeview">
                         {% if is_admin %}
-                        <li class="nav-item"><a class="nav-link" href="/addtask"><i class="far fa-circle nav-icon"></i> Add Task</a></li>
+                            <li class="nav-item"><a class="nav-link" href="/addtask"><i
+                                    class="far fa-circle nav-icon"></i> Add Task</a></li>
                         {% endif %}
-                        <li class="nav-item"><a class="nav-link" href="/tasks"><i class="far fa-circle nav-icon"></i> Manage Tasks</a></li>
+                        <li class="nav-item"><a class="nav-link" href="/tasks"><i class="far fa-circle nav-icon"></i>
+                            Manage Tasks</a></li>
                     </ul>
                 </li>
 
                 <!-- Group Management (Visible only to Admins) -->
                 {% if is_admin %}
-                <li class="nav-item">
-                    <a class="nav-link" href="#">
-                        <i class="nav-icon fas fa-users"></i>
-                        <p>Group Management<i class="nav-arrow bi bi-chevron-right"></i></p>
-                    </a>
-                    <ul class="nav nav-treeview">
-                        <li class="nav-item"><a class="nav-link" href="/mangroup"><i class="far fa-circle nav-icon"></i> Manage Groups</a></li>
-                    </ul>
-                </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#">
+                            <i class="nav-icon fas fa-users"></i>
+                            <p>Group Management<i class="nav-arrow bi bi-chevron-right"></i></p>
+                        </a>
+                        <ul class="nav nav-treeview">
+                            <li class="nav-item"><a class="nav-link" href="/mangroup"><i
+                                    class="far fa-circle nav-icon"></i> Manage Groups</a></li>
+                        </ul>
+                    </li>
                 {% endif %}
 
             </ul>

backend/app/templates/todo/add_task.html

@@ -3,57 +3,57 @@
 {% block title %}Add Task{% endblock %}
 
 {% block content %}
-<div class="container mt-4">
-    <div class="card">
-        <div class="card-body">
-            <form id="addTaskForm" onsubmit="addTask(event)">
-                <!-- Task Description -->
-                <div class="form-group">
-                    <label for="task_description">Task Description</label>
-                    <input
-                        type="text"
-                        id="task_description"
-                        class="form-control"
-                        placeholder="Enter task description"
-                        required
-                    >
-                </div>
+    <div class="container mt-4">
+        <div class="card">
+            <div class="card-body">
+                <form id="addTaskForm" onsubmit="addTask(event)">
+                    <!-- Task Description -->
+                    <div class="form-group">
+                        <label for="task_description">Task Description</label>
+                        <input
+                                type="text"
+                                id="task_description"
+                                class="form-control"
+                                placeholder="Enter task description"
+                                required
+                        >
+                    </div>
 
-                <!-- Assign To -->
-                <div class="form-group mt-3">
-                    <label for="assigned_to">Assign To (Optional)</label>
-                    <select
-                        id="assigned_to"
-                        class="form-control">
-                        <option value="">No Assignment</option>
-                    </select>
-                </div>
+                    <!-- Assign To -->
+                    <div class="form-group mt-3">
+                        <label for="assigned_to">Assign To (Optional)</label>
+                        <select
+                                id="assigned_to"
+                                class="form-control">
+                            <option value="">No Assignment</option>
+                        </select>
+                    </div>
 
-                <!-- Due Date -->
-                <div class="form-group mt-3">
-                    <label for="due_date">Due Date</label>
-                    <input
-                        type="datetime-local"
-                        id="due_date"
-                        class="form-control"
-                        required
-                    >
-                </div>
+                    <!-- Due Date -->
+                    <div class="form-group mt-3">
+                        <label for="due_date">Due Date</label>
+                        <input
+                                type="datetime-local"
+                                id="due_date"
+                                class="form-control"
+                                required
+                        >
+                    </div>
 
-                <!-- Submit Button -->
-                <button
-                    type="submit"
-                    class="btn btn-primary mt-3">
-                    Add Task
-                </button>
-            </form>
+                    <!-- Submit Button -->
+                    <button
+                            type="submit"
+                            class="btn btn-primary mt-3">
+                        Add Task
+                    </button>
+                </form>
+            </div>
         </div>
     </div>
-</div>
 
-<script src="../static/js/tasks.js"></script>
-<script>
-    // Initialize farmers when the page loads
-    document.addEventListener('DOMContentLoaded', fetchFarmers);
-</script>
+    <script src="../static/js/tasks.js"></script>
+    <script>
+        // Initialize farmers when the page loads
+        document.addEventListener('DOMContentLoaded', fetchFarmers);
+    </script>
 {% endblock %}

backend/app/templates/todo/manage_tasks.html

@@ -3,13 +3,13 @@
 {% block title %}Manage Tasks{% endblock %}
 
 {% block content %}
-<div class="container mt-4">
+    <div class="container mt-4">
 
-    <!-- Task Table -->
-    <div class="card">
-        <div class="card-body">
-            <table class="table table-striped" id="tasksTable">
-                <thead>
+        <!-- Task Table -->
+        <div class="card">
+            <div class="card-body">
+                <table class="table table-striped" id="tasksTable">
+                    <thead>
                     <tr>
                         <th>Description</th>
                         <th>Assigned To</th>
@@ -17,81 +17,83 @@
                         <th>Due Date</th>
                         <th>Actions</th>
                     </tr>
-                </thead>
-                <tbody>
+                    </thead>
+                    <tbody>
                     <!-- Tasks will be dynamically loaded here -->
-                </tbody>
-            </table>
+                    </tbody>
+                </table>
+            </div>
         </div>
     </div>
-</div>
 
-<!-- Update Task Modal -->
-<div class="modal fade" id="updateTaskModal" tabindex="-1" aria-labelledby="updateTaskModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="updateTaskModalLabel">Update Task</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <form id="updateTaskForm" onsubmit="updateTask(event)">
-                    <input type="hidden" id="updateTaskId">
-                    <div class="form-group">
-                        <label for="updateTaskDescription">Task Description</label>
-                        <input type="text" id="updateTaskDescription" class="form-control" required>
-                    </div>
-                    <div class="form-group mt-3">
-                        <label for="updateAssignedTo">Assigned To</label>
-                        <input type="text" id="updateAssignedTo" class="form-control" required>
-                    </div>
-                    <div class="form-group mt-3">
-                        <label for="updateCreatedAt">Created At</label>
-                        <input type="datetime-local" id="updateCreatedAt" class="form-control" required>
-                    </div>
-                    <div class="form-group mt-3">
-                        <label for="updateDueDate">Due Date</label>
-                        <input type="datetime-local" id="updateDueDate" class="form-control" required>
-                    </div>
-                    <div class="form-group mt-3">
-                        <label for="updateStatus">Status</label>
-                        <select id="updateStatus" class="form-control" required>
-                            <option value="pending">Pending</option>
-                            <option value="in-progress">In Progress</option>
-                            <option value="completed">Completed</option>
-                            <option value="overdue">Overdue</option>
-                        </select>
-                    </div>
-                    <button type="submit" class="btn btn-primary mt-3">Update Task</button>
-                </form>
+    <!-- Update Task Modal -->
+    <div class="modal fade" id="updateTaskModal" tabindex="-1" aria-labelledby="updateTaskModalLabel"
+         aria-hidden="true">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="updateTaskModalLabel">Update Task</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <form id="updateTaskForm" onsubmit="updateTask(event)">
+                        <input type="hidden" id="updateTaskId">
+                        <div class="form-group">
+                            <label for="updateTaskDescription">Task Description</label>
+                            <input type="text" id="updateTaskDescription" class="form-control" required>
+                        </div>
+                        <div class="form-group mt-3">
+                            <label for="updateAssignedTo">Assigned To</label>
+                            <input type="text" id="updateAssignedTo" class="form-control" required>
+                        </div>
+                        <div class="form-group mt-3">
+                            <label for="updateCreatedAt">Created At</label>
+                            <input type="datetime-local" id="updateCreatedAt" class="form-control" required>
+                        </div>
+                        <div class="form-group mt-3">
+                            <label for="updateDueDate">Due Date</label>
+                            <input type="datetime-local" id="updateDueDate" class="form-control" required>
+                        </div>
+                        <div class="form-group mt-3">
+                            <label for="updateStatus">Status</label>
+                            <select id="updateStatus" class="form-control" required>
+                                <option value="pending">Pending</option>
+                                <option value="in-progress">In Progress</option>
+                                <option value="completed">Completed</option>
+                                <option value="overdue">Overdue</option>
+                            </select>
+                        </div>
+                        <button type="submit" class="btn btn-primary mt-3">Update Task</button>
+                    </form>
+                </div>
             </div>
         </div>
     </div>
-</div>
 
 
-<!-- Delete Task Modal -->
-<div class="modal fade" id="deleteTaskModal" tabindex="-1" aria-labelledby="deleteTaskModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="deleteTaskModalLabel">Delete Task</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                Are you sure you want to delete this task?
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
-                <button type="button" class="btn btn-danger" onclick="deleteTask()">Delete</button>
+    <!-- Delete Task Modal -->
+    <div class="modal fade" id="deleteTaskModal" tabindex="-1" aria-labelledby="deleteTaskModalLabel"
+         aria-hidden="true">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="deleteTaskModalLabel">Delete Task</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    Are you sure you want to delete this task?
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="button" class="btn btn-danger" onclick="deleteTask()">Delete</button>
+                </div>
             </div>
         </div>
     </div>
-</div>
 
-<script>
-    // Pass the user's role and ID dynamically to the JavaScript
+    <script>
+        // Pass the user's role and ID dynamically to the JavaScript
 
-</script>
-<script src="../static/js/tasks.js"></script>
+    </script>
+    <script src="../static/js/tasks.js"></script>
 {% endblock %}

test_main.http

@@ -35,7 +35,10 @@ Content-Type: application/json
 
 {
   "group_name": "Test Farm Group",
-  "farmers": ["farmer_id_1", "farmer_id_2"],
+  "farmers": [
+    "farmer_id_1",
+    "farmer_id_2"
+  ],
   "created_by": "admin_id"
 }