Upload 5 files

Dockerfile

@@ -0,0 +1,17 @@
+# Base image
+FROM python:3.9-slim
+
+# Set the working directory
+WORKDIR /app
+
+# Copy application files
+COPY . /app
+
+# Install dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Expose the port your app runs on
+EXPOSE 7860
+
+# Command to run the application
+CMD ["gunicorn", "-w", "4", "-b", "0.0.0.0:7860", "app:app"]

app.py

@@ -0,0 +1,585 @@
+from flask import Flask, render_template, request, Response
+import requests
+import datetime
+from twilio.rest import Client  # For Twilio integration
+from geopy.geocoders import Photon
+from geopy.exc import GeocoderTimedOut, GeocoderServiceError
+from transformers import pipeline
+import warnings
+
+# Suppress warnings
+warnings.filterwarnings('ignore')
+
+app = Flask(__name__)
+
+# Initialize Photon geocoder (no API key required)
+photon_geolocator = Photon(user_agent="MyWeatherApp", timeout=10)
+
+# Initialize LLM for personalized recommendations
+print("Loading LLM model for personalized recommendations...")
+try:
+    llm_generator = pipeline(
+        "text-generation",
+        model="distilgpt2",  # Lightweight model
+        max_length=200,
+        device=-1  # CPU
+    )
+    print("✅ LLM model loaded successfully!")
+except Exception as e:
+    print(f"⚠️ LLM model loading failed: {e}")
+    llm_generator = None
+
+def parse_iso_datetime(timestr):
+    """
+    Parse an ISO8601 datetime string (removing any trailing 'Z').
+    """
+    if timestr.endswith("Z"):
+        timestr = timestr[:-1]
+    return datetime.datetime.fromisoformat(timestr)
+
+def find_closest_hour_index(hour_times, current_time_str):
+    """
+    Find the index in hour_times that is closest to the current_time_str.
+    """
+    if not hour_times:
+        return None
+    dt_current = parse_iso_datetime(current_time_str)
+    min_diff = None
+    best_index = None
+    for i, ht in enumerate(hour_times):
+        dt_ht = parse_iso_datetime(ht)
+        diff = abs((dt_ht - dt_current).total_seconds())
+        if min_diff is None or diff < min_diff:
+            min_diff = diff
+            best_index = i
+    return best_index
+
+def get_weather_icon(code):
+    """Map the Open-Meteo weathercode to an emoji icon."""
+    if code == 0:
+        return "☀️"  # Clear sky
+    elif code in [1, 2, 3]:
+        return "⛅"
+    elif code in [45, 48]:
+        return "🌫️"
+    elif code in [51, 53, 55]:
+        return "🌦️"
+    elif code in [56, 57]:
+        return "🌧️"
+    elif code in [61, 63, 65]:
+        return "🌧️"
+    elif code in [66, 67]:
+        return "🌧️"
+    elif code in [71, 73, 75, 77]:
+        return "❄️"
+    elif code in [80, 81, 82]:
+        return "🌦️"
+    elif code in [85, 86]:
+        return "❄️"
+    elif code in [95, 96, 99]:
+        return "⛈️"
+    else:
+        return "❓"
+
+def get_weather_description(code):
+    """Short textual description for the weathercode."""
+    descriptions = {
+        0: "Clear sky",
+        1: "Mainly clear",
+        2: "Partly cloudy",
+        3: "Overcast",
+        45: "Fog",
+        48: "Depositing rime fog",
+        51: "Light drizzle",
+        53: "Moderate drizzle",
+        55: "Dense drizzle",
+        56: "Freezing drizzle",
+        57: "Freezing drizzle",
+        61: "Slight rain",
+        63: "Moderate rain",
+        65: "Heavy rain",
+        66: "Freezing rain",
+        67: "Freezing rain",
+        71: "Slight snow fall",
+        73: "Moderate snow fall",
+        75: "Heavy snow fall",
+        77: "Snow grains",
+        80: "Slight rain showers",
+        81: "Moderate rain showers",
+        82: "Violent rain showers",
+        85: "Slight snow showers",
+        86: "Heavy snow showers",
+        95: "Thunderstorm",
+        96: "Thunderstorm w/ slight hail",
+        99: "Thunderstorm w/ heavy hail"
+    }
+    return descriptions.get(code, "Unknown")
+
+def reverse_geocode(lat, lon):
+    """
+    Use Photon (via geopy) to convert latitude and longitude into a human-readable address.
+    If the geocoding fails, returns a fallback string with the coordinates.
+    """
+    try:
+        location = photon_geolocator.reverse((lat, lon), exactly_one=True)
+        if location:
+            return location.address
+    except (GeocoderTimedOut, GeocoderServiceError) as e:
+        print("Photon reverse geocode error:", e)
+    return f"Lat: {lat}, Lon: {lon}"
+
+# -----------------------------
+# LLM-Powered Personalized Recommendations
+# -----------------------------
+def generate_personalized_recommendations(weather_summary, location_address, critical_days, warning_days):
+    """
+    Generate personalized agricultural recommendations using LLM based on weather and location.
+    """
+    if llm_generator is None:
+        return None
+    
+    try:
+        # Extract region info from location
+        region_parts = location_address.split(',')
+        region = region_parts[-1].strip() if len(region_parts) > 0 else "your region"
+        
+        # Determine weather condition
+        weather_condition = "cloudy conditions"
+        if critical_days:
+            if len(critical_days) > 3:
+                weather_condition = "severe weather alerts"
+            else:
+                weather_condition = "critical weather conditions"
+        elif warning_days:
+            weather_condition = "warning-level weather"
+        
+        # Create a better structured prompt
+        prompt = f"""Agricultural advice for farmers in {region}:
+
+Weather: {weather_condition} expected
+Days affected: {len(critical_days) + len(warning_days)} days
+
+Farming recommendations:
+1. Crop care:"""
+
+        # Generate recommendations
+        response = llm_generator(
+            prompt,
+            max_new_tokens=80,
+            num_return_sequences=1,
+            temperature=0.8,
+            do_sample=True,
+            pad_token_id=50256,
+            repetition_penalty=1.5  # Reduce repetition
+        )
+        
+        generated_text = response[0]['generated_text']
+        # Extract only the generated part
+        recommendations = generated_text[len(prompt):].strip()
+        
+        # Clean up the output
+        lines = recommendations.split('\n')
+        clean_lines = []
+        seen = set()
+        
+        for line in lines[:5]:  # Max 5 lines
+            line = line.strip()
+            # Skip empty, repetitive, or nonsensical lines
+            if line and len(line) > 10 and line not in seen:
+                # Check for repetition patterns
+                if not any(line.count(word) > 2 for word in line.split()):
+                    clean_lines.append(line)
+                    seen.add(line)
+        
+        if clean_lines:
+            recommendations = ' '.join(clean_lines)
+            # Limit length
+            if len(recommendations) > 180:
+                recommendations = recommendations[:177] + "..."
+            return recommendations
+        else:
+            # Fallback to rule-based if LLM output is poor
+            return generate_rule_based_recommendations(weather_condition, region, critical_days, warning_days)
+        
+    except Exception as e:
+        print(f"LLM generation error: {e}")
+        return generate_rule_based_recommendations("cloudy conditions", "your region", critical_days, warning_days)
+
+def generate_rule_based_recommendations(weather_condition, region, critical_days, warning_days):
+    """
+    Fallback rule-based recommendations when LLM fails or produces poor output.
+    """
+    if critical_days and len(critical_days) > 0:
+        return f"For {region}: Secure crops and equipment. Postpone spraying. Monitor drainage systems. Harvest ready crops before severe weather."
+    elif warning_days and len(warning_days) > 0:
+        if "cloudy" in weather_condition.lower() or "overcast" in weather_condition.lower():
+            return f"For {region}: Reduce irrigation due to lower evaporation. Monitor for fungal diseases. Apply preventive fungicides if needed."
+        else:
+            return f"For {region}: Adjust irrigation schedule. Monitor soil moisture. Delay non-essential field operations."
+    else:
+        return f"For {region}: Continue normal farming operations. Monitor weather updates regularly."
+
+# -----------------------------
+# Twilio WhatsApp Integration
+# -----------------------------
+def check_and_collect_alerts(forecast_list):
+    """
+    Check the forecast for hazardous weather conditions and collect detailed alert messages.
+    """
+    alerts = []
+    critical_days = []
+    warning_days = []
+    
+    for day in forecast_list:
+        day_alerts = []
+        severity = "INFO"
+        
+        # Temperature Analysis
+        if day.get("tmax") and day.get("tmin"):
+            tmax = day["tmax"]
+            tmin = day["tmin"]
+            
+            if tmax > 40:
+                day_alerts.append(f"🌡️ Extreme Heat: {tmax}°C - High risk of crop stress and water loss")
+                severity = "CRITICAL"
+            elif tmax > 35:
+                day_alerts.append(f"🌡️ High Temperature: {tmax}°C - Increase irrigation frequency")
+                severity = "WARNING"
+            
+            if tmin < 5:
+                day_alerts.append(f"❄️ Frost Risk: {tmin}°C - Protect sensitive crops")
+                severity = "CRITICAL"
+            elif tmin < 10:
+                day_alerts.append(f"🌡️ Cold Night: {tmin}°C - Monitor young plants")
+                severity = "WARNING"
+            
+            # Temperature swing
+            temp_diff = tmax - tmin
+            if temp_diff > 20:
+                day_alerts.append(f"📊 Large temperature swing: {temp_diff}°C - May stress plants")
+        
+        # Weather Condition Analysis
+        desc = day.get("desc", "").lower()
+        if "thunderstorm" in desc or "heavy" in desc:
+            day_alerts.append(f"⛈️ Severe Weather: {day['desc']} - Secure equipment, delay spraying")
+            severity = "CRITICAL"
+        elif "rain" in desc or "drizzle" in desc:
+            day_alerts.append(f"🌧️ Rainfall Expected: {day['desc']} - Postpone irrigation, avoid field work")
+            severity = "WARNING"
+        elif "overcast" in desc or "cloudy" in desc:
+            day_alerts.append(f"☁️ Cloudy Conditions: {day['desc']} - Reduced photosynthesis, monitor for diseases")
+            severity = "INFO"
+        
+        # Compile day alert if any conditions met
+        if day_alerts:
+            day_header = f"\n*{day['day_name']} ({day['date_str']})*"
+            if severity == "CRITICAL":
+                day_header = f"🚨 {day_header} - CRITICAL"
+                critical_days.append(day['day_name'])
+            elif severity == "WARNING":
+                day_header = f"⚠️ {day_header} - WARNING"
+                warning_days.append(day['day_name'])
+            
+            alert_text = day_header + "\n" + "\n".join(f"  • {alert}" for alert in day_alerts)
+            
+            # Add temperature range
+            if day.get("tmax") and day.get("tmin"):
+                alert_text += f"\n  📈 Temp Range: {day['tmin']}°C - {day['tmax']}°C"
+            if day.get("morning_temp"):
+                alert_text += f"\n  🌅 Morning: {day['morning_temp']}°C"
+            if day.get("evening_temp"):
+                alert_text += f"\n  🌆 Evening: {day['evening_temp']}°C"
+            
+            alerts.append(alert_text)
+    
+    return alerts, critical_days, warning_days
+
+def send_whatsapp_message(message, location, location_address, critical_days, warning_days):
+    """
+    Send a WhatsApp message using Twilio API with enhanced agricultural insights.
+    """
+    google_maps_url = f"https://www.google.com/maps?q={location[0]},{location[1]}"
+    
+    # Build concise severity summary
+    severity_summary = ""
+    if critical_days:
+        severity_summary += f"🚨 {len(critical_days)} CRITICAL: {', '.join(critical_days[:3])}\n"
+    if warning_days:
+        severity_summary += f"⚠️ {len(warning_days)} WARNING: {', '.join(warning_days[:3])}\n"
+    
+    # Generate personalized LLM recommendations (shortened)
+    weather_summary = f"{len(critical_days)} critical, {len(warning_days)} warning days"
+    llm_recommendations = generate_personalized_recommendations(
+        weather_summary, 
+        location_address, 
+        critical_days, 
+        warning_days
+    )
+    
+    # Shorten LLM recommendations if too long
+    if llm_recommendations and len(llm_recommendations) > 200:
+        llm_recommendations = llm_recommendations[:197] + "..."
+    
+    # Build concise message
+    message_content = (
+        f"🌾 *WEATHER ALERT* 🌾\n\n"
+        f"{severity_summary}\n"
+    )
+    
+    # Add condensed forecast (max 3 days)
+    alert_lines = message.strip().split('\n\n')[:3]
+    for alert in alert_lines:
+        # Shorten each alert
+        lines = alert.split('\n')
+        if lines:
+            message_content += f"{lines[0]}\n"  # Just the header
+            if len(lines) > 1:
+                message_content += f"{lines[1][:80]}\n"  # First detail only
+    
+    message_content += "\n"
+    
+    # Add AI recommendations if available
+    if llm_recommendations:
+        message_content += f"🤖 *AI ADVICE:*\n{llm_recommendations}\n\n"
+    
+    # Add critical actions only
+    if critical_days:
+        message_content += (
+            f"🚨 *URGENT:*\n"
+            f"• Secure equipment\n"
+            f"• Harvest ready crops\n"
+            f"• Protect livestock\n\n"
+        )
+    elif warning_days:
+        message_content += (
+            f"⚠️ *ACTIONS:*\n"
+            f"• Adjust irrigation\n"
+            f"• Monitor soil moisture\n"
+            f"• Delay field work\n\n"
+        )
+    
+    # Add location
+    message_content += (
+        f"📍 {location_address}\n"
+        f"🗺️ {google_maps_url}\n\n"
+        f"_Weather Forecast for Farmers_"
+    )
+    
+    # Ensure under 1600 characters
+    if len(message_content) > 1590:
+        message_content = message_content[:1587] + "..."
+    
+    account_sid = 'ACe45f7038c5338a153d1126ca6d547c84'
+    auth_token = '48b9eea898885ef395d48edc74924340'
+    client = Client(account_sid, auth_token)
+    
+    try:
+        msg = client.messages.create(
+            from_='whatsapp:+14155238886',
+            body=message_content,
+            to='whatsapp:+919763059811'
+        )
+        print(f"✅ WhatsApp sent! SID: {msg.sid}, Length: {len(message_content)} chars")
+    except Exception as e:
+        print(f"❌ WhatsApp error: {e}")
+        print(f"Message length was: {len(message_content)} characters")
+
+@app.route("/", methods=["GET", "POST"])
+def index():
+    # Default coordinates
+    default_lat = 18.5196
+    default_lon = 73.8553
+
+    if request.method == "POST":
+        try:
+            lat = float(request.form.get("lat", default_lat))
+            lon = float(request.form.get("lon", default_lon))
+        except ValueError:
+            lat, lon = default_lat, default_lon
+    else:
+        lat = float(request.args.get("lat", default_lat))
+        lon = float(request.args.get("lon", default_lon))
+
+    location_address = reverse_geocode(lat, lon)
+
+    # Call Open-Meteo API for forecast data
+    url = "https://api.open-meteo.com/v1/forecast"
+    params = {
+        "latitude": lat,
+        "longitude": lon,
+        "hourly": (
+            "temperature_2m,relative_humidity_2m,precipitation,"
+            "cloudcover,windspeed_10m,pressure_msl,soil_moisture_3_to_9cm,uv_index"
+        ),
+        "daily": (
+            "weathercode,temperature_2m_max,temperature_2m_min,"
+            "sunrise,sunset,uv_index_max"
+        ),
+        "current_weather": True,
+        "forecast_days": 10,
+        "timezone": "auto"
+    }
+    resp = requests.get(url, params=params)
+    data = resp.json()
+
+    timezone = data.get("timezone", "Local")
+    current_weather = data.get("current_weather", {})
+    current_temp = current_weather.get("temperature")
+    current_time = current_weather.get("time")
+    current_code = current_weather.get("weathercode")
+    current_icon = get_weather_icon(current_code)
+    current_desc = get_weather_description(current_code)
+    current_wind_speed = current_weather.get("windspeed", 0.0)
+    current_wind_dir = current_weather.get("winddirection", 0)
+
+    if current_time:
+        dt_current = parse_iso_datetime(current_time)
+        current_time_formatted = dt_current.strftime("%A, %b %d, %Y %I:%M %p")
+    else:
+        current_time_formatted = ""
+
+    hourly_data = data.get("hourly", {})
+    hour_times = hourly_data.get("time", [])
+    hour_temp = hourly_data.get("temperature_2m", [])
+    hour_humidity = hourly_data.get("relative_humidity_2m", [])
+    hour_precip = hourly_data.get("precipitation", [])
+    hour_clouds = hourly_data.get("cloudcover", [])
+    hour_wind = hourly_data.get("windspeed_10m", [])
+    hour_pressure = hourly_data.get("pressure_msl", [])
+    hour_soil = hourly_data.get("soil_moisture_3_to_9cm", [])
+    hour_uv = hourly_data.get("uv_index", [])
+
+    current_index = None
+    if current_time:
+        current_index = find_closest_hour_index(hour_times, current_time)
+
+    feels_like = current_temp
+    if current_index is not None and current_index < len(hour_humidity):
+        h = hour_humidity[current_index]
+        feels_like = round(current_temp - 0.2 * (100 - h) / 10, 1)
+
+    today_highlights = {}
+    if current_index is not None:
+        today_highlights["humidity"] = hour_humidity[current_index] if current_index < len(hour_humidity) else None
+        today_highlights["precipitation"] = hour_precip[current_index] if current_index < len(hour_precip) else None
+        today_highlights["clouds"] = hour_clouds[current_index] if current_index < len(hour_clouds) else None
+        today_highlights["windspeed"] = hour_wind[current_index] if current_index < len(hour_wind) else None
+        today_highlights["pressure"] = hour_pressure[current_index] if current_index < len(hour_pressure) else None
+        today_highlights["soil_moisture"] = hour_soil[current_index] if current_index < len(hour_soil) else None
+        today_highlights["uv_index"] = hour_uv[current_index] if current_index < len(hour_uv) else None
+    else:
+        for k in ["humidity", "precipitation", "cloudcover", "windspeed", "pressure", "soil_moisture", "uv_index"]:
+            today_highlights[k] = None
+
+    daily_data = data.get("daily", {})
+    daily_sunrise = daily_data.get("sunrise", [])
+    daily_sunset = daily_data.get("sunset", [])
+    if len(daily_sunrise) > 0:
+        today_highlights["sunrise"] = daily_sunrise[0][11:16]
+    else:
+        today_highlights["sunrise"] = None
+    if len(daily_sunset) > 0:
+        today_highlights["sunset"] = daily_sunset[0][11:16]
+    else:
+        today_highlights["sunset"] = None
+
+    daily_times = daily_data.get("time", [])
+    daily_codes = daily_data.get("weathercode", [])
+    daily_tmax = daily_data.get("temperature_2m_max", [])
+    daily_tmin = daily_data.get("temperature_2m_min", [])
+    forecast_list = []
+
+    def get_hour_temp(date_str, hour_str):
+        target = date_str + "T" + hour_str + ":00"
+        best_idx = None
+        best_diff = None
+        dt_target = parse_iso_datetime(target)
+        for i, ht in enumerate(hour_times):
+            dt_ht = parse_iso_datetime(ht)
+            diff = abs((dt_ht - dt_target).total_seconds())
+            if best_diff is None or diff < best_diff:
+                best_diff = diff
+                best_idx = i
+        if best_idx is not None and best_idx < len(hour_temp):
+            return hour_temp[best_idx]
+        return None
+
+    for i in range(len(daily_times)):
+        date_str = daily_times[i]
+        dt_obj = parse_iso_datetime(date_str)
+        day_name = dt_obj.strftime("%A")
+        short_date = dt_obj.strftime("%b %d")
+
+        code = daily_codes[i] if i < len(daily_codes) else None
+        icon = get_weather_icon(code)
+        desc = get_weather_description(code)
+
+        tmax = daily_tmax[i] if i < len(daily_tmax) else None
+        tmin = daily_tmin[i] if i < len(daily_tmin) else None
+        avg_temp = round((tmax + tmin) / 2, 1) if tmax is not None and tmin is not None else None
+
+        morning_temp = get_hour_temp(date_str, "09")
+        evening_temp = get_hour_temp(date_str, "21")
+
+        sr = daily_sunrise[i][11:16] if i < len(daily_sunrise) else None
+        ss = daily_sunset[i][11:16] if i < len(daily_sunset) else None
+
+        forecast_list.append({
+            "day_name": day_name,
+            "date_str": short_date,
+            "icon": icon,
+            "desc": desc,
+            "avg_temp": avg_temp,
+            "morning_temp": morning_temp,
+            "evening_temp": evening_temp,
+            "sunrise": sr,
+            "sunset": ss,
+            "tmax": tmax,
+            "tmin": tmin
+        })
+
+
+    alerts, critical_days, warning_days = check_and_collect_alerts(forecast_list)
+    
+    # Generate AI recommendations for frontend display
+    ai_recommendations = None
+    if alerts or critical_days or warning_days:
+        weather_summary = f"{len(critical_days)} critical days, {len(warning_days)} warning days"
+        ai_recommendations = generate_personalized_recommendations(
+            weather_summary, 
+            location_address, 
+            critical_days, 
+            warning_days
+        )
+    
+    # Send WhatsApp alerts if needed
+    if alerts:
+        alert_message = "\n".join(alerts)
+        send_whatsapp_message(alert_message, (lat, lon), location_address, critical_days, warning_days)
+        alerts_sent = True
+    else:
+        alerts_sent = False
+
+    return render_template(
+        "index.html",
+        lat=lat,
+        lon=lon,
+        location_address=location_address,
+        current_temp=current_temp,
+        current_icon=current_icon,
+        current_desc=current_desc,
+        current_time=current_time_formatted,
+        current_wind_speed=current_wind_speed,
+        current_wind_dir=current_wind_dir,
+        feels_like=feels_like,
+        today_highlights=today_highlights,
+        forecast_list=forecast_list,
+        timezone=timezone,
+        alerts_sent=alerts_sent,
+        ai_recommendations=ai_recommendations,
+        critical_days=critical_days,
+        warning_days=warning_days
+    )
+
+if __name__ == "__main__":
+    app.run(debug=True,port=5001)

