Upload 4 files

app.py

@@ -0,0 +1,151 @@
+from flask import Flask, render_template, request, jsonify
+import requests
+import google.generativeai as genai
+import os
+import json
+
+app = Flask(__name__)
+
+# Mapping of SoilGrids parameter codes
+PARAM_MAP = {
+    "bdod": "Bulk Density", "cec": "Cation Exchange Capacity", "cfvo": "Coarse Fragment Volume",
+    "clay": "Clay Content", "nitrogen": "Nitrogen Content", "ocd": "Organic Carbon Density",
+    "ocs": "Organic Carbon Stock", "phh2o": "Soil pH", "sand": "Sand Content",
+    "silt": "Silt Content", "soc": "Soil Organic Carbon", "wv0010": "Water Content (0-10cm)",
+    "wv0033": "Water Content (0-33cm)", "wv1500": "Water Content (1500mm)"
+}
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@app.route('/get_soil_report', methods=['POST'])
+def get_soil_report():
+    data = request.get_json()
+    lat, lon = data.get("lat"), data.get("lon")
+    if not lat or not lon:
+        return jsonify({"error": "Latitude and Longitude are required"}), 400
+
+    headers = {"accept": "application/json"}
+    
+    # Fetch Soil Classification
+    try:
+        class_response = requests.get(
+            "https://rest.isric.org/soilgrids/v2.0/classification/query",
+            params={"lon": lon, "lat": lat, "number_classes": 5},
+            headers=headers, timeout=15
+        )
+        class_response.raise_for_status()
+        class_data = class_response.json()
+    except requests.exceptions.RequestException as e:
+        return jsonify({"error": f"Failed to fetch soil classification: {e}"}), 500
+
+    soil_classification = {
+        "soil_type": class_data.get("wrb_class_name", "Unknown"),
+        "probabilities": class_data.get("wrb_class_probability", [])
+    }
+
+    # Fetch Soil Properties
+    try:
+        prop_response = requests.get(
+            "https://rest.isric.org/soilgrids/v2.0/properties/query",
+            params={
+                "lon": lon, "lat": lat,
+                "property": list(PARAM_MAP.keys()),
+                "depth": "5-15cm", "value": "mean"
+            },
+            headers=headers, timeout=15
+        )
+        prop_response.raise_for_status()
+        prop_data = prop_response.json()
+    except requests.exceptions.RequestException as e:
+        return jsonify({"error": f"Failed to fetch soil properties: {e}"}), 500
+
+    properties_list = []
+    layers = prop_data.get("properties", {}).get("layers", [])
+    for layer in layers:
+        param_code = layer.get("name")
+        name = PARAM_MAP.get(param_code, param_code.upper())
+        depth_info = layer.get("depths", [{}])[0]
+        value = depth_info.get("values", {}).get("mean")
+        unit = layer.get("unit_measure", {}).get("mapped_units", "")
+
+        if value is not None:
+            if param_code == "phh2o":
+                value /= 10.0
+                unit = "pH"
+            elif param_code in ["wv0010", "wv0033", "wv1500"]:
+                 value /= 100.0
+                 unit = "cm³/cm³"
+
+        properties_list.append({"parameter": name, "value": value, "unit": unit})
+
+    return jsonify({"classification": soil_classification, "properties": properties_list})
+
+@app.route('/analyze_soil', methods=['POST'])
+def analyze_soil():
+    api_key = os.getenv("GEMINI_API")
+    if not api_key:
+        error_msg = "API key not configured. The server administrator must set the GEMINI_API environment variable."
+        return jsonify({"error": error_msg}), 500
+
+    data = request.get_json()
+    soil_report = data.get("soil_report")
+    language = data.get("language", "English")
+    
+    if not soil_report:
+        return jsonify({"error": "Soil report data is missing"}), 400
+
+    prompt = f"""
+    Analyze the following soil report and provide recommendations.
+    The response MUST be a single, valid JSON object, without any markdown formatting or surrounding text.
+    The user wants the analysis in this language: {language}.
+    Soil Report Data: {json.dumps(soil_report, indent=2)}
+    JSON Structure to follow:
+    {{
+      "soilType": "The primary soil type from the report",
+      "generalInsights": ["Insight 1", "Insight 2", "Insight 3"],
+      "parameters": [{{"parameter": "Parameter Name", "value": "Value with Unit", "range": "Low/Normal/High", "comment": "Brief comment."}}],
+      "cropRecommendations": [{{"crop": "Crop Name", "reason": "Brief reason."}}],
+      "managementRecommendations": {{"fertilization": "Recommendation.", "irrigation": "Recommendation."}}
+    }}
+    """
+
+    try:
+        genai.configure(api_key=api_key)
+        
+        # --- NEW: Fallback Logic Implementation ---
+        models_to_try = ['gemini-2.5-flash', 'gemini-2.0-flash', 'gemini-1.5-flash']
+        analysis_json = None
+        last_error = None
+
+        for model_name in models_to_try:
+            try:
+                print(f"Attempting to use model: {model_name}")
+                model = genai.GenerativeModel(model_name)
+                response = model.generate_content(prompt)
+                
+                cleaned_response = response.text.strip().replace("```json", "").replace("```", "")
+                analysis_json = json.loads(cleaned_response)
+                
+                print(f"Successfully generated content with {model_name}")
+                break  # Exit the loop on success
+            
+            except Exception as e:
+                print(f"Model {model_name} failed: {e}")
+                last_error = e
+                continue # Try the next model in the list
+
+        if not analysis_json:
+            # This block is reached only if all models in the loop failed.
+            raise Exception("All specified AI models failed to generate a response.") from last_error
+
+        return jsonify(analysis_json)
+
+    except Exception as e:
+        # This catches the final error if all models fail, or any other setup error.
+        print(f"Error during Gemini API processing: {e}")
+        return jsonify({"error": f"Failed to get analysis from AI models: {e}"}), 500
+
+if __name__ == '__main__':
+    app.run(debug=True, port=7860)

