Upload 7 files

.gitignore

@@ -0,0 +1,2 @@
+/AIO
+.env

Dockerfile

@@ -0,0 +1,9 @@
+FROM python:3.9-slim
+
+WORKDIR /app
+
+COPY . .
+
+RUN pip install --no-cache-dir -r requirements.txt
+
+CMD ["gunicorn", "--bind", "0.0.0.0:7860", "app:app"]

app.py

@@ -0,0 +1,437 @@
+# app.py
+import os
+from flask import Flask, render_template, request, jsonify, redirect, url_for, flash, session
+import requests
+from werkzeug.utils import secure_filename
+import google.generativeai as genai
+from dotenv import load_dotenv
+import base64
+import json
+from datetime import datetime, timedelta
+import threading
+import time
+
+# Load environment variables
+load_dotenv()
+
+# Configure the Gemini API
+# Try to get API key from environment variable, first from HF_SPACES then from .env file
+# GEMINI_API_KEY = os.getenv("HF_GEMINI_API_KEY") or os.getenv("GEMINI_API_KEY")
+GEMINI_API_KEY = os.getenv("HF_GEMINI_API_KEY") or os.getenv("GEMINI_API_KEY")
+if not GEMINI_API_KEY:
+    raise ValueError("Google API Key not found. Set it as GEMINI_API_KEY in the Space settings.")
+
+genai.configure(api_key=GEMINI_API_KEY)
+
+# Setup the Gemini model
+model = genai.GenerativeModel('gemini-1.5-flash')
+
+app = Flask(__name__)
+app.secret_key = os.getenv("SECRET_KEY", "your-default-secret-key-for-flash-messages")
+
+# Configure upload folder
+UPLOAD_FOLDER = 'static/uploads'
+ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif'}
+
+if not os.path.exists(UPLOAD_FOLDER):
+    os.makedirs(UPLOAD_FOLDER)
+
+app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
+
+def allowed_file(filename):
+    return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
+
+def encode_image(image_path):
+    with open(image_path, "rb") as image_file:
+        return base64.b64encode(image_file.read()).decode('utf-8')
+
+def get_web_pesticide_info(disease, plant_type="Unknown"):
+    """Fetch pesticide information from web sources for a specific disease and plant type"""
+    query = f"site:agrowon.esakal.com {disease} in {plant_type}"
+    url = "https://www.googleapis.com/customsearch/v1"
+    params = {
+        "key": os.getenv("GOOGLE_API_KEY"),
+        "cx": os.getenv("GOOGLE_CX"),
+        "q": query,
+        "num": 3
+    }
+    try:
+        response = requests.get(url, params=params)
+        response.raise_for_status()
+        data = response.json()
+        if "items" in data and len(data["items"]) > 0:
+            item = data["items"][0]
+            return {
+                "title": item.get("title", "No title available"),
+                "link": item.get("link", "#"),
+                "snippet": item.get("snippet", "No snippet available"),
+                "summary": item.get("snippet", "No snippet available")
+            }
+    except Exception as e:
+        print(f"Error retrieving web pesticide info: {str(e)}")
+    return None
+
+def get_more_web_info(query):
+    """Get more general web information based on a search query"""
+    url = "https://www.googleapis.com/customsearch/v1"
+    params = {
+        "key": os.getenv("GOOGLE_API_KEY"),
+        "cx": os.getenv("GOOGLE_CX"),
+        "q": query,
+        "num": 3
+    }
+    try:
+        response = requests.get(url, params=params)
+        response.raise_for_status()
+        data = response.json()
+        results = []
+        if "items" in data:
+            for item in data["items"]:
+                results.append({
+                    "title": item.get("title", "No title available"),
+                    "link": item.get("link", "#"),
+                    "snippet": item.get("snippet", "No snippet available")
+                })
+        return results
+    except Exception as e:
+        print(f"Error retrieving additional articles: {str(e)}")
+    return []
+
+def get_commercial_product_info(recommendation, disease_name):
+    """Fetch commercial product information related to a pesticide recommendation.
+    If no relevant products are found from web sources, return default products based on issue type:
+    bacterial, fungicide (disease), or insecticide.
+    """
+    indiamart_query = f"site:indiamart.com pesticide '{disease_name}' '{recommendation}'"
+    krishi_query = f"site:krishisevakendra.in/products pesticide '{disease_name}' '{recommendation}'"
+    
+    indiamart_results = get_more_web_info(indiamart_query)
+    krishi_results = get_more_web_info(krishi_query)
+    
+    # Merge results from both sources
+    results = indiamart_results + krishi_results
+
+    if not results:
+        lower_disease = disease_name.lower()
+        lower_recommendation = recommendation.lower()
+        
+        # Bacterial fallback
+        if ("bacteria" in lower_disease or "bacterial" in lower_disease or
+            "bacteria" in lower_recommendation or "bacterial" in lower_recommendation):
+            results = [
+                {
+                    "title": "UPL SAAF Carbendazin Mancozeb Bactericide",
+                    "link": "https://www.amazon.in/UPL-SAAF-Carbendazinm12-Mancozeb63-Action/dp/B0DJLQRL44?source=ps-sl-shoppingads-lpcontext&ref_=fplfs&psc=1&smid=A1BIAFERY87G8Q",
+                    "snippet": "Bactericide for controlling bacterial infections."
+                },
+                {
+                    "title": "Tropical Tagmycin Bactericide",
+                    "link": "https://krushidukan.bharatagri.com/en/products/tropical-tagmycin-bactericide?variant=46519705895155&country=IN&currency=INR&utm_medium=product_sync&utm_source=google&utm_content=sag_organic&utm_campaign=sag_organic&srsltid=AfmBOoptFf8O3lpleZBgvI7pIOYUnHP6EWoZ-M6vGZ2er8VYU2PzVbkc7sc",
+                    "snippet": "Bactericide for effective bacterial infection management."
+                }
+            ]
+        # Fungicide / Disease fallback
+        elif ("fungus" in lower_disease or "fungicide" in lower_recommendation or 
+              "antibiotic" in lower_recommendation or "disease" in lower_disease):
+            results = [
+                {
+                    "title": "Plantomycin Bio Organic Antibiotic Effective Disease",
+                    "link": "https://www.amazon.in/Plantomycin-Bio-Organic-Antibiotic-Effective-Disease/dp/B0DRVVJKQ4?source=ps-sl-shoppingads-lpcontext&ref_=fplfs&psc=1&smid=A2PDMX630A5EG6",
+                    "snippet": "Bio organic antibiotic for effective control of plant diseases."
+                },
+                {
+                    "title": "WET-TREE Larvicide Thuringiensis Insecticide",
+                    "link": "https://www.amazon.in/WET-TREE-Larvicide-Thuringiensis-Insecticide/dp/B0D6R72KHV?source=ps-sl-shoppingads-lpcontext&ref_=fplfs&psc=1&smid=A3V4YZ24A56I42",
+                    "snippet": "Larvicide with thuringiensis for disease prevention."
+                },
+                {
+                    "title": "WET-TREE Larvicide Thuringiensis Insecticide",
+                    "link": "https://www.amazon.in/WET-TREE-Larvicide-Thuringiensis-Insecticide/dp/B0D6R72KHV?source=ps-sl-shoppingads-lpcontext&ref_=fplfs&psc=1&smid=A3V4YZ24A56I42",
+                    "snippet": "Larvicide with thuringiensis for disease prevention."
+                }
+            ]
+        # Insecticide fallback
+        elif ("insecticide" in lower_disease or "insect" in lower_disease or "pest" in lower_disease or
+              "insecticide" in lower_recommendation or "insect" in lower_recommendation or "pest" in lower_recommendation):
+            results = [
+                {
+                    "title": "Syngenta Actara Insecticide",
+                    "link": "https://www.amazon.in/syngenta-Actara-Insect-Repellent-Insecticide/dp/B08W55XTHS?source=ps-sl-shoppingads-lpcontext&ref_=fplfs&psc=1&smid=A3ABQWNNCUI42M",
+                    "snippet": "Effective systemic insecticide for pest control."
+                },
+                {
+                    "title": "Cyhalothrin Insecticide",
+                    "link": "https://www.amazon.in/Cyhalothrin-Control-Eradication-Mosquitoes-Crawling/dp/B01N53VH1T?source=ps-sl-shoppingads-lpcontext&ref_=fplfs&psc=1&smid=A1ZSKCLHK592D5",
+                    "snippet": "Broad-spectrum insecticide for pest management."
+                }
+            ]
+        # Default fallback to insecticide if none of the above match
+        else:
+            results = [
+                {
+                    "title": "Syngenta Actara Insecticide",
+                    "link": "https://www.amazon.in/syngenta-Actara-Insect-Repellent-Insecticide/dp/B08W55XTHS?source=ps-sl-shoppingads-lpcontext&ref_=fplfs&psc=1&smid=A3ABQWNNCUI42M",
+                    "snippet": "Effective systemic insecticide for pest control."
+                },
+                {
+                    "title": "Cyhalothrin Insecticide",
+                    "link": "https://www.amazon.in/Cyhalothrin-Control-Eradication-Mosquitoes-Crawling/dp/B01N53VH1T?source=ps-sl-shoppingads-lpcontext&ref_=fplfs&psc=1&smid=A1ZSKCLHK592D5",
+                    "snippet": "Broad-spectrum insecticide for pest management."
+                }
+            ]
+    
+    return results
+
+
+def get_relevant_feedback(plant_name):
+    """Retrieve feedback entries relevant to the given plant name from feedback.json."""
+    feedback_file = "feedback.json"
+    if os.path.exists(feedback_file):
+        try:
+            with open(feedback_file, "r") as f:
+                all_feedback = json.load(f)
+            # Filter feedback where the plant_name matches (case-insensitive)
+            relevant = [entry.get("feedback") for entry in all_feedback if entry.get("plant_name", "").lower() == plant_name.lower()]
+            # Optionally limit to a few items (e.g., first 3)
+            if relevant:
+                return " ".join(relevant[:3])
+        except Exception as e:
+            print(f"Error reading feedback for reinforcement: {e}")
+    return ""
+
+
+def analyze_plant_image(image_path, plant_name, language):
+    try:
+        # Load the image
+        image_parts = [
+            {
+                "mime_type": "image/jpeg",
+                "data": encode_image(image_path)
+            }
+        ]
+        
+        # Load relevant feedback (reinforcement data) for this plant
+        feedback_context = get_relevant_feedback(plant_name)
+        feedback_instruction = f" Please consider the following user feedback from similar cases: {feedback_context}" if feedback_context else ""
+        
+        # Create prompt for Gemini API with language instruction and feedback reinforcement if available
+        prompt = f"""
+        Analyze this image of a {plant_name} plant and prioritize determining if it's healthy or has a disease or pest infestation.
+        
+        If a disease or pest is detected, remember the plant can be healthy too. Provide the following information in JSON format:
+        Check the {feedback_instruction} and then make the response after learning from that responses give around 60% weightage to the feedbck data.
+        {{
+            "results": [
+                {{
+                    "type": "disease/pest",
+                    "name": "Name of disease or pest",
+                    "probability": "Probability as a percentage",
+                    "symptoms": "Describe the visible symptoms",
+                    "causes": "Main causes of the disease or pest",
+                    "severity": "Low/Medium/High",
+                    "spreading": "How it spreads",
+                    "treatment": "Treatment options",
+                    "prevention": "Preventive measures"
+                }},
+                {{
+                    // Second most likely disease/pest with the same structure
+                }},
+                {{
+                    // Third most likely disease/pest with the same structure
+                }}
+            ],
+            "is_healthy": boolean indicating if the plant appears healthy,
+            "confidence": "Overall confidence in the analysis as a percentage"
+        }}
+        
+        Only return the JSON data and nothing else. Ensure the JSON is valid and properly formatted.
+        If the plant appears completely healthy, set is_healthy to true and include an empty results array.
+        Additionally, provide the response in {language} language.
+        and at end show which all data from feedback was taken into consederation and if no data was taken so no data.
+        """
+        
+        # Send request to Gemini API
+        response = model.generate_content([prompt] + image_parts)
+        
+        # Extract the JSON response
+        response_text = response.text
+        
+        # Find JSON within response text if needed
+        json_start = response_text.find('{')
+        json_end = response_text.rfind('}') + 1
+        
+        if json_start >= 0 and json_end > 0:
+            json_str = response_text[json_start:json_end]
+            return json.loads(json_str)
+        else:
+            # Return a default response if JSON parsing fails
+            return {
+                "error": "Failed to parse the API response",
+                "raw_response": response_text
+            }
+            
+    except Exception as e:
+        return {
+            "error": str(e),
+            "is_healthy": None,
+            "results": []
+        }
+
+
+def cleanup_old_files(directory, max_age_hours=1):  # Reduced to 1 hour for Hugging Face
+    """Remove files older than the specified age from the directory"""
+    while True:
+        now = datetime.now()
+        for filename in os.listdir(directory):
+            if filename == '.gitkeep':  # Skip the .gitkeep file
+                continue
+                
+            file_path = os.path.join(directory, filename)
+            file_age = now - datetime.fromtimestamp(os.path.getctime(file_path))
+            if file_age > timedelta(hours=max_age_hours):
+                try:
+                    os.remove(file_path)
+                    print(f"Removed old file: {file_path}")
+                except Exception as e:
+                    print(f"Error removing {file_path}: {e}")
+        # Sleep for 5 minutes before checking again
+        time.sleep(300)  # 5 minutes
+
+@app.route('/', methods=['GET'])
+def index():
+    # GET request - show the upload form
+    return render_template('index.html', show_results=False)
+
+@app.route('/feedback', methods=['POST'])
+def feedback():
+    # Get feedback from form submission
+    feedback_text = request.form.get("feedback")
+    plant_name = request.form.get("plant_name", "Unknown")  # Optional: include plant name for context
+
+    if not feedback_text:
+        flash("Please provide your feedback before submitting.")
+        return redirect(url_for('index'))
+
+    # Create a feedback record with a timestamp
+    feedback_data = {
+        "plant_name": plant_name,
+        "feedback": feedback_text,
+        "timestamp": datetime.now().isoformat()
+    }
+
+    # Define the file to store feedback
+    feedback_file = "feedback.json"
+
+    # Load existing feedback (if any)
+    if os.path.exists(feedback_file):
+        try:
+            with open(feedback_file, "r") as f:
+                existing_feedback = json.load(f)
+        except Exception as e:
+            print(f"Error reading feedback file: {e}")
+            existing_feedback = []
+    else:
+        existing_feedback = []
+
+    # Append the new feedback and save it back to file
+    existing_feedback.append(feedback_data)
+    try:
+        with open(feedback_file, "w") as f:
+            json.dump(existing_feedback, f, indent=4)
+    except Exception as e:
+        flash(f"Error saving your feedback: {str(e)}")
+        return redirect(url_for('index'))
+
+    flash("Thank you for your feedback!")
+    return redirect(url_for('index'))
+
+@app.route('/analyze', methods=['POST'])
+def analyze():
+    if 'plant_image' not in request.files:
+        flash('No file part')
+        return redirect(url_for('index'))
+    
+    file = request.files['plant_image']
+    plant_name = request.form.get('plant_name', 'unknown')
+    language = request.form.get('language', 'English')  # New field for response language
+    
+    if file.filename == '':
+        flash('No selected file')
+        return redirect(url_for('index'))
+    
+    if file and allowed_file(file.filename):
+        # Generate a unique filename to avoid collisions
+        timestamp = datetime.now().strftime("%Y%m%d%H%M%S")
+        original_filename = secure_filename(file.filename)
+        filename = f"{timestamp}_{original_filename}"
+        file_path = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+        file.save(file_path)
+        
+        try:
+            # Analyze the image with language parameter
+            analysis_result = analyze_plant_image(file_path, plant_name, language)
+            
+            if 'error' in analysis_result:
+                flash(f"Error analyzing image: {analysis_result['error']}")
+                if os.path.exists(file_path):
+                    os.remove(file_path)
+                return redirect(url_for('index'))
+            
+            # Get additional web information for detected diseases/pests
+            web_info = {}
+            product_info = {}
+            
+            if not analysis_result.get('is_healthy', False) and 'results' in analysis_result:
+                for result in analysis_result['results']:
+                    disease_name = result.get('name', '')
+                    if disease_name:
+                        web_info[disease_name] = get_web_pesticide_info(disease_name, plant_name)
+                        treatment = result.get('treatment', '')
+                        if treatment:
+                            product_info[disease_name] = get_commercial_product_info(treatment, disease_name)
+            
+            response = render_template(
+                'results.html',
+                results=analysis_result,
+                plant_name=plant_name,
+                image_path=file_path.replace('static/', '', 1),
+                web_info=web_info,
+                product_info=product_info
+            )
+            
+            def delete_file_after_delay(path, delay=30):
+                time.sleep(delay)
+                if os.path.exists(path):
+                    try:
+                        os.remove(path)
+                        print(f"Deleted analyzed file: {path}")
+                    except Exception as e:
+                        print(f"Error deleting {path}: {e}")
+            
+            threading.Thread(
+                target=delete_file_after_delay, 
+                args=(file_path,), 
+                daemon=True
+            ).start()
+            
+            return response
+            
+        except Exception as e:
+            flash(f"An error occurred: {str(e)}")
+            if os.path.exists(file_path):
+                os.remove(file_path)
+            return redirect(url_for('index'))
+    
+    flash('Invalid file type. Please upload an image (png, jpg, jpeg, gif).')
+    return redirect(url_for('index'))
+
+
+# Hugging Face Spaces requires the app to be available on port 7860
+if __name__ == '__main__':
+    # Start the cleanup thread when the app starts
+    cleanup_thread = threading.Thread(target=cleanup_old_files, args=(app.config['UPLOAD_FOLDER'],), daemon=True)
+    cleanup_thread.start()
+    
+    # Get the port from environment variable for Hugging Face Spaces compatibility
+    port = int(os.environ.get("PORT", 7860))
+    app.run(host='0.0.0.0', port=port)

