Update app.py

app.py

@@ -1,107 +1,150 @@
-from flask import Flask, jsonify, request
-from flask_cors import CORS
-from geopy.distance import geodesic
-from config import DOCTOR_DB
-
-app = Flask(__name__, static_folder="static", static_url_path="/static")
-CORS(app)
-
-# =================================================
-# DISTRICT DETECTION – TAMIL NADU (NO API)
-# =================================================
-def detect_tn_district(lat, lon):
-    """
-    Tamil Nadu district detection using lat/lon ranges
-    (HF Space safe – no external API)
-    """
-
-    # SALEM DISTRICT
-    if 11.4 <= lat <= 11.9 and 77.9 <= lon <= 78.4:
-        return "Salem"
-
-    # DHARMAPURI DISTRICT
-    if 11.9 <= lat <= 12.3 and 77.8 <= lon <= 78.4:
-        return "Dharmapuri"
-
-    # KRISHNAGIRI
-    if 12.2 <= lat <= 12.7 and 77.8 <= lon <= 78.4:
-        return "Krishnagiri"
-
-    # COIMBATORE
-    if 10.9 <= lat <= 11.2 and 76.7 <= lon <= 77.1:
-        return "Coimbatore"
-
-    # CHENNAI
-    if 12.9 <= lat <= 13.2 and 80.1 <= lon <= 80.4:
-        return "Chennai"
-
-    return "Unknown"
-
-
-# =================================================
-# REVERSE GEO (DISTRICT ONLY)
-# =================================================
-@app.route("/reverse-geocode")
-def reverse_geocode():
-    lat = request.args.get("lat", type=float)
-    lon = request.args.get("lon", type=float)
-
-    if lat is None or lon is None:
-        return jsonify({"district": "Unknown"})
-
-    district = detect_tn_district(lat, lon)
-
-    return jsonify({"district": district})
-
-
-# =================================================
-# DOCTORS API
-# =================================================
-@app.route("/doctors")
-def get_doctors():
-    district = request.args.get("district", "").lower().strip()
-    disease = request.args.get("disease")
-    user_lat = request.args.get("lat", type=float)
-    user_lon = request.args.get("lon", type=float)
-    sort_by = request.args.get("sort", "rating")
-
-    district = district.replace(" district", "")
-
-    doctors = [
-        d for d in DOCTOR_DB
-        if d["district"].lower() == district
-    ]
-
-    # Disease filter
-    if disease:
-        doctors = [
-            d for d in doctors
-            if disease in d["specialization"]
-        ]
-
-    # Distance
-    if user_lat and user_lon:
-        for d in doctors:
-            d["distance"] = round(
-                geodesic(
-                    (user_lat, user_lon),
-                    (d["lat"], d["lon"])
-                ).km, 2
-            )
-
-    # Sorting
-    if sort_by == "nearest":
-        doctors.sort(key=lambda x: x.get("distance", 999))
-    elif sort_by == "experience":
-        doctors.sort(key=lambda x: x["experience"], reverse=True)
-    else:
-        doctors.sort(key=lambda x: x["rating"], reverse=True)
-
-    return jsonify({"doctors": doctors})
-
-
-# =================================================
-# MAIN
-# =================================================
-if __name__ == "__main__":
-    app.run(host="0.0.0.0", port=5000, debug=True)
+<script>
+/* ======================================
+   CONFIG
+====================================== */
+const BACKEND = "https://sivakumar330-location.hf.space";
+let currentSort = "rating";
+
+/* ======================================
+   TAMIL NADU DISTRICT FALLBACK (FRONTEND)
+   (Backend fail ஆனாலும் Unknown வராது)
+====================================== */
+function detectDistrictByLatLon(lat, lon) {
+
+  // SALEM
+  if (lat >= 11.4 && lat <= 11.9 && lon >= 77.9 && lon <= 78.4)
+    return "Salem";
+
+  // DHARMAPURI
+  if (lat >= 11.9 && lat <= 12.3 && lon >= 77.8 && lon <= 78.4)
+    return "Dharmapuri";
+
+  // KRISHNAGIRI
+  if (lat >= 12.2 && lat <= 12.7 && lon >= 77.8 && lon <= 78.4)
+    return "Krishnagiri";
+
+  // COIMBATORE
+  if (lat >= 10.9 && lat <= 11.2 && lon >= 76.7 && lon <= 77.1)
+    return "Coimbatore";
+
+  // CHENNAI
+  if (lat >= 12.9 && lat <= 13.2 && lon >= 80.1 && lon <= 80.4)
+    return "Chennai";
+
+  return "Unknown";
+}
+
+/* ======================================
+   MAIN DISTRICT DETECTION
+====================================== */
+function detectDistrict() {
+  const span = document.getElementById("current-district");
+  span.innerText = "Detecting...";
+
+  if (!navigator.geolocation) {
+    span.innerText = "Location not supported";
+    return;
+  }
+
+  navigator.geolocation.getCurrentPosition(
+    (pos) => {
+      const lat = pos.coords.latitude;
+      const lon = pos.coords.longitude;
+
+      console.log("GPS:", lat, lon);
+
+      fetch(`${BACKEND}/reverse-geocode?lat=${lat}&lon=${lon}`)
+        .then(res => res.json())
+        .then(data => {
+          let district = data.district;
+
+          // 🔥 BACKEND FAILED → FRONTEND FALLBACK
+          if (!district || district === "Unknown") {
+            district = detectDistrictByLatLon(lat, lon);
+          }
+
+          // 🔥 FINAL SAFETY (never show Unknown)
+          if (!district || district === "Unknown") {
+            district = "Salem";
+          }
+
+          span.innerText = district;
+          loadDoctors(district, lat, lon);
+        })
+        .catch(() => {
+          // 🔥 Network error fallback
+          const fallbackDistrict = detectDistrictByLatLon(lat, lon) || "Salem";
+          span.innerText = fallbackDistrict;
+          loadDoctors(fallbackDistrict, lat, lon);
+        });
+    },
+    () => {
+      span.innerText = "Permission denied";
+    }
+  );
+}
+
+/* ======================================
+   LOAD DOCTORS
+====================================== */
+function loadDoctors(district, lat, lon) {
+  const disease = document.getElementById("disease").value;
+
+  let url = `${BACKEND}/doctors?district=${district}&lat=${lat}&lon=${lon}&sort=${currentSort}`;
+  if (disease) url += `&disease=${disease}`;
+
+  fetch(url)
+    .then(res => res.json())
+    .then(data => displayDoctors(data.doctors || []))
+    .catch(() => displayDoctors([]));
+}
+
+/* ======================================
+   SORT HANDLER
+====================================== */
+function sortDoctors(type) {
+  currentSort = type;
+  detectDistrict();
+}
+
+/* ======================================
+   DISPLAY DOCTORS
+====================================== */
+function displayDoctors(doctors) {
+  const result = document.getElementById("result");
+  const count = document.getElementById("doctor-count");
+
+  count.innerText = doctors.length;
+  result.innerHTML = "";
+
+  if (doctors.length === 0) {
+    result.innerHTML = `
+      <div class="no-results">
+        <h3>No Dermatologists Found</h3>
+        <p>No doctors available in this district.</p>
+      </div>
+    `;
+    return;
+  }
+
+  doctors.forEach(d => {
+    result.innerHTML += `
+      <div class="card">
+        <h3>${d.name}</h3>
+        <p>${d.hospital}</p>
+        <p>${d.address}</p>
+        <p>⭐ ${d.rating} | ${d.experience} yrs</p>
+        <p>📍 ${d.distance ?? "-"} km</p>
+        <a href="tel:${d.phone}">📞 Call</a>
+      </div>
+    `;
+  });
+}
+
+/* ======================================
+   INIT
+====================================== */
+window.onload = () => {
+  detectDistrict();
+};
+</script>