requirements.txt

@@ -0,0 +1,7 @@
+flask
+gunicorn
+requests
+twilio
+geopy
+transformers
+torch

templates/index.html

@@ -0,0 +1,1019 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>Weather Forecast for Farmers</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    :root {
+      /* Primary Colors */
+      --deep-green: #1a5d3a;
+      --accent-green: #198754;
+      --darker-accent: #143d2e;
+      
+      /* Neutral Colors */
+      --bg-color: #f8f9fa;
+      --surface: #ffffff;
+      --text-dark: #212529;
+      --text-muted: #6c757d;
+      --border: #dee2e6;
+    }
+
+    body {
+      font-family: 'Outfit', sans-serif;
+      background: #f0feec;
+      color: var(--text-dark);
+      line-height: 1.6;
+    }
+
+    /* Header with Flat Bottom */
+    .hero-header {
+      background: var(--deep-green);
+      color: white;
+      padding: 3rem 2rem 3rem;
+      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+    }
+
+    .hero-header h1 {
+      font-size: 2.5rem;
+      font-weight: 700;
+      text-align: center;
+      margin-bottom: 0.5rem;
+    }
+
+    .hero-header p {
+      text-align: center;
+      font-size: 1.1rem;
+      font-weight: 300;
+      opacity: 0.9;
+    }
+
+    /* Process Steps */
+    .process-steps {
+      display: flex;
+      justify-content: center;
+      gap: 3rem;
+      margin: -2rem auto 2rem;
+      max-width: 600px;
+      padding: 0 1rem;
+    }
+
+    .process-step {
+      text-align: center;
+      color: var(--text-muted);
+    }
+
+    .process-step i {
+      font-size: 2rem;
+      color: var(--accent-green);
+      margin-bottom: 0.5rem;
+      display: block;
+    }
+
+    .process-step span {
+      font-size: 0.9rem;
+      font-weight: 500;
+    }
+
+    /* Main Container */
+    .container {
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 0 2rem 3rem;
+    }
+
+    /* Floating Card */
+    .floating-card {
+      background: var(--surface);
+      border-radius: 20px;
+      border: 3px dashed  var(--deep-green) !important;
+      padding: 3rem;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.08);
+      margin-top: 2rem;
+      margin-bottom: 2rem;
+    }
+
+    /* Input Groups */
+    .input-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 1.5rem;
+      margin-bottom: 1.5rem;
+    }
+
+    .input-group {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .input-group label {
+      font-weight: 500;
+      color: var(--text-dark);
+      margin-bottom: 0.5rem;
+      font-size: 0.95rem;
+    }
+
+    .input-wrapper {
+      display: flex;
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      overflow: hidden;
+      background: var(--bg-color);
+      transition: all 0.3s ease;
+    }
+
+    .input-wrapper:focus-within {
+      border-color: var(--accent-green);
+      box-shadow: 0 0 0 4px rgba(25, 135, 84, 0.1);
+      background: var(--surface);
+    }
+
+    .input-icon {
+      background: var(--surface);
+      padding: 0.75rem 1rem;
+      display: flex;
+      align-items: center;
+      color: var(--accent-green);
+      border-right: 1px solid var(--border);
+    }
+
+    .input-wrapper:focus-within .input-icon {
+      border-right-color: var(--accent-green);
+    }
+
+    .input-field {
+      flex: 1;
+      padding: 0.75rem 1rem;
+      border: none;
+      background: transparent;
+      font-family: 'Outfit', sans-serif;
+      font-size: 1rem;
+      color: var(--text-dark);
+    }
+
+    .input-field:focus {
+      outline: none;
+    }
+
+    /* Buttons */
+    .btn-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 1rem;
+      margin-top: 2rem;
+    }
+
+    .btn-primary {
+      background: var(--deep-green);
+      color: white;
+      border: none;
+      border-radius: 8px;
+      padding: 0.875rem 1.5rem;
+      font-weight: 500;
+      font-size: 1rem;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.5rem;
+      transition: all 0.3s ease;
+      font-family: 'Outfit', sans-serif;
+    }
+
+    .btn-primary:hover {
+      background: var(--darker-accent);
+      transform: translateY(-2px);
+      box-shadow: 0 4px 12px rgba(26, 93, 58, 0.3);
+    }
+
+    .btn-secondary {
+      background: var(--surface);
+      color: var(--accent-green);
+      border: 1px solid var(--accent-green);
+      border-radius: 8px;
+      padding: 0.875rem 1.5rem;
+      font-weight: 500;
+      font-size: 1rem;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.5rem;
+      transition: all 0.3s ease;
+      font-family: 'Outfit', sans-serif;
+    }
+
+    .btn-secondary:hover {
+      background: var(--accent-green);
+      color: white;
+      transform: translateY(-2px);
+      box-shadow: 0 4px 12px rgba(25, 135, 84, 0.3);
+    }
+
+    /* Current Weather Card */
+    .current-weather {
+      background: var(--surface);
+      border-radius: 20px;
+      border: 3px solid var(--deep-green) !important;
+      padding: 2.5rem;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.08);
+      margin-bottom: 2rem;
+    }
+
+    .location-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 2rem;
+      flex-wrap: wrap;
+      gap: 1rem;
+    }
+
+    .location-info h2 {
+      font-size: 1.75rem;
+      font-weight: 600;
+      color: var(--deep-green);
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 0.25rem;
+    }
+
+    .location-info p {
+      color: var(--text-muted);
+      font-size: 0.95rem;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .weather-main {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 2rem 0;
+      border-top: 1px solid var(--border);
+      border-bottom: 1px solid var(--border);
+      flex-wrap: wrap;
+      gap: 2rem;
+    }
+
+    .temp-display {
+      display: flex;
+      align-items: center;
+      gap: 1.5rem;
+    }
+
+    .temp-icon {
+      font-size: 4rem;
+      color: var(--accent-green);
+    }
+
+    .temp-value {
+      font-size: 4rem;
+      font-weight: 700;
+      color: var(--deep-green);
+    }
+
+    .weather-desc {
+      text-align: right;
+    }
+
+    .weather-desc h3 {
+      font-size: 1.5rem;
+      font-weight: 600;
+      color: var(--deep-green);
+      margin-bottom: 0.5rem;
+    }
+
+    .weather-details {
+      display: flex;
+      gap: 2rem;
+      color: var(--text-muted);
+    }
+
+    .weather-detail {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    /* Alert Badge */
+    .alert-badge {
+      background: #fff3cd;
+      border: 1px solid #ffc107;
+      border-radius: 8px;
+      padding: 1rem 1.5rem;
+      margin-bottom: 2rem;
+      display: flex;
+      align-items: center;
+      gap: 1rem;
+    }
+
+    .alert-badge i {
+      font-size: 1.5rem;
+      color: #856404;
+    }
+
+    .alert-badge .alert-content {
+      flex: 1;
+    }
+
+    .alert-badge h4 {
+      font-weight: 600;
+      color: #856404;
+      margin-bottom: 0.25rem;
+    }
+
+    .alert-badge p {
+      color: #856404;
+      margin: 0;
+      font-size: 0.95rem;
+    }
+
+    /* AI Recommendations Card */
+    .ai-recommendations-card {
+      background: linear-gradient(135deg, #f0fff4 0%, #e6f7ed 100%);
+      border: 3px solid var(--accent-green);
+      border-radius: 20px;
+      padding: 2.5rem;
+      margin-bottom: 2rem;
+      box-shadow: 0 10px 40px rgba(25, 135, 84, 0.15);
+      animation: fadeInUp 0.5s ease-out;
+    }
+
+    .ai-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      margin-bottom: 2rem;
+      flex-wrap: wrap;
+      gap: 1rem;
+    }
+
+    .ai-subtitle {
+      color: var(--text-muted);
+      font-size: 0.95rem;
+      margin: 0;
+    }
+
+    .severity-badges {
+      display: flex;
+      gap: 0.75rem;
+      flex-wrap: wrap;
+    }
+
+    .badge {
+      padding: 0.5rem 1rem;
+      border-radius: 50px;
+      font-size: 0.85rem;
+      font-weight: 600;
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .badge-critical {
+      background: #fee;
+      color: #c00;
+      border: 2px solid #c00;
+    }
+
+    .badge-warning {
+      background: #fff3cd;
+      color: #856404;
+      border: 2px solid #ffc107;
+    }
+
+    .ai-content {
+      display: flex;
+      gap: 1.5rem;
+      align-items: flex-start;
+      background: white;
+      padding: 2rem;
+      border-radius: 15px;
+      border: 2px dashed var(--accent-green);
+      margin-bottom: 1.5rem;
+    }
+
+    .ai-icon {
+      font-size: 3rem;
+      color: var(--accent-green);
+      flex-shrink: 0;
+    }
+
+    .ai-text {
+      flex: 1;
+    }
+
+    .ai-text p {
+      margin: 0;
+      line-height: 1.8;
+      color: var(--text-dark);
+      font-size: 1.05rem;
+      white-space: pre-wrap;
+    }
+
+    .ai-footer {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      padding: 1rem 1.5rem;
+      background: rgba(25, 135, 84, 0.1);
+      border-radius: 10px;
+      font-size: 0.85rem;
+      color: var(--text-muted);
+    }
+
+    .ai-footer i {
+      font-size: 1.2rem;
+      color: var(--accent-green);
+      flex-shrink: 0;
+    }
+
+    @keyframes fadeInUp {
+      from {
+        opacity: 0;
+        transform: translateY(20px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+
+    /* Section Titles */
+    .section-title {
+      font-size: 1.5rem;
+      font-weight: 600;
+      color: var(--deep-green);
+      margin-bottom: 1.5rem;
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+    }
+
+    /* Highlights Grid */
+    .highlights-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+      gap: 1.5rem;
+      margin-bottom: 3rem;
+    }
+
+    .highlight-card {
+      background: var(--surface);
+      border-radius: 20px;
+      border: 3px solid var(--deep-green) !important;
+      padding: 1.75rem;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.08);
+      transition: all 0.3s ease;
+    }
+
+    .highlight-card:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 15px 50px rgba(0,0,0,0.12);
+    }
+
+    .highlight-card i {
+      font-size: 2rem;
+      color: var(--accent-green);
+      margin-bottom: 1rem;
+      display: block;
+    }
+
+    .highlight-card h3 {
+      font-size: 0.95rem;
+      font-weight: 500;
+      color: var(--text-muted);
+      margin-bottom: 0.5rem;
+    }
+
+    .highlight-card .value {
+      font-size: 1.75rem;
+      font-weight: 600;
+      color: var(--deep-green);
+    }
+
+    .highlight-card .sun-times {
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+    }
+
+    .sun-time {
+      text-align: center;
+    }
+
+    .sun-time i {
+      font-size: 1.5rem;
+      margin-bottom: 0.5rem;
+    }
+
+    .sun-time .value {
+      font-size: 1.25rem;
+    }
+
+    /* Forecast Grid */
+    .forecast-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+      gap: 1.5rem;
+      margin-bottom: 2rem;
+    }
+
+    .forecast-card {
+      background: var(--surface);
+      border-radius: 20px;
+      border: 3px solid var(--deep-green) !important;
+      padding: 1.75rem;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.08);
+      text-align: center;
+      transition: all 0.3s ease;
+    }
+
+    .forecast-card:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 15px 50px rgba(0,0,0,0.12);
+    }
+
+    .forecast-card .day-name {
+      font-size: 1.1rem;
+      font-weight: 600;
+      color: var(--deep-green);
+      margin-bottom: 0.25rem;
+    }
+
+    .forecast-card .date {
+      font-size: 0.9rem;
+      color: var(--text-muted);
+      margin-bottom: 1rem;
+    }
+
+    .forecast-card i {
+      font-size: 2.5rem;
+      color: var(--accent-green);
+      margin: 1rem 0;
+      display: block;
+    }
+
+    .forecast-card .description {
+      font-size: 0.9rem;
+      color: var(--text-muted);
+      margin-bottom: 0.75rem;
+    }
+
+    .forecast-card .temp {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: var(--deep-green);
+      margin: 0.5rem 0;
+    }
+
+    .temp-range {
+      display: flex;
+      justify-content: center;
+      gap: 1rem;
+      font-size: 0.9rem;
+      color: var(--text-muted);
+      margin-bottom: 1rem;
+    }
+
+    .temp-range span {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+    }
+
+    .day-temps {
+      padding-top: 1rem;
+      border-top: 1px solid var(--border);
+      border: 3px dashed var(--deep-green) !important; 
+      font-size: 0.85rem;
+      color: var(--text-muted);
+    }
+
+    .day-temps div {
+      margin-bottom: 0.25rem;
+    }
+
+    .sun-info {
+      padding-top: 1rem;
+      border-top: 1px dashed var(--border);
+      border: 3px dashed var(--deep-green) !important; 
+      margin-top: 1rem;
+      font-size: 0.85rem;
+      color: var(--text-muted);
+    }
+
+    .sun-info div {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.5rem;
+      margin-bottom: 0.25rem;
+    }
+
+    /* Footer */
+    .footer {
+      text-align: center;
+      padding: 2rem 0;
+      color: var(--text-muted);
+      font-size: 0.9rem;
+    }
+
+    /* Responsive */
+    @media (max-width: 768px) {
+      .hero-header h1 {
+        font-size: 2rem;
+      }
+
+      .process-steps {
+        gap: 1.5rem;
+      }
+
+      .floating-card {
+        padding: 2rem;
+      }
+
+      .input-row {
+        grid-template-columns: 1fr;
+      }
+
+      .btn-row {
+        grid-template-columns: 1fr;
+      }
+
+      .location-header {
+        flex-direction: column;
+        align-items: flex-start;
+      }
+
+      .weather-main {
+        flex-direction: column;
+        text-align: center;
+      }
+
+      .weather-desc {
+        text-align: center;
+      }
+
+      .temp-display {
+        flex-direction: column;
+      }
+
+      .highlights-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .forecast-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .ai-recommendations-card {
+        padding: 1.5rem;
+      }
+
+      .ai-content {
+        flex-direction: column;
+        padding: 1.5rem;
+      }
+
+      .ai-icon {
+        font-size: 2rem;
+      }
+
+      .ai-text p {
+        font-size: 0.95rem;
+      }
+
+      .severity-badges {
+        width: 100%;
+      }
+
+      .badge {
+        flex: 1;
+        justify-content: center;
+      }
+    }
+
+    /* Loading Animation */
+    @keyframes pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+
+    .loading {
+      animation: pulse 1.5s ease-in-out infinite;
+    }
+  </style>
+</head>
+<body>
+  <!-- Hero Header -->
+  <header class="hero-header">
+    <h1><i class="bi bi-cloud-sun"></i> Weather Forecast for Farmers</h1>
+    <p>Real-time weather insights for your farm</p>
+  </header>
+
+
+  <div class="container">
+    <!-- Location Input Card -->
+    <div class="floating-card">
+      <form method="POST" action="/">
+        <div class="input-row">
+          <div class="input-group">
+            <label for="lat">Latitude</label>
+            <div class="input-wrapper">
+              <div class="input-icon">
+                <i class="bi bi-compass"></i>
+              </div>
+              <input type="number" step="any" id="lat" name="lat" class="input-field" value="{{ lat }}" placeholder="e.g., 18.5196" required />
+            </div>
+          </div>
+          <div class="input-group">
+            <label for="lon">Longitude</label>
+            <div class="input-wrapper">
+              <div class="input-icon">
+                <i class="bi bi-compass"></i>
+              </div>
+              <input type="number" step="any" id="lon" name="lon" class="input-field" value="{{ lon }}" placeholder="e.g., 73.8553" required />
+            </div>
+          </div>
+        </div>
+        <div class="btn-row">
+          <button type="submit" class="btn-primary">
+            <i class="bi bi-search"></i>
+            Get Weather Forecast
+          </button>
+          <button type="button" id="get-location-btn" class="btn-secondary">
+            <i class="bi bi-geo-alt-fill"></i>
+            Use Current Location
+          </button>
+        </div>
+      </form>
+    </div>
+
+    <!-- Alert Notification -->
+   
+
+    <!-- Current Weather -->
+    <div class="current-weather">
+      <div class="location-header">
+        <div class="location-info">
+          <h2>
+            <i class="bi bi-geo-alt-fill"></i>
+            {{ location_address }}
+          </h2>
+          <p>
+            <i class="bi bi-clock"></i>
+            {{ current_time }} ({{ timezone }})
+          </p>
+        </div>
+      </div>
+      
+      <div class="weather-main">
+        <div class="temp-display">
+          {% if current_icon == "☀️" %}
+            <i class="bi bi-sun-fill temp-icon"></i>
+          {% elif current_icon == "⛅" %}
+            <i class="bi bi-cloud-sun-fill temp-icon"></i>
+          {% elif current_icon == "🌫️" %}
+            <i class="bi bi-cloud-fog2-fill temp-icon"></i>
+          {% elif current_icon == "🌦️" %}
+            <i class="bi bi-cloud-drizzle-fill temp-icon"></i>
+          {% elif current_icon == "🌧️" %}
+            <i class="bi bi-cloud-rain-fill temp-icon"></i>
+          {% elif current_icon == "❄️" %}
+            <i class="bi bi-snow temp-icon"></i>
+          {% elif current_icon == "⛈️" %}
+            <i class="bi bi-cloud-lightning-rain-fill temp-icon"></i>
+          {% else %}
+            <i class="bi bi-question-circle temp-icon"></i>
+          {% endif %}
+          <div class="temp-value">{{ current_temp }}°C</div>
+        </div>
+        <div class="weather-desc">
+          <h3>{{ current_desc }}</h3>
+          <div class="weather-details">
+            <div class="weather-detail">
+              <i class="bi bi-thermometer-half"></i>
+              Feels like {{ feels_like }}°C
+            </div>
+            <div class="weather-detail">
+              <i class="bi bi-wind"></i>
+              {{ current_wind_speed }} km/h
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- AI-Powered Recommendations -->
+    {% if ai_recommendations %}
+    <div class="ai-recommendations-card">
+      <div class="ai-header">
+        <div>
+          <h2 class="section-title" style="margin-bottom: 0.5rem;">
+            <i class="bi bi-robot"></i>
+            AI-Powered Personalized Recommendations
+          </h2>
+          <p class="ai-subtitle">Based on your location and upcoming weather conditions</p>
+        </div>
+        <div class="severity-badges">
+          {% if critical_days %}
+          <span class="badge badge-critical">
+            <i class="bi bi-exclamation-triangle-fill"></i>
+            {{ critical_days|length }} Critical Day(s)
+          </span>
+          {% endif %}
+          {% if warning_days %}
+          <span class="badge badge-warning">
+            <i class="bi bi-exclamation-circle-fill"></i>
+            {{ warning_days|length }} Warning Day(s)
+          </span>
+          {% endif %}
+        </div>
+      </div>
+      
+      <div class="ai-content">
+        <div class="ai-icon">
+          <i class="bi bi-lightbulb-fill"></i>
+        </div>
+        <div class="ai-text">
+          <p>{{ ai_recommendations }}</p>
+        </div>
+      </div>
+      
+      <div class="ai-footer">
+        <i class="bi bi-info-circle"></i>
+        <span>These recommendations are AI-generated based on weather patterns and your farm location. Always consult with local agricultural experts for critical decisions.</span>
+      </div>
+    </div>
+    {% endif %}
+
+    <!-- Today's Highlights -->
+    <h2 class="section-title">
+      <i class="bi bi-graph-up"></i>
+      Today's Highlights
+    </h2>
+    <div class="highlights-grid">
+      <div class="highlight-card">
+        <i class="bi bi-droplet-fill"></i>
+        <h3>Humidity</h3>
+        <div class="value">{{ today_highlights.humidity }}%</div>
+      </div>
+      <div class="highlight-card">
+        <i class="bi bi-wind"></i>
+        <h3>Wind Speed</h3>
+        <div class="value">{{ today_highlights.windspeed }} km/h</div>
+      </div>
+      <div class="highlight-card">
+        <i class="bi bi-brightness-high-fill"></i>
+        <h3>UV Index</h3>
+        <div class="value">{{ today_highlights.uv_index }}</div>
+      </div>
+      <div class="highlight-card">
+        <i class="bi bi-speedometer2"></i>
+        <h3>Pressure</h3>
+        <div class="value">{{ today_highlights.pressure|round(1) }} hPa</div>
+      </div>
+      <div class="highlight-card">
+        <i class="bi bi-cloud-fill"></i>
+        <h3>Cloud Cover</h3>
+        <div class="value">{{ today_highlights.clouds }}%</div>
+      </div>
+      <div class="highlight-card">
+        <i class="bi bi-cloud-rain-fill"></i>
+        <h3>Precipitation</h3>
+        <div class="value">{{ today_highlights.precipitation|round(2) }} mm</div>
+      </div>
+      <div class="highlight-card">
+        <i class="bi bi-moisture"></i>
+        <h3>Soil Moisture</h3>
+        <div class="value">{{ today_highlights.soil_moisture|round(3) }} m³/m³</div>
+      </div>
+      <div class="highlight-card">
+        <div class="sun-times">
+          <div class="sun-time">
+            <i class="bi bi-sunrise-fill" style="color: #fbbf24;"></i>
+            <h3>Sunrise</h3>
+            <div class="value">{{ today_highlights.sunrise }}</div>
+          </div>
+          <div style="width: 1px; background: var(--border); height: 60px;"></div>
+          <div class="sun-time">
+            <i class="bi bi-sunset-fill" style="color: #f97316;"></i>
+            <h3>Sunset</h3>
+            <div class="value">{{ today_highlights.sunset }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 10-Day Forecast -->
+    <h2 class="section-title">
+      <i class="bi bi-calendar-range"></i>
+      10-Day Forecast
+    </h2>
+    <div class="forecast-grid">
+      {% for day in forecast_list %}
+      <div class="forecast-card">
+        <div class="day-name">{{ day.day_name }}</div>
+        <div class="date">{{ day.date_str }}</div>
+        
+        {% if day.icon == "☀️" %}
+          <i class="bi bi-sun-fill"></i>
+        {% elif day.icon == "⛅" %}
+          <i class="bi bi-cloud-sun-fill"></i>
+        {% elif day.icon == "🌫️" %}
+          <i class="bi bi-cloud-fog2-fill"></i>
+        {% elif day.icon == "🌦️" %}
+          <i class="bi bi-cloud-drizzle-fill"></i>
+        {% elif day.icon == "🌧️" %}
+          <i class="bi bi-cloud-rain-fill"></i>
+        {% elif day.icon == "❄️" %}
+          <i class="bi bi-snow"></i>
+        {% elif day.icon == "⛈️" %}
+          <i class="bi bi-cloud-lightning-rain-fill"></i>
+        {% else %}
+          <i class="bi bi-question-circle"></i>
+        {% endif %}
+        
+        <div class="description">{{ day.desc }}</div>
+        <div class="temp">{{ day.avg_temp }}°C</div>
+        <div class="temp-range">
+          <span><i class="bi bi-arrow-down" style="color: #3b82f6;"></i> {{ day.tmin }}°C</span>
+          <span><i class="bi bi-arrow-up" style="color: #ef4444;"></i> {{ day.tmax }}°C</span>
+        </div>
+        <div class="day-temps">
+          <div><strong>Morning:</strong> {{ day.morning_temp }}°C</div>
+          <div><strong>Evening:</strong> {{ day.evening_temp }}°C</div>
+        </div>
+        <div class="sun-info">
+          <div><i class="bi bi-sunrise-fill" style="color: #fbbf24;"></i> {{ day.sunrise }}</div>
+          <div><i class="bi bi-sunset-fill" style="color: #f97316;"></i> {{ day.sunset }}</div>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+
+    <!-- Footer -->
+    <footer class="footer">
+      <p>Last updated: {{ current_time }}</p>
+      <p>Powered by Open-Meteo API | Weather alerts via Twilio WhatsApp</p>
+    </footer>
+  </div>
+
+  <!-- Scripts -->
+  <script>
+    // Get Current Location
+    document.getElementById('get-location-btn').addEventListener('click', function() {
+      if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition(function(position) {
+          document.getElementById('lat').value = position.coords.latitude.toFixed(4);
+          document.getElementById('lon').value = position.coords.longitude.toFixed(4);
+          document.querySelector('form').submit();
+        }, function(error) {
+          alert('Error: ' + error.message);
+        });
+      } else {
+        alert('Geolocation is not supported by this browser.');
+      }
+    });
+
+    // Input Validation
+    const latInput = document.getElementById('lat');
+    const lonInput = document.getElementById('lon');
+
+    latInput.addEventListener('input', function() {
+      const value = parseFloat(this.value);
+      if (value < -90 || value > 90) {
+        this.setCustomValidity('Latitude must be between -90 and 90 degrees');
+      } else {
+        this.setCustomValidity('');
+      }
+    });
+
+    lonInput.addEventListener('input', function() {
+      const value = parseFloat(this.value);
+      if (value < -180 || value > 180) {
+        this.setCustomValidity('Longitude must be between -180 and 180 degrees');
+      } else {
+        this.setCustomValidity('');
+      }
+    });
+
+    // Loading Animation
+    document.querySelector('form').addEventListener('submit', function() {
+      document.querySelector('.container').classList.add('loading');
+    });
+  </script>
+</body>
+</html>