requirements.txt

@@ -0,0 +1,9 @@
+gunicorn
+flask
+scikit-learn==1.5.2
+tensorflow==2.17.0
+numpy
+requests
+pillow
+pandas
+joblib==1.4.2

templates/index.html

@@ -0,0 +1,262 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Soil Analysis Dashboard</title>
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Leaflet CSS -->
+    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
+    <style>
+        body { background-color: #f4f8f4; }
+        .navbar-brand { font-weight: bold; }
+        #map { height: 400px; border-radius: 0.5rem; border: 1px solid #ddd; }
+        .card { border: 1px solid #28a745; }
+        .btn-success { background-color: #28a745; border-color: #28a745; }
+        .btn-success:hover { background-color: #218838; border-color: #1e7e34; }
+        .loader { display: none; }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-dark bg-success">
+        <div class="container-fluid">
+            <span class="navbar-brand mb-0 h1 mx-auto">🌱 Soil Analysis Dashboard</span>
+        </div>
+    </nav>
+
+    <div class="container my-4">
+        <!-- Step 1: Location -->
+        <div class="card mb-4">
+            <div class="card-header fw-bold">Step 1: Select Location</div>
+            <div class="card-body">
+                <div class="row">
+                    <div class="col-lg-8 mb-3 mb-lg-0">
+                        <div id="map"></div>
+                    </div>
+                    <div class="col-lg-4">
+                        <div class="mb-3">
+                            <label for="lat" class="form-label">Latitude</label>
+                            <input type="text" id="lat" class="form-control" placeholder="Click map or enter manually">
+                        </div>
+                        <div class="mb-3">
+                            <label for="lon" class="form-label">Longitude</label>
+                            <input type="text" id="lon" class="form-control" placeholder="Click map or enter manually">
+                        </div>
+                        <button id="current-location" class="btn btn-secondary w-100 mb-2">Use Current Location</button>
+                        <button id="fetch-report" class="btn btn-success w-100">
+                            <span class="spinner-border spinner-border-sm loader" role="status" aria-hidden="true"></span>
+                            Fetch Soil Report
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Alert for errors -->
+        <div id="alert-container" class="mt-3"></div>
+
+        <!-- Step 2: Soil Report (Initially Hidden) -->
+        <div id="soil-report-section" class="d-none">
+            <div class="card mb-4">
+                <div class="card-header fw-bold">Step 2: Soil Report</div>
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-md-6" id="classification-report"></div>
+                        <div class="col-md-6" id="properties-report"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        
+        <!-- Step 3: Analysis (Initially Hidden) -->
+        <div id="analysis-section" class="d-none">
+             <div class="card mb-4">
+                <div class="card-header fw-bold">Step 3: AI Analysis & Recommendations</div>
+                <div class="card-body">
+                    <div class="row align-items-end">
+                        <div class="col-md-8 mb-3 mb-md-0">
+                            <label for="language" class="form-label">Response Language</label>
+                            <select class="form-select" id="language">
+                                <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="col-md-4">
+                            <button id="analyze-soil" class="btn btn-success w-100">
+                                <span class="spinner-border spinner-border-sm loader" role="status" aria-hidden="true"></span>
+                                Analyze with AI
+                            </button>
+                        </div>
+                    </div>
+                    <hr>
+                    <div id="analysis-result"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Bootstrap & Leaflet JS -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
+    <script>
+        // --- Global State ---
+        let soilReportData = null;
+        let map, marker;
+
+        // --- UI Helper Functions ---
+        const showAlert = (message, type = 'danger') => {
+            const alertContainer = document.getElementById('alert-container');
+            alertContainer.innerHTML = `<div class="alert alert-${type} alert-dismissible fade show" role="alert">
+                                            ${message}
+                                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                                        </div>`;
+        };
+
+        const toggleLoader = (buttonId, show) => {
+            const button = document.getElementById(buttonId);
+            const loader = button.querySelector('.loader');
+            button.disabled = show;
+            loader.style.display = show ? 'inline-block' : 'none';
+        };
+
+        // --- Map Initialization ---
+        const initializeMap = () => {
+            map = L.map('map').setView([20.5937, 78.9629], 5);
+            L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+                attribution: '&copy; OpenStreetMap contributors'
+            }).addTo(map);
+
+            map.on('click', e => {
+                const { lat, lng } = e.latlng;
+                document.getElementById('lat').value = lat.toFixed(6);
+                document.getElementById('lon').value = lng.toFixed(6);
+                if (marker) marker.setLatLng(e.latlng);
+                else marker = L.marker(e.latlng).addTo(map);
+            });
+        };
+
+        // --- Event Listeners ---
+        document.getElementById('current-location').addEventListener('click', () => {
+             if (navigator.geolocation) {
+                navigator.geolocation.getCurrentPosition(pos => {
+                    const { latitude, longitude } = pos.coords;
+                    document.getElementById('lat').value = latitude.toFixed(6);
+                    document.getElementById('lon').value = longitude.toFixed(6);
+                    const latlng = L.latLng(latitude, longitude);
+                    map.setView(latlng, 13);
+                    if (marker) marker.setLatLng(latlng);
+                    else marker = L.marker(latlng).addTo(map);
+                }, () => showAlert('Could not get your location.'));
+            } else {
+                showAlert('Geolocation is not supported by your browser.');
+            }
+        });
+
+        document.getElementById('fetch-report').addEventListener('click', () => {
+            const lat = document.getElementById('lat').value;
+            const lon = document.getElementById('lon').value;
+            if (!lat || !lon) return showAlert('Please provide latitude and longitude.');
+
+            toggleLoader('fetch-report', true);
+            fetch('/get_soil_report', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ lat, lon })
+            })
+            .then(response => response.json().then(data => ({ ok: response.ok, data })))
+            .then(({ ok, data }) => {
+                if (!ok) throw new Error(data.error || 'Unknown error occurred.');
+                soilReportData = data;
+                renderSoilReport(data);
+                document.getElementById('soil-report-section').classList.remove('d-none');
+                document.getElementById('analysis-section').classList.remove('d-none');
+            })
+            .catch(err => showAlert(`Error fetching soil report: ${err.message}`))
+            .finally(() => toggleLoader('fetch-report', false));
+        });
+
+        document.getElementById('analyze-soil').addEventListener('click', () => {
+            if (!soilReportData) return showAlert('Please fetch a soil report first.');
+
+            toggleLoader('analyze-soil', true);
+            document.getElementById('analysis-result').innerHTML = '';
+
+            // The Authorization header is no longer sent from the frontend
+            fetch('/analyze_soil', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    soil_report: soilReportData,
+                    language: document.getElementById('language').value
+                })
+            })
+            .then(response => response.json().then(data => ({ ok: response.ok, data })))
+            .then(({ ok, data }) => {
+                if (!ok) throw new Error(data.error || 'Failed to get analysis.');
+                renderAnalysis(data);
+            })
+            .catch(err => showAlert(`Error during analysis: ${err.message}`))
+            .finally(() => toggleLoader('analyze-soil', false));
+        });
+        
+        // --- Rendering Functions (No change here) ---
+        const renderSoilReport = (data) => {
+            let classHtml = `<h5>Soil Classification</h5><p><strong>Type:</strong> ${data.classification.soil_type}</p>`;
+            if (data.classification.probabilities.length) {
+                classHtml += `<table class="table table-sm table-bordered"><thead><tr><th>Type</th><th>Probability</th></tr></thead><tbody>`;
+                data.classification.probabilities.forEach(([type, prob]) => {
+                    classHtml += `<tr><td>${type}</td><td>${prob}%</td></tr>`;
+                });
+                classHtml += `</tbody></table>`;
+            }
+            document.getElementById('classification-report').innerHTML = classHtml;
+
+            let propHtml = `<h5>Soil Properties (5-15cm)</h5><table class="table table-sm table-striped"><thead><tr><th>Parameter</th><th>Value</th></tr></thead><tbody>`;
+            data.properties.forEach(({ parameter, value, unit }) => {
+                const displayValue = (typeof value === 'number') ? `${value.toFixed(2)} ${unit}` : 'N/A';
+                propHtml += `<tr><td>${parameter}</td><td>${displayValue}</td></tr>`;
+            });
+            propHtml += `</tbody></table>`;
+            document.getElementById('properties-report').innerHTML = propHtml;
+        };
+        
+        const renderAnalysis = (data) => {
+            let analysisHtml = `
+                <div class="mb-4">
+                    <h4 class="text-success">${data.soilType}</h4>
+                    <ul class="list-unstyled">
+                        ${data.generalInsights.map(insight => `<li>- ${insight}</li>`).join('')}
+                    </ul>
+                </div>
+
+                <h5 class="mt-4">Parameter Analysis</h5>
+                <table class="table table-bordered">
+                    <thead class="table-light"><tr><th>Parameter</th><th>Value</th><th>Range</th><th>Comment</th></tr></thead>
+                    <tbody>
+                        ${data.parameters.map(p => `<tr><td>${p.parameter}</td><td>${p.value}</td><td>${p.range}</td><td>${p.comment}</td></tr>`).join('')}
+                    </tbody>
+                </table>
+
+                <h5 class="mt-4">Crop Recommendations</h5>
+                <table class="table table-striped">
+                     <thead class="table-light"><tr><th>Crop</th><th>Reason</th></tr></thead>
+                     <tbody>
+                        ${data.cropRecommendations.map(c => `<tr><td>${c.crop}</td><td>${c.reason}</td></tr>`).join('')}
+                     </tbody>
+                </table>
+                
+                <h5 class="mt-4">Management Recommendations</h5>
+                <p><strong>Fertilization:</strong> ${data.managementRecommendations.fertilization}</p>
+                <p><strong>Irrigation:</strong> ${data.managementRecommendations.irrigation}</p>
+            `;
+            document.getElementById('analysis-result').innerHTML = analysisHtml;
+        };
+
+        // --- Initialize App ---
+        document.addEventListener('DOMContentLoaded', initializeMap);
+    </script>
+</body>
+</html>