feedback.json

@@ -0,0 +1,7 @@
+[
+    {
+        "plant_name": "soyabean",
+        "feedback": "Brown Spot is a wrong prediction it is actually bacterial blight ",
+        "timestamp": "2025-03-01T12:49:14.413106"
+    }
+]

requirements.txt

@@ -0,0 +1,5 @@
+flask==2.0.1
+Werkzeug==2.0.1
+google-generativeai==0.3.2
+python-dotenv==0.19.1
+gunicorn==20.1.0

templates/index.html

@@ -0,0 +1,143 @@
+<!-- templates/index.html -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Plant Disease Detector</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .hero-section {
+            background-color: #28a745;
+            color: white;
+            padding: 3rem 0;
+            margin-bottom: 2rem;
+        }
+        .upload-container {
+            background-color: white;
+            border-radius: 10px;
+            padding: 2rem;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .instructions {
+            background-color: #e9f7ef;
+            border-left: 4px solid #28a745;
+            padding: 1rem;
+            margin-bottom: 1.5rem;
+        }
+        .preview-container {
+            max-width: 300px;
+            max-height: 300px;
+            overflow: hidden;
+            margin: 0 auto;
+            border: 2px dashed #dee2e6;
+            border-radius: 5px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        #imagePreview {
+            max-width: 100%;
+            max-height: 100%;
+            display: none;
+        }
+    </style>
+</head>
+<body>
+    <div class="hero-section">
+        <div class="container text-center">
+            <h1 class="display-4">Plant Disease & Pest Detector</h1>
+            <p class="lead">Upload an image of your plant to detect diseases and pests</p>
+        </div>
+    </div>
+
+    <div class="container mb-5">
+        {% with messages = get_flashed_messages() %}
+            {% if messages %}
+                {% for message in messages %}
+                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
+                        {{ message }}
+                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                    </div>
+                {% endfor %}
+            {% endif %}
+        {% endwith %}
+
+        <div class="row justify-content-center">
+            <div class="col-md-8">
+                <div class="upload-container">
+                    <div class="instructions">
+                        <h5>How to use:</h5>
+                        <ol>
+                            <li>Select an image of your plant (preferably showing affected areas)</li>
+                            <li>Enter the name of the plant (e.g., Tomato, Rice, Potato)</li>
+                            <li>Click "Analyze Plant" to detect diseases or pests</li>
+                        </ol>
+                    </div>
+
+                    <form action="/analyze" method="post" enctype="multipart/form-data">
+                        <div class="mb-4">
+                            <div class="preview-container mb-3">
+                                <img id="imagePreview" src="#" alt="Image Preview">
+                                <span id="previewPlaceholder">Image preview will appear here</span>
+                            </div>
+                            <label for="plant_image" class="form-label">Upload Plant Image</label>
+                            <input class="form-control" type="file" id="plant_image" name="plant_image" accept="image/*" required onchange="previewImage(event)">
+                        </div>
+                        
+                        <div class="mb-4">
+                            <label for="plant_name" class="form-label">Plant Name</label>
+                            <input type="text" class="form-control" id="plant_name" name="plant_name" placeholder="e.g., Tomato, Rice, Potato" required>
+                        </div>
+                        
+                        <div class="mb-4">
+                            <label for="language" class="form-label">Response Language</label>
+                            <select class="form-control" id="language" name="language" required>
+                                <option value="English">English</option>
+                                <option value="Hindi">Hindi</option>
+                                <option value="Bengali">Bengali</option>
+                                <option value="Telugu">Telugu</option>
+                                <option value="Marathi">Marathi</option>
+                                <option value="Tamil">Tamil</option>
+                                <option value="Gujarati">Gujarati</option>
+                                <option value="Urdu">Urdu</option>
+                                <option value="Kannada">Kannada</option>
+                                <option value="Odia">Odia</option>
+                                <option value="Malayalam">Malayalam</option>
+                            </select>
+                        </div>                                                
+                        
+                        <div class="d-grid">
+                            <button type="submit" class="btn btn-success btn-lg">Analyze Plant</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <footer class="bg-dark text-white text-center py-3">
+        <div class="container">
+            <p class="mb-0">Plant Disease Detector &copy; 2025 | Powered by Gemini AI</p>
+        </div>
+    </footer>
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        function previewImage(event) {
+            var reader = new FileReader();
+            reader.onload = function() {
+                var output = document.getElementById('imagePreview');
+                output.src = reader.result;
+                output.style.display = 'block';
+                document.getElementById('previewPlaceholder').style.display = 'none';
+            };
+            reader.readAsDataURL(event.target.files[0]);
+        }
+    </script>
+</body>
+</html>

templates/results.html

@@ -0,0 +1,339 @@
+<!-- templates/results.html -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Plant Analysis Results</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .header-section {
+            background-color: #28a745;
+            color: white;
+            padding: 2rem 0;
+            margin-bottom: 2rem;
+        }
+        .result-container {
+            background-color: white;
+            border-radius: 10px;
+            padding: 2rem;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+            margin-bottom: 2rem;
+        }
+        .image-container {
+            text-align: center;
+            margin-bottom: 2rem;
+        }
+        .image-container img {
+            max-height: 400px;
+            max-width: 100%;
+            border-radius: 8px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        }
+        .result-card {
+            border-left: 4px solid;
+            margin-bottom: 1.5rem;
+            padding: 1rem;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+        }
+        .healthy {
+            background-color: #d4edda;
+            border-left-color: #28a745;
+        }
+        .severity-low {
+            background-color: #e7f5e9;
+            border-left-color: #3cb371;
+        }
+        .severity-medium {
+            background-color: #fff3cd;
+            border-left-color: #ffc107;
+        }
+        .severity-high {
+            background-color: #f8d7da;
+            border-left-color: #dc3545;
+        }
+        .info-row {
+            display: flex;
+            margin-bottom: 0.5rem;
+        }
+        .info-label {
+            font-weight: bold;
+            width: 120px;
+            flex-shrink: 0;
+        }
+        .info-content {
+            flex-grow: 1;
+        }
+        .probability-bar {
+            height: 8px;
+            background-color: #e9ecef;
+            border-radius: 4px;
+            margin-top: 5px;
+            overflow: hidden;
+        }
+        .probability-fill {
+            height: 100%;
+            border-radius: 4px;
+            background-color: #28a745;
+        }
+        .product-card {
+            height: 100%;
+            transition: transform 0.3s;
+        }
+        .product-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+        }
+        .info-source {
+            font-size: 0.8rem;
+            color: #6c757d;
+            margin-top: 0.5rem;
+        }
+        .resource-badge {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            font-size: 0.7rem;
+        }
+    </style>
+</head>
+<body>
+    <div class="header-section">
+        <div class="container text-center">
+            <h1 class="display-5">Plant Analysis Results</h1>
+            <p class="lead">Analysis for {{ plant_name }}</p>
+            
+        </div>
+    </div>
+
+    <div class="container mb-5">
+        <div class="row">
+            <div class="col-md-4">
+                <div class="image-container">
+                    <img src="{{ url_for('static', filename=image_path) }}" alt="{{ plant_name }} Image" class="img-fluid">
+                    <div class="mt-3">
+                        <h5>{{ plant_name }}</h5>
+                        {% if results.is_healthy %}
+                            <span class="badge bg-success">Healthy</span>
+                        {% else %}
+                            <span class="badge bg-warning">Issues Detected</span>
+                        {% endif %}
+                    </div>
+                </div>
+                
+                <div class="result-container">
+                    <h4>Analysis Summary</h4>
+                    <div class="info-row">
+                        <div class="info-label">Plant:</div>
+                        <div class="info-content">{{ plant_name }}</div>
+                    </div>
+                    <div class="info-row">
+                        <div class="info-label">Status:</div>
+                        <div class="info-content">
+                            {% if results.is_healthy %}
+                                <span class="text-success">Healthy</span>
+                            {% else %}
+                                <span class="text-warning">Issues Detected</span>
+                            {% endif %}
+                        </div>
+                    </div>
+                    {% if results.confidence %}
+                    <div class="info-row">
+                        <div class="info-label">Confidence:</div>
+                        <div class="info-content">{{ results.confidence }}</div>
+                    </div>
+                    {% endif %}
+                    
+                    <div class="d-grid gap-2 mt-4">
+                        <a href="{{ url_for('index') }}" class="btn btn-primary">Analyze Another Plant</a>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="col-md-8">
+                {% if results.is_healthy %}
+                    <div class="result-container healthy">
+                        <h3 class="text-success">Good News!</h3>
+                        <p class="lead">Your {{ plant_name }} plant appears to be healthy. Continue with your current care practices.</p>
+                        
+                        <h5 class="mt-4">Recommendations:</h5>
+                        <ul>
+                            <li>Maintain regular watering schedule</li>
+                            <li>Continue with balanced fertilization</li>
+                            <li>Monitor for any changes in appearance</li>
+                            <li>Ensure proper sunlight exposure</li>
+                            <li>Practice preventive measures against common pests and diseases</li>
+                        </ul>
+                    </div>
+                {% elif results.results %}
+                    <div class="result-container">
+                        <h3>Detected Issues</h3>
+                        <p>Here are the potential issues detected in your {{ plant_name }} plant:</p>
+                        
+                        {% for result in results.results %}
+                            <div class="result-card severity-{{ result.severity|lower }}">
+                                <div class="d-flex justify-content-between align-items-center mb-2">
+                                    <h4>{{ loop.index }}. {{ result.name }}</h4>
+                                    <div>
+                                        <span class="badge bg-info me-2">{{ result.type }}</span>
+                                        <span class="badge {% if result.severity|lower == 'low' %}bg-success{% elif result.severity|lower == 'medium' %}bg-warning{% else %}bg-danger{% endif %}">
+                                            {{ result.severity }} Severity
+                                        </span>
+                                    </div>
+                                </div>
+                                
+                                <div class="info-row">
+                                    <div class="info-label">Probability:</div>
+                                    <div class="info-content">
+                                        {{ result.probability }}
+                                        <div class="probability-bar">
+                                            {% set prob_value = result.probability|replace('%', '')|float %}
+                                            <div class="probability-fill" style="width: {{ prob_value }}%;"></div>
+                                        </div>
+                                    </div>
+                                </div>
+                                
+                                <div class="info-row">
+                                    <div class="info-label">Symptoms:</div>
+                                    <div class="info-content">{{ result.symptoms }}</div>
+                                </div>
+                                
+                                <div class="info-row">
+                                    <div class="info-label">Causes:</div>
+                                    <div class="info-content">{{ result.causes }}</div>
+                                </div>
+                                
+                                <div class="info-row">
+                                    <div class="info-label">Spreading:</div>
+                                    <div class="info-content">{{ result.spreading }}</div>
+                                </div>
+                                
+                                <div class="mt-3">
+                                    <h5>Treatment:</h5>
+                                    <p>{{ result.treatment }}</p>
+                                </div>
+                                
+                                <div class="mt-3">
+                                    <h5>Prevention:</h5>
+                                    <p>{{ result.prevention }}</p>
+                                </div>
+                                
+                                {% if web_info and result.name in web_info and web_info[result.name] %}
+                                <div class="mt-4">
+                                    <h5>Additional Information:</h5>
+                                    <div class="card">
+                                        <div class="card-body">
+                                            <h6 class="card-title">{{ web_info[result.name].title }}</h6>
+                                            <p class="card-text">{{ web_info[result.name].summary }}</p>
+                                            <div class="d-flex justify-content-between">
+                                                <a href="{{ web_info[result.name].link }}" class="btn btn-sm btn-outline-success" target="_blank">Read More</a>
+                                                <span class="info-source">Source: Agrowon</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                {% endif %}
+
+                                {% if product_info and result.name in product_info and product_info[result.name] %}
+                                <div class="mt-4">
+                                    <h5>Recommended Products:</h5>
+                                    <div class="row">
+                                        {% for product in product_info[result.name][:2] %}
+                                        <div class="col-md-6 mb-2">
+                                            <div class="card product-card">
+                                                <div class="card-body">
+                                                    <span class="badge bg-secondary resource-badge">
+                                                        {% if 'indiamart' in product.link %}IndiaMart{% else %}Krishi Seva{% endif %}
+                                                    </span>
+                                                    <h6 class="card-title" style="font-size: 0.9rem;">{{ product.title }}</h6>
+                                                    <p class="card-text small">{{ product.snippet[:100] }}{% if product.snippet|length > 100 %}...{% endif %}</p>
+                                                    <a href="{{ product.link }}" class="btn btn-sm btn-outline-primary" target="_blank">View Product</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        {% endfor %}
+                                    </div>
+                                    {% if product_info[result.name]|length > 2 %}
+                                    <div class="text-center mt-2">
+                                        <button class="btn btn-sm btn-link" type="button" data-bs-toggle="collapse" data-bs-target="#moreProducts{{ loop.index }}" aria-expanded="false">
+                                            Show more products <i class="bi bi-chevron-down"></i>
+                                        </button>
+                                        <div class="collapse" id="moreProducts{{ loop.index }}">
+                                            <div class="row mt-2">
+                                                {% for product in product_info[result.name][2:] %}
+                                                <div class="col-md-6 mb-2">
+                                                    <div class="card product-card">
+                                                        <div class="card-body">
+                                                            <span class="badge bg-secondary resource-badge">
+                                                                {% if 'indiamart' in product.link %}IndiaMart{% else %}Krishi Seva{% endif %}
+                                                            </span>
+                                                            <h6 class="card-title" style="font-size: 0.9rem;">{{ product.title }}</h6>
+                                                            <p class="card-text small">{{ product.snippet[:100] }}{% if product.snippet|length > 100 %}...{% endif %}</p>
+                                                            <a href="{{ product.link }}" class="btn btn-sm btn-outline-primary" target="_blank">View Product</a>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                {% endfor %}
+                                            </div>
+                                        </div>
+                                    </div>
+                                    {% endif %}
+                                </div>
+                                {% endif %}
+                            </div>
+                        {% endfor %}
+                        
+                        <div class="mt-4 alert alert-info">
+                            <h5 class="alert-heading">Disclaimer</h5>
+                            <p>The product recommendations are provided for informational purposes only. Always consult with a local agricultural expert for specific recommendations suited to your region and conditions.</p>
+                        </div>
+                        <div class="container mb-5">
+                            <div class="result-container">
+                                <h4>Send us your Feedback</h4>
+                                <p>We would love to hear your thoughts on the analysis.</p>
+                                <form action="/feedback" method="post">
+                                    <!-- Include plant name so feedback is context aware -->
+                                    <input type="hidden" name="plant_name" value="{{ plant_name }}">
+                                    <div class="mb-3">
+                                        <textarea class="form-control" name="feedback" rows="4" placeholder="Your feedback here..." required></textarea>
+                                    </div>
+                                    <button type="submit" class="btn btn-primary">Submit Feedback</button>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                {% else %}
+                    <div class="result-container">
+                        <div class="alert alert-warning">
+                            <h4 class="alert-heading">Analysis Inconclusive</h4>
+                            <p>We couldn't determine with certainty whether your plant has issues. This could be due to:</p>
+                            <ul>
+                                <li>Image quality or lighting issues</li>
+                                <li>Early stage symptoms that aren't clearly visible</li>
+                                <li>A rare condition not in our database</li>
+                            </ul>
+                            <hr>
+                            <p class="mb-0">Try uploading a clearer image or one that shows the affected areas more directly.</p>
+                        </div>
+                    </div>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+
+    <footer class="bg-dark text-white text-center py-3">
+        <div class="container">
+            <p class="mb-0">Plant Disease Detector &copy; 2025 | Powered by Gemini AI</p>
+        </div>
+    </footer>    
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Add Bootstrap Icons for the dropdown arrows -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
+</body>
+</html>