test_llm.py

@@ -0,0 +1,46 @@
+# Quick test for LLM integration
+from transformers import pipeline
+import warnings
+
+warnings.filterwarnings('ignore')
+
+print("Testing LLM integration...")
+print("Loading model...")
+
+try:
+    llm_generator = pipeline(
+        "text-generation",
+        model="distilgpt2",
+        max_length=200,
+        device=-1
+    )
+    print("✅ Model loaded successfully!")
+    
+    # Test generation
+    prompt = """As an agricultural expert for Maharashtra, provide specific farming recommendations:
+
+Weather: 6 warning days with overcast conditions
+Severity: WARNING conditions on Saturday, Tuesday, Wednesday, Thursday, Friday, Sunday. 
+
+Recommendations for farmers:
+1. Crop protection:"""
+    
+    print("\nGenerating test recommendation...")
+    response = llm_generator(
+        prompt,
+        max_new_tokens=100,
+        num_return_sequences=1,
+        temperature=0.7,
+        do_sample=True,
+        pad_token_id=50256
+    )
+    
+    generated_text = response[0]['generated_text']
+    recommendations = generated_text[len(prompt):].strip()
+    
+    print("\n✅ Generated Recommendation:")
+    print(recommendations)
+    print("\n✅ LLM integration test successful!")
+    
+except Exception as e:
+    print(f"❌ Error: {e}")