templates/predict.html

@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pump Prediction</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+    <style>
+        body { background-color: #f4f8f4; }
+        .card { border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
+        .card-header { background-color: #28a745; color: white; font-weight: bold; text-align: center; font-size: 1.5rem; }
+        .status-card { text-align: center; }
+        .status-label { font-size: 1.2rem; color: #555; }
+        .status-text { font-size: 2rem; font-weight: bold; padding: 10px 20px; border-radius: 8px; display: inline-block; transition: all 0.3s ease; }
+        .status-text.on { color: #28a745; background-color: #e9f5e9; border: 2px solid #28a745; }
+        .status-text.off { color: #dc3545; background-color: #f8d7da; border: 2px solid #dc3545; }
+        .chart-container { width: 100%; height: 400px; }
+    </style>
+</head>
+<body>
+    <div class="container my-4">
+        <div class="card">
+            <div class="card-header">Live Irrigation Status</div>
+            <div class="card-body">
+                <div class="row text-center mb-4">
+                    <div class="col-md-6">
+                        <div class="status-label">Current Pump Status</div>
+                        <div id="pumpStatus" class="status-text off">Loading...</div>
+                    </div>
+                    <div class="col-md-6 mt-3 mt-md-0">
+                        <div class="status-label">Time Elapsed</div>
+                        <div id="time-counter" class="status-text" style="color: #5a2d0c; background-color: #f0e6e0; border-color: #5a2d0c;">0 seconds</div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-lg-6 mb-4">
+                        <div class="card h-100">
+                            <div class="card-body">
+                                <div id="gauge" class="chart-container"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 mb-4">
+                         <div class="card h-100">
+                            <div class="card-body">
+                                <div id="graph1" class="chart-container"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 mb-4">
+                         <div class="card h-100">
+                            <div class="card-body">
+                                <div id="graph2" class="chart-container"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 mb-4">
+                        <div class="card h-100">
+                           <div class="card-body">
+                               <div id="graph3" class="chart-container"></div>
+                           </div>
+                       </div>
+                   </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        let alertSound; // Will be initialized after user interaction
+
+        function initializeAudio() {
+            if (!alertSound) {
+                alertSound = new Audio('{{ url_for("static", filename="alarn_tune.mp3") }}');
+                console.log("Audio initialized.");
+            }
+        }
+        document.body.addEventListener('click', initializeAudio, { once: true });
+
+        function fetchPumpStatus() {
+            fetch('/update_pump_status')
+                .then(response => response.json())
+                .then(data => {
+                    const statusElement = document.getElementById('pumpStatus');
+                    const newStatus = data.pump_status;
+                    const oldStatus = statusElement.innerText;
+                    
+                    statusElement.innerText = newStatus;
+                    statusElement.className = 'status-text ' + (newStatus === 'On' ? 'on' : 'off');
+
+                    if (newStatus === 'Off' && oldStatus === 'On' && alertSound) {
+                        alertSound.play().catch(e => console.error("Audio play failed:", e));
+                    }
+                });
+        }
+
+        function fetchGraphData() {
+            fetch('/update_graph')
+                .then(response => response.json())
+                .then(data => {
+                    if (data.length === 0) return;
+
+                    const time = data.map((_, i) => i * 2); // Assuming 2 second intervals
+                    const soilMoisture = data.map(entry => entry[0]);
+                    const pumpStatus = data.map(entry => entry[1]);
+                    const currentSoilMoisture = soilMoisture[soilMoisture.length - 1];
+
+                    // Responsive layout for all plots
+                    const responsiveLayout = { margin: { t: 40, b: 50, l: 50, r: 20 }, autosize: true };
+
+                    Plotly.react('gauge', getGaugeData(currentSoilMoisture), { ...responsiveLayout, title: 'Soil Moisture' });
+                    Plotly.react('graph1', getPumpStatusData(time, pumpStatus), { ...responsiveLayout, title: 'Pump Status vs. Time', yaxis: { tickvals: [-1, 1], ticktext: ['Off', 'On'], range: [-1.5, 1.5] }});
+                    Plotly.react('graph2', getSoilMoistureData(time, soilMoisture), { ...responsiveLayout, title: 'Soil Moisture vs. Time' });
+                    Plotly.react('graph3', getMoistureVsStatusData(soilMoisture, pumpStatus), { ...responsiveLayout, title: 'Pump Status vs. Soil Moisture', yaxis: { tickvals: [-1, 1], ticktext: ['Off', 'On'], range: [-1.5, 1.5] }});
+                });
+        }
+
+        // --- Chart Data Functions ---
+        const getGaugeData = value => [{ type: "indicator", mode: "gauge+number", value: value, gauge: { axis: { range: [0, 100] }, steps: [{ range: [0, 30], color: "#ea4335" },{ range: [30, 60], color: "#fbbc05" },{ range: [60, 100], color: "#34a853" }]}}];
+        const getPumpStatusData = (x, y) => [{ x, y, mode: 'lines+markers', type: 'scatter', line: { color: '#4285f4' } }];
+        const getSoilMoistureData = (x, y) => [{ x, y, mode: 'lines+markers', type: 'scatter', line: { color: '#34a853' } }];
+        const getMoistureVsStatusData = (x, y) => [{ x, y, mode: 'lines', type: 'scatter', line: { color: '#ea4335' } }];
+
+        let timeCounter = 0;
+        setInterval(() => { document.getElementById('time-counter').innerText = `${++timeCounter} seconds`; }, 1000);
+        setInterval(fetchPumpStatus, 2000);
+        setInterval(fetchGraphData, 2000);
+    </script>
+</body>
+</html>