Spaces:

vscode
/

animal1

Running

App Files Files Community

vscode commited on Aug 14, 2025

Commit

af9640f

verified ·

1 Parent(s): 85c5b79

Upload 7 files

Browse files

Files changed (7) hide show

templates/govt-schemes.html +308 -0
templates/home.html +172 -0
templates/home1.html +98 -0
templates/s1.html +172 -0
templates/s2.html +244 -0
templates/s3.html +324 -0
templates/veterinary_map.html +128 -0

templates/govt-schemes.html ADDED Viewed

	@@ -0,0 +1,308 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Government Schemes and Financial Aids</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 20px;
+            background-color: #FAF3E0;
+            color: #333;
+        }
+        .container {
+            max-width: 900px;
+            margin: auto;
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+        }
+        .title-box {
+            background-color: #2C3E50;
+            color: #fff;
+            padding: 20px;
+            text-align: center;
+            border-radius: 8px;
+            margin-bottom: 20px;
+        }
+        .title-box h1 {
+            font-size: 2.5em;
+            margin-bottom: 10px;
+            color: #F5A623;
+        }
+        .title-box p {
+            font-size: 1.2em;
+        }
+        .section {
+            background: #fff;
+            margin: 15px 0;
+            padding: 15px;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        h2 {
+            color: #2980B9;
+            cursor: pointer;
+        }
+        p {
+            line-height: 1.6;
+        }
+        a {
+            display: block;
+            margin-top: 10px;
+            color: #F5A623;
+            text-decoration: none;
+            font-weight: bold;
+        }
+        ul {
+            list-style-type: square;
+            margin-left: 20px;
+        }
+        .content {
+            display: none;
+            padding-top: 10px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="title-box">
+            <h1>Government Schemes and Financial Aids</h1>
+            <p>Explore the latest government initiatives supporting livestock farming in India.</p>
+        </div>
+        <!-- Schemes Section -->
+        <div class="section">
+            <h2 onclick="toggleContent('schemeContent')"> Schemes </h2>
+            <div id="schemeContent" class="content">
+                <div>
+                    <h3>1. National Livestock Mission (NLM)</h3>
+                    <p><strong>Objective:</strong> The primary goal of NLM is to promote sustainable development in the livestock sector, focusing on breed improvement, feed development, and improving the overall productivity of the livestock population in India.</p>
+                    <p><strong>Key Features:</strong></p>
+                    <ul>
+                        <li>Breed improvement programs for various livestock such as sheep, goats, pigs, and poultry.</li>
+                        <li>Support for fodder and feed development to improve the nutritional status of livestock.</li>
+                        <li>Provides financial assistance of up to 50% for setting up projects aimed at enhancing livestock production.</li>
+                        <li>Assistance for establishing infrastructure like feed plants and breeding centers.</li>
+                    </ul>
+                    <p><strong>Benefits:</strong></p>
+                    <ul>
+                        <li>Improvement in livestock health and productivity.</li>
+                        <li>Enhanced quality of milk, meat, and other livestock products.</li>
+                        <li>Improvement in the livelihoods of rural farmers and stakeholders.</li>
+                    </ul>
+                    <p><strong>Eligibility:</strong></p>
+                    <ul>
+                        <li>Farmers, entrepreneurs, and cooperatives involved in livestock farming.</li>
+                        <li>State governments, NGOs, and private sector entities may also apply for certain components.</li>
+                    </ul>
+                    <a href="https://dahd.gov.in/schemes/programmes/national_livestock_mission" target="_blank">More Info</a>
+                </div>
+                <div>
+                    <h3>2. Rashtriya Gokul Mission (RGM)</h3>
+                    <p><strong>Objective:</strong> This mission aims to conserve and improve the genetic resources of indigenous bovine breeds in India, focusing on increasing milk production and improving the genetic potential of these breeds.</p>
+                    <p><strong>Key Features:</strong></p>
+                    <ul>
+                        <li>Establishment of breed multiplication farms for the conservation and multiplication of indigenous breeds.</li>
+                        <li>Support for scientific breeding programs and IVF-based technology for improving cattle genetics.</li>
+                        <li>Subsidized financial assistance for infrastructure development like barns, breeding centers, and livestock management tools.</li>
+                    </ul>
+                    <p><strong>Benefits:</strong></p>
+                    <ul>
+                        <li>Preservation and enhancement of indigenous cattle breeds.</li>
+                        <li>Improved milk production and quality of milk from indigenous breeds.</li>
+                        <li>Boosted income for farmers by focusing on genetic improvement.</li>
+                    </ul>
+                    <p><strong>Eligibility:</strong></p>
+                    <ul>
+                        <li>Farmers and entrepreneurs involved in cattle farming or breeding.</li>
+                        <li>Government and private sector entities working in animal husbandry and veterinary sciences.</li>
+                    </ul>
+                    <a href="https://dahd.nic.in/" target="_blank">More Info</a>
+                </div>
+                <div>
+                    <h3>3. Dairy Entrepreneurship Development Scheme (DEDS)</h3>
+                    <p><strong>Objective:</strong> This scheme aims to encourage setting up of modern dairy farms and milk processing units, providing self-employment opportunities for entrepreneurs in the dairy sector.</p>
+                    <p><strong>Key Features:</strong></p>
+                    <ul>
+                        <li>Subsidy ranging from 25% to 33% for entrepreneurs setting up dairy farms, milk processing units, and other related infrastructure.</li>
+                        <li>Loans are provided through NABARD and other financial institutions at subsidized interest rates.</li>
+                        <li>Support for establishing dairy equipment, cooling units, and packaging systems.</li>
+                        <li>Training and capacity building programs for entrepreneurs to ensure they are equipped to manage modern dairy farms.</li>
+                    </ul>
+                    <p><strong>Benefits:</strong></p>
+                    <ul>
+                        <li>Increased milk production and better processing facilities in the dairy sector.</li>
+                        <li>Creation of self-employment opportunities for youth in rural areas.</li>
+                        <li>Improved income for dairy farmers through enhanced productivity and quality of dairy products.</li>
+                    </ul>
+                    <p><strong>Eligibility:</strong></p>
+                    <ul>
+                        <li>Individuals, farmers, and cooperatives in the dairy sector.</li>
+                        <li>NGOs and private sector entrepreneurs involved in dairy farming and milk processing.</li>
+                        <li>Applicants must be residents of India and meet specific age and educational criteria.</li>
+                    </ul>
+                    <a href="https://www.nabard.org/" target="_blank">More Info</a>
+                </div>
+            </div>
+        </div>
+        <!-- Loans Section -->
+        <div class="section">
+            <h2 onclick="toggleContent('loanContent')"> Loans</h2>
+            <div id="loanContent" class="content">
+                <div>
+                    <h3>1. Kisan Credit Card (KCC)</h3>
+                    <p><strong>Objective:</strong> The Kisan Credit Card (KCC) is a government initiative aimed at providing short-term credit to farmers, including livestock farmers, for the purchase of inputs like feed, medicines, and other requirements.</p>
+                    <p><strong>Key Features:</strong></p>
+                    <ul>
+                        <li>Loans available for livestock and agriculture-related activities at a low-interest rate.</li>
+                        <li>Provides a credit limit to farmers for their daily working capital requirements.</li>
+                        <li>Loan amounts vary depending on the type of farming and the livestock held by the farmer.</li>
+                    </ul>
+                    <p><strong>Benefits:</strong></p>
+                    <ul>
+                        <li>Easy access to working capital for livestock farming.</li>
+                        <li>Subsidized interest rates for farmers.</li>
+                        <li>Helps in meeting expenses related to feed, health, and infrastructure for livestock.</li>
+                    </ul>
+                    <p><strong>Eligibility:</strong></p>
+                    <ul>
+                        <li>Farmers, including livestock farmers, with a KCC application.</li>
+                        <li>Applicants must have a valid Aadhaar card and other documents.</li>
+                    </ul>
+                    <a href="https://www.nabard.org/" target="_blank">More Info</a>
+                </div>
+                <div>
+                    <h3>2. Rural Infrastructure Development Fund (RIDF)</h3>
+                    <p><strong>Objective:</strong> RIDF provides financial support for creating infrastructure in rural areas, including facilities for livestock farming, such as cold storage, veterinary clinics, and dairy farms.</p>
+                    <p><strong>Key Features:</strong></p>
+                    <ul>
+                        <li>Loan facilities for building infrastructure related to livestock farming and rural economy.</li>
+                        <li>Offers long-term loans at affordable interest rates.</li>
+                        <li>Focuses on rural development and improving the productivity of livestock farming.</li>
+                    </ul>
+                    <p><strong>Benefits:</strong></p>
+                    <ul>
+                        <li>Improves rural infrastructure for livestock management.</li>
+                        <li>Boosts the efficiency of rural farmers in livestock farming activities.</li>
+                    </ul>
+                    <p><strong>Eligibility:</strong></p>
+                    <ul>
+                        <li>State governments, rural development agencies, and cooperatives.</li>
+                        <li>Private sector enterprises working in rural and livestock infrastructure development.</li>
+                    </ul>
+                    <a href="https://www.nabard.org/" target="_blank">More Info</a>
+                </div>
+                <div>
+                    <h3>3. NABARD Livestock Development Loan</h3>
+                    <p><strong>Objective:</strong> The loan is designed to support livestock development activities like dairy farming, poultry, and other animal husbandry practices in rural India.</p>
+                    <p><strong>Key Features:</strong></p>
+                    <ul>
+                        <li>Low-interest loans for livestock farming, including for the purchase of animals and development of infrastructure.</li>
+                        <li>Loans available for setting up modern facilities like dairy farms, processing units, and feed mills.</li>
+                    </ul>
+                    <p><strong>Benefits:</strong></p>
+                    <ul>
+                        <li>Improved productivity and quality of livestock farming.</li>
+                        <li>Helps farmers access modern farming tools and techniques.</li>
+                    </ul>
+                    <p><strong>Eligibility:</strong></p>
+                    <ul>
+                        <li>Farmers and cooperatives involved in livestock farming activities.</li>
+                        <li>Private and public sector entities operating in the livestock industry.</li>
+                    </ul>
+                    <a href="https://www.nabard.org/" target="_blank">More Info</a>
+                </div>
+            </div>
+        </div>
+        <!-- Subsidies Section -->
+        <div class="section">
+            <h2 onclick="toggleContent('subsidyContent')"> Subsidies </h2>
+            <div id="subsidyContent" class="content">
+                <div>
+                    <h3>1. Livestock Insurance Scheme</h3>
+                    <p><strong>Objective:</strong> The scheme aims to provide financial coverage for livestock against risks like accidents, diseases, and natural calamities.</p>
+                    <p><strong>Key Features:</strong></p>
+                    <ul>
+                        <li>Subsidy on premiums paid for livestock insurance policies.</li>
+                        <li>Covers cows, buffaloes, poultry, sheep, goats, and other farm animals.</li>
+                        <li>Premiums are subsidized by the government to make insurance affordable for farmers.</li>
+                    </ul>
+                    <p><strong>Benefits:</strong></p>
+                    <ul>
+                        <li>Helps farmers recover financial losses in case of livestock death or accidents.</li>
+                        <li>Provides a safety net for farmers involved in high-risk livestock farming activities.</li>
+                    </ul>
+                    <p><strong>Eligibility:</strong></p>
+                    <ul>
+                        <li>Farmers, cooperatives, and rural entrepreneurs involved in livestock farming.</li>
+                    </ul>
+                    <a href="https://dahd.nic.in/" target="_blank">More Info</a>
+                </div>
+                <div>
+                    <h3>2. Subsidy for Fodder Development</h3>
+                    <p><strong>Objective:</strong> This subsidy program aims to improve fodder production, ensuring the availability of nutritious feed for livestock, which is essential for healthy and productive animals.</p>
+                    <p><strong>Key Features:</strong></p>
+                    <ul>
+                        <li>Government subsidy for setting up fodder farms, storage units, and development of modern fodder processing technology.</li>
+                        <li>Assistance for growing high-quality fodder crops and developing pastures for grazing.</li>
+                        <li>Training programs for farmers on improved fodder management techniques.</li>
+                    </ul>
+                    <p><strong>Benefits:</strong></p>
+                    <ul>
+                        <li>Improved availability of high-quality fodder.</li>
+                        <li>Better animal health and productivity due to proper nutrition.</li>
+                        <li>Helps in reducing the dependency on external feed sources, leading to cost savings for farmers.</li>
+                    </ul>
+                    <p><strong>Eligibility:</strong></p>
+                    <ul>
+                        <li>Farmers, dairy entrepreneurs, and cooperative societies involved in livestock farming.</li>
+                    </ul>
+                    <a href="https://dahd.nic.in/" target="_blank">More Info</a>
+                </div>
+                <div>
+                    <h3>3. Subsidy for Veterinary Health Services</h3>
+                    <p><strong>Objective:</strong> This subsidy is aimed at improving livestock health by encouraging veterinary services, including disease control, vaccinations, and health diagnostics.</p>
+                    <p><strong>Key Features:</strong></p>
+                    <ul>
+                        <li>Subsidy for setting up veterinary clinics and animal health centers.</li>
+                        <li>Government funding for vaccination and disease control programs.</li>
+                    </ul>
+                    <p><strong>Benefits:</strong></p>
+                    <ul>
+                        <li>Reduced livestock mortality due to improved health and timely treatment.</li>
+                        <li>Enhanced productivity and longevity of animals.</li>
+                    </ul>
+                    <p><strong>Eligibility:</strong></p>
+                    <ul>
+                        <li>Veterinarians, private organizations, and government entities offering livestock healthcare services.</li>
+                    </ul>
+                    <a href="https://dahd.nic.in/" target="_blank">More Info</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        function toggleContent(contentId) {
+            var content = document.getElementById(contentId);
+            if (content.style.display === "none" || content.style.display === "") {
+                content.style.display = "block";
+            } else {
+                content.style.display = "none";
+            }
+        }
+    </script>
+</body>
+</html>

templates/home.html ADDED Viewed

	@@ -0,0 +1,172 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AgroVet</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      font-family: 'Poppins', sans-serif;
+      height: 100vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      overflow: hidden;
+      position: relative;
+    }
+    /* Background Slider */
+    .background-slider {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-size: cover;
+      background-position: center;
+      animation: slide 15s infinite linear;
+    }
+    @keyframes slide {
+      0%, 100% { background-image: url('/static/home.jpeg'); }
+      33% { background-image: url('/static/home.jpeg'); }
+      66% { background-image: url('/static/home.jpeg'); }
+    }
+    .container {
+      position: relative;
+      z-index: 1;
+      text-align: center;
+      background: rgba(0, 0, 0, 0.7);
+      padding: 30px;
+      border-radius: 15px;
+      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
+      width: 80%;
+      max-width: 800px;
+    }
+    h1 {
+      font-size: 3em;
+      margin-bottom: 10px;
+      color: #ffcc29;
+    }
+    p {
+      font-size: 1.3em;
+      margin-bottom: 30px;
+      color: #ddd;
+    }
+    .button-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 20px;
+    }
+    .button {
+      background: linear-gradient(45deg, #00c9ff, #92fe9d);
+      color: white;
+      padding: 20px;
+      text-decoration: none;
+      border-radius: 10px;
+      font-size: 1.1em;
+      font-weight: bold;
+      text-align: center;
+      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+      transition: transform 0.3s, box-shadow 0.3s;
+    }
+    .button:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
+      background: linear-gradient(45deg, #4facfe, #00f2fe);
+    }
+    footer {
+      margin-top: 20px;
+      font-size: 0.9em;
+      color: #aaa;
+    }
+    footer a {
+      color: #ffcc29;
+      text-decoration: none;
+    }
+    .language-select {
+      position: absolute;
+      top: 10px;
+      right: 20px;
+    }
+  </style>
+</head>
+<body>
+  <div class="background-slider"></div>
+  <div class="language-select">
+    <label for="language">Language:</label>
+    <select id="language" onchange="changeLanguage()">
+      <option value="en">English</option>
+      <option value="kn">Kannada</option>
+      <option value="hi">Hindi</option>
+      <option value="ta">Tamil</option>
+      <option value="te">Telugu</option>
+    </select>
+  </div>
+  <div class="container" id="content">
+    <h1 data-translate="AgroVet">AgroVet</h1>
+    <p data-translate='"Empowering Animal Rearing with Modern Solutions"'>"Empowering Animal Rearing with Modern Solutions"</p>
+    <div class="button-grid">
+      <a href="/rearing-guidance" class="button" data-translate="Rearing Guidance">Rearing Guidance</a>
+      <a href="/ai-chatbot" class="button" data-translate="AI Chatbot">AI Chatbot</a>
+      <a href="/disease-detection" class="button" data-translate="Disease Detection">Disease Detection</a>
+      <a href="/govt-schemes" class="button" data-translate="Govt Schemes">Govt Schemes</a>
+      <a href="/veterinary_map" class="button" data-translate="Veterinary Maps">veterinary map</a>
+    </div>
+  </div>
+  <script>
+    document.addEventListener("DOMContentLoaded", function () {
+      const savedLanguage = localStorage.getItem("selectedLanguage") || "en";
+      document.getElementById("language").value = savedLanguage;
+      translatePage(savedLanguage);
+    });
+    function changeLanguage() {
+      const selectedLanguage = document.getElementById("language").value;
+      localStorage.setItem("selectedLanguage", selectedLanguage);
+      translatePage(selectedLanguage);
+    }
+    function translatePage(targetLanguage) {
+      const elements = document.querySelectorAll("[data-translate]");
+      if (targetLanguage === "en") {
+        elements.forEach((el) => {
+          el.innerText = el.getAttribute("data-translate");
+        });
+        return;
+      }
+      elements.forEach((el) => {
+        const originalText = el.getAttribute("data-translate");
+        fetch(`https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=${targetLanguage}&dt=t&q=${encodeURIComponent(originalText)}`)
+          .then((response) => response.json())
+          .then((data) => {
+            el.innerText = data[0][0][0];
+          })
+          .catch((error) => console.error("Translation error:", error));
+      });
+    }
+  </script>
+</body>
+</html>

templates/home1.html ADDED Viewed

	@@ -0,0 +1,98 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AgroVet</title>
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+      font-family: 'Poppins', sans-serif;
+      height: 100vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background: url('home.jpeg') no-repeat center center/cover;
+      color: #fff;
+    }
+    .container {
+      text-align: center;
+      background: rgba(0, 0, 0, 0.7);
+      padding: 30px;
+      border-radius: 15px;
+      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
+      width: 80%;
+      max-width: 800px;
+    }
+    h1 {
+      font-size: 3em;
+      margin-bottom: 10px;
+      color: #ffcc29;
+    }
+    p {
+      font-size: 1.3em;
+      margin-bottom: 30px;
+      color: #ddd;
+    }
+    .button-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 20px;
+    }
+    .button {
+      background: linear-gradient(45deg, #00c9ff, #92fe9d);
+      color: white;
+      padding: 20px;
+      text-decoration: none;
+      border-radius: 10px;
+      font-size: 1.1em;
+      font-weight: bold;
+      text-align: center;
+      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+      transition: transform 0.3s, box-shadow 0.3s;
+    }
+    .button:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
+      background: linear-gradient(45deg, #4facfe, #00f2fe);
+    }
+    footer {
+      margin-top: 20px;
+      font-size: 0.9em;
+      color: #aaa;
+    }
+    footer a {
+      color: #ffcc29;
+      text-decoration: none;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>AgroVet</h1>
+    <p>"Empowering Animal Rearing with Modern Solutions"</p>
+    <div class="button-grid">
+      <a href="/rearing-guidance" class="button">Rearing Guidance</a>
+      <a href="/ai-chatbot" class="button">AI Chatbot</a>
+      <a href="/disease-detection" class="button">Disease Detection</a>
+      <a href="information.html" class="button">Info Hub</a>
+      <a href="latest-innovations.html" class="button">Latest Innovations</a>
+      <a href="govt-schemes.html" class="button">Govt Schemes</a>
+    </div>
+  </div>
+</body>
+</html>

templates/s1.html ADDED Viewed

	@@ -0,0 +1,172 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Animal Husbandry Guidance</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0-alpha1/css/bootstrap.min.css">
+    <style>
+        body {
+            background-color: #FAF3E0;
+            font-family: 'Arial', sans-serif;
+        }
+        .container {
+            background-color: #ffffff;
+            border-radius: 10px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            padding: 30px;
+        }
+        .title-box {
+            background-color: #2C3E50;
+            color: #fff;
+            padding: 20px;
+            text-align: center;
+            border-radius: 8px;
+            margin-bottom: 20px;
+        }
+        .title-box h1 {
+            font-size: 2.5em;
+            margin-bottom: 10px;
+            color: #F5A623;
+        }
+        .title-box p {
+            font-size: 1.2em;
+        }
+        .form-select, .form-control {
+            border-radius: 8px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+        }
+        .btn-primary {
+            background-color: #2C3E50;
+            border: none;
+            border-radius: 8px;
+        }
+        .btn-primary:hover {
+            background-color: #233140;
+        }
+        .result-card {
+            background-color: #ECF0F1;
+            border-radius: 10px;
+            padding: 20px;
+            margin-top: 20px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        }
+        .list-group-item {
+            background-color: #ffffff;
+            border: 1px solid #ddd;
+            color: #333;
+            font-size: 16px;
+        }
+        .list-group-item:hover {
+            background-color: #F5A623;
+        }
+        .highlight {
+            color: #2C3E50;
+            font-weight: bold;
+        }
+        .footer {
+            text-align: center;
+            margin-top: 30px;
+            font-size: 14px;
+            color: #888;
+        }
+        .animal-recommendation {
+            margin-top: 20px;
+            padding: 20px;
+            background-color: #f0f8ff;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+    </style>
+</head>
+<body>
+    <div class="language-select" style="position: absolute; top: 10px; right: 20px;">
+        <label for="language">Language:</label>
+        <select id="language" onchange="changeLanguage()">
+            <option value="en">English</option>
+            <option value="kn">Kannada</option>
+            <option value="hi">Hindi</option>
+            <option value="ta">Tamil</option>
+            <option value="te">Telugu</option>
+        </select>
+    </div>
+    <div class="container mt-5">
+        <div class="title-box">
+            <h1 data-translate="Personalized Animal Husbandry Guidance">Personalized Animal Husbandry Guidance</h1>
+            <p data-translate="Get tailored advice for your livestock needs">Get tailored advice for your livestock needs</p>
+        </div>
+        <form action="/result" method="POST">
+            <div class="mb-3">
+                <label for="animal_type" class="form-label" data-translate="Select Animal Type">Select Animal Type</label>
+                <select class="form-select" id="animal_type" name="animal_type" required>
+                    <option value="Cow">Cow</option>
+                    <option value="Buffalo">Buffalo</option>
+                    <option value="Pig">Pig</option>
+                    <option value="Goat">Goat</option>
+                    <option value="Sheep">Sheep</option>
+                    <option value="Poultry">Poultry</option>
+                    <option value="Bee Hiving">Bee Hiving</option>
+                    <option value="Sericulture">Sericulture</option>
+                </select>
+            </div>
+            <div class="mb-3">
+                <label for="number_of_animals" class="form-label" data-translate="Number of Animals">Number of Animals</label>
+                <input type="number" class="form-control" id="number_of_animals" name="number_of_animals" required>
+            </div>
+            <button type="submit" class="btn btn-primary w-100" data-translate="Get Guidance">Get Guidance</button>
+        </form>
+        {% if area_size %}
+        <div class="result-card">
+            <h3 class="text-center mb-4">Results for <span class="highlight">{{ animal_type }}</span> ({{ number_of_animals }} animals)</h3>
+            <ul class="list-group">
+                <li class="list-group-item">Area Required (sq ft): <span class="highlight">{{ area_size }}</span></li>
+                <li class="list-group-item">Feed Type: <span class="highlight">{{ feed_type }}</span></li>
+                <li class="list-group-item">Feed Quantity (kg/day): <span class="highlight">{{ feed_quantity }}</span></li>
+                <li class="list-group-item">Cost (INR): <span class="highlight">{{ cost_in_inr }}</span></li>
+                <li class="list-group-item">Water Supply (liters/day): <span class="highlight">{{ water_supply }}</span></li>
+                <li class="list-group-item">Hygiene Tips: <span class="highlight">{{ hygiene_tips }}</span></li>
+                <li class="list-group-item">Seasonal Tips: <span class="highlight">{{ seasonal_tips }}</span></li>
+            </ul>
+        </div>
+        {% endif %}
+    </div>
+    <div class="footer">
+        <p data-translate="Personalized Animal Husbandry Guidance">Personalized Animal Husbandry Guidance</p>
+    </div>
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            const savedLanguage = localStorage.getItem("selectedLanguage") || "en";
+            document.getElementById("language").value = savedLanguage;
+            translatePage(savedLanguage);
+        });
+        function changeLanguage() {
+            const selectedLanguage = document.getElementById("language").value;
+            localStorage.setItem("selectedLanguage", selectedLanguage);
+            translatePage(selectedLanguage);
+        }
+        function translatePage(targetLanguage) {
+            const elements = document.querySelectorAll("[data-translate]");
+            elements.forEach((el) => {
+                const originalText = el.getAttribute("data-translate");
+                if (targetLanguage === "en") {
+                    el.innerText = originalText;
+                } else {
+                    fetch(`https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=${targetLanguage}&dt=t&q=${encodeURIComponent(originalText)}`)
+                        .then(response => response.json())
+                        .then(data => el.innerText = data[0][0][0])
+                        .catch(console.error);
+                }
+            });
+        }
+    </script>
+</body>
+</html>

templates/s2.html ADDED Viewed

	@@ -0,0 +1,244 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Chatbot</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        }
+        body {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #FAF3E0; /* Light yellow background */
+            padding: 1rem;
+        }
+        .chat-container {
+            width: 100%;
+            max-width: 400px;
+            background: white;
+            border-radius: 1rem;
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+            overflow: hidden;
+        }
+        .chat-header {
+            display: flex;
+            align-items: center;
+            gap: 0.75rem;
+            padding: 1rem;
+            background: #2C3E50; /* Dark blue background */
+            color: white;
+            position: relative;
+        }
+        .header-info h1 {
+            font-size: 1.25rem;
+            font-weight: 600;
+        }
+        .header-info p {
+            font-size: 0.875rem;
+            opacity: 0.9;
+        }
+        .chat-messages {
+            height: 500px;
+            overflow-y: auto;
+            padding: 1rem;
+            display: flex;
+            flex-direction: column;
+            gap: 1rem;
+        }
+        .message {
+            max-width: 80%;
+            padding: 0.75rem 1rem;
+            border-radius: 1rem;
+            word-wrap: break-word;
+        }
+        .user-message {
+            align-self: flex-start;
+            background: #ADD8E6; /* Light blue background */
+            border-top-left-radius: 0;
+            color: #333;
+        }
+        .bot-message {
+            align-self: flex-end;
+            background: #2C3E50; /* Dark blue background */
+            color: white;
+            border-top-right-radius: 0;
+        }
+        .chat-input {
+            padding: 1rem;
+            border-top: 1px solid #eee;
+            display: flex;
+            gap: 0.5rem;
+        }
+        .chat-input input {
+            flex: 1;
+            padding: 0.75rem;
+            border: 1px solid #ddd;
+            border-radius: 0.5rem;
+            outline: none;
+            font-size: 0.875rem;
+        }
+        .chat-input input:focus {
+            border-color: #2C3E50;
+        }
+        .send-btn {
+            background: #2C3E50; /* Dark blue background */
+            color: white;
+            border: none;
+            padding: 0.75rem;
+            border-radius: 0.5rem;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .send-btn:hover {
+            background: #1E4A7A; /* Darker blue on hover */
+        }
+        .send-btn svg {
+            width: 1.25rem;
+            height: 1.25rem;
+        }
+        .language-selector {
+            margin-top: 10px;
+            padding: 5px;
+            background-color: #2C3E50; /* Dark blue background */
+            color: white;
+            border-radius: 5px;
+            text-align: center;
+        }
+        .language-selector label {
+            margin-right: 10px;
+        }
+        .language-selector select {
+            padding: 5px;
+            border: none;
+            border-radius: 5px;
+            background-color: white;
+            color: #333;
+        }
+        .loading {
+            text-align: center;
+            margin-top: 10px;
+            color: #2C3E50; /* Dark blue color */
+        }
+        @media (min-width: 768px) {
+            #chatbox {
+                height: 500px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="chat-container">
+        <div class="chat-header">
+            <div class="header-info">
+                <h1>AGRIBOT</h1>
+            </div>
+        </div>
+        <div class="chat-messages" id="chatbox">
+            <div class="message bot-message">Hello! How can I help you today?</div>
+        </div>
+        <!-- Language Selection Dropdown -->
+        <div class="language-selector">
+            <label for="language">Select Language:</label>
+            <select id="language" name="language" onchange="updateLanguage()">
+                <option value="en">English</option>
+                <option value="kn">Kannada</option>
+                <option value="hi">Hindi</option>
+                <option value="te">Telugu</option>
+                <option value="ta">Tamil</option>
+                <option value="ml">Malayalam</option>
+            </select>
+        </div>
+        <div class="chat-input">
+            <input type="text" id="userInput" placeholder="Type your message..." autocomplete="off">
+            <button class="send-btn" id="sendBtn">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/>
+                </svg>
+            </button>
+        </div>
+        <div class="loading" id="loading" style="display: none;">Loading...</div>
+    </div>
+    <script>
+        const chatbox = document.getElementById("chatbox");
+        const userInput = document.getElementById("userInput");
+        const sendBtn = document.getElementById("sendBtn");
+        const loading = document.getElementById("loading");
+        // Add user and bot messages to chatbox
+        function addMessage(role, text) {
+            const messageDiv = document.createElement("div");
+            messageDiv.className = `message ${role}-message`;
+            messageDiv.textContent = text;
+            chatbox.appendChild(messageDiv);
+            chatbox.scrollTop = chatbox.scrollHeight;
+        }
+        // Send message to the server
+        sendBtn.addEventListener("click", async () => {
+            const userMessage = userInput.value.trim();
+            const language = document.getElementById("language").value; // Get selected language
+            if (!userMessage) return;
+            addMessage("user", userMessage);
+            userInput.value = "";
+            loading.style.display = "block"; // Show loading indicator
+            try {
+                const response = await fetch("/chat", {
+                    method: "POST",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    body: JSON.stringify({ message: userMessage, language: language }),  // Include language
+                });
+                const data = await response.json();
+                addMessage("bot", data.response);
+            } catch (error) {
+                addMessage("bot", "Sorry, something went wrong!");
+            } finally {
+                loading.style.display = "none"; // Hide loading indicator
+            }
+        });
+        function updateLanguage() {
+            const language = document.getElementById("language").value;
+            window.location.href = `/ai-chatbot?language=${language}`;
+        }
+    </script>
+</body>
+</html>

templates/s3.html ADDED Viewed

	@@ -0,0 +1,324 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Animal Disease Prediction</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 20px;
+            background-color: #FAF3E0;
+            color: #333;
+        }
+        .container {
+            max-width: 900px;
+            margin: auto;
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+        }
+        h1 {
+            background-color: #2C3E50;
+            color: #fff;
+            padding: 20px;
+            text-align: center;
+            border-radius: 8px;
+            margin-bottom: 20px;
+            font-size: 2.5em;
+        }
+        p {
+            line-height: 1.6;
+        }
+        form {
+            background: #fff;
+            margin: 15px 0;
+            padding: 15px;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        input[type="file"] {
+            margin-bottom: 10px;
+        }
+        button {
+            background-color: #2980B9;
+            color: #fff;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            margin-top: 10px;
+        }
+        button:hover {
+            background-color: #1F618D;
+        }
+        h3 {
+            color: #2980B9;
+        }
+        .error {
+            color: #E74C3C;
+        }
+        .language-selector {
+            position: absolute;
+            top: 10px;
+            right: 20px;
+            z-index: 1000; /* Ensure it's on top */
+        }
+        #camera-controls, #file-upload-controls {
+            display: none;
+            flex-direction: column;
+            align-items: center;
+        }
+        #option-buttons {
+            display: flex;
+            justify-content: center;
+            gap: 20px;
+            margin-bottom: 20px;
+        }
+        #video {
+            width: 100%;
+            max-width: 400px;
+            height: auto;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            margin-bottom: 10px;
+            background-color: #000;
+        }
+        #captured-image {
+            width: 224px;
+            height: 224px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            object-fit: contain;
+            background-color: #f0f0f0;
+            margin-top: 10px;
+            display: none;
+        }
+        #canvas {
+            display: none;
+        }
+    </style>
+</head>
+<body>
+    <div class="language-selector">
+        <label for="language">Language:</label>
+        <select id="language" onchange="changeLanguageViaBackend()">
+            <option value="en" selected>English</option>
+            <option value="kn">ಕನ್ನಡ</option>
+            <option value="hi">हिंदी</option>
+            <option value="ta">தமிழ்</option>
+            <option value="te">తెలుగు</option>
+        </select>
+    </div>
+    <div class="container">
+        <h1>Animal Disease Prediction</h1>
+        <p>
+            Choose an option to upload an image of the animal to detect diseases and get preventive measures.
+        </p>
+        <div id="option-buttons">
+            <button id="show-camera" type="button">Take a Photo</button>
+            <button id="show-upload" type="button">Upload a File</button>
+        </div>
+        <form id="prediction-form" method="POST" enctype="multipart/form-data">
+            <div id="camera-controls">
+                <video id="video" autoplay></video>
+                <button id="capture-photo" type="button">Capture Photo</button>
+                <img id="captured-image" src="" alt="Captured Image">
+            </div>
+            <div id="file-upload-controls">
+                <input type="file" name="file" id="file-input" accept="image/*">
+            </div>
+            <button type="submit" id="predict-button" style="display: none;">Predict Disease</button>
+        </form>
+        {% if img_data %}
+            <h3>Uploaded Image:</h3>
+            <img src="data:image/png;base64,{{ img_data }}" alt="Uploaded Image" style="width: 224px; height: 224px;">
+        {% endif %}
+        {% if prediction %}
+            <h3>Prediction:</h3>
+            <p>{{ prediction }}</p>
+            <p>Confidence Score:</p>
+            <p>{{ confidence }}</p>
+            {% if medication %}
+                <h4>Suggested Medication:</h4>
+                <p>{{ medication }}</p>
+            {% else %}
+                <p>No medication suggestion available for this condition.</p>
+            {% endif %}
+        {% endif %}
+        {% if error %}
+            <p class="error">{{ error }}</p>
+        {% endif %}
+        <canvas id="canvas"></canvas>
+    </div>
+    <script>
+        // Function to change language via Flask backend (sets cookie and reloads page)
+        // IMPORTANT: The /set_language route needs to be added back to your app.py
+        // OR, if you are truly abandoning all server-side translation, you should remove this JS function
+        // and its onchange call from the select element.
+        function changeLanguageViaBackend() {
+            const selectedLanguage = document.getElementById("language").value;
+            // This route requires Flask-Babel or a custom implementation to set the language.
+            // If you're completely removing server-side language handling, this line will cause an error.
+            // For now, I'm leaving it as-is, assuming you might re-implement a simple language cookie setter.
+            window.location.href = `/set_language/${selectedLanguage}?next=${window.location.pathname}`;
+        }
+        // --- Camera and File Upload Logic (from previous response, adapted) ---
+        const showCameraButton = document.getElementById('show-camera');
+        const showUploadButton = document.getElementById('show-upload');
+        const cameraControls = document.getElementById('camera-controls');
+        const fileUploadControls = document.getElementById('file-upload-controls');
+        const video = document.getElementById('video');
+        const capturePhotoButton = document.getElementById('capture-photo');
+        const capturedImage = document.getElementById('captured-image');
+        const predictButton = document.getElementById('predict-button');
+        const canvas = document.getElementById('canvas');
+        const fileInput = document.getElementById('file-input');
+        const context = canvas.getContext('2d');
+        let currentStream;
+        function resetControls() {
+            cameraControls.style.display = 'none';
+            fileUploadControls.style.display = 'none';
+            predictButton.style.display = 'none';
+            capturedImage.style.display = 'none';
+            capturedImage.src = '';
+            fileInput.value = null; // Clear selected file
+            if (currentStream) {
+                currentStream.getTracks().forEach(track => track.stop());
+                video.srcObject = null;
+                currentStream = null;
+            }
+        }
+        showCameraButton.addEventListener('click', async () => {
+            resetControls();
+            cameraControls.style.display = 'flex';
+            try {
+                currentStream = await navigator.mediaDevices.getUserMedia({ video: true, audio: false });
+                video.srcObject = currentStream;
+                video.style.display = 'block';
+                capturePhotoButton.style.display = 'block';
+            } catch (err) {
+                console.error("Error accessing the camera: ", err);
+                alert("Could not access camera. Please ensure you have a webcam and granted permissions.");
+            }
+        });
+        showUploadButton.addEventListener('click', () => {
+            resetControls();
+            fileUploadControls.style.display = 'flex';
+            // If file input has a file, show predict button immediately
+            if (fileInput.files.length > 0) {
+                predictButton.style.display = 'block';
+            }
+        });
+        capturePhotoButton.addEventListener('click', () => {
+            canvas.width = video.videoWidth;
+            canvas.height = video.videoHeight;
+            context.drawImage(video, 0, 0, canvas.width, canvas.height);
+            const imageDataURL = canvas.toDataURL('image/jpeg');
+            capturedImage.src = imageDataURL;
+            capturedImage.style.display = 'block';
+            predictButton.style.display = 'block'; // Show predict button after capture
+            video.style.display = 'none';
+            capturePhotoButton.style.display = 'none';
+            if (currentStream) {
+                currentStream.getTracks().forEach(track => track.stop());
+                video.srcObject = null;
+            }
+        });
+        fileInput.addEventListener('change', () => {
+            if (fileInput.files.length > 0) {
+                predictButton.style.display = 'block';
+                // Display a preview of the uploaded image (optional but good UX)
+                const reader = new FileReader();
+                reader.onload = function(e) {
+                    capturedImage.src = e.target.result;
+                    capturedImage.style.display = 'block';
+                };
+                reader.readAsDataURL(fileInput.files[0]);
+            } else {
+                predictButton.style.display = 'none';
+                capturedImage.style.display = 'none';
+                capturedImage.src = '';
+            }
+        });
+        document.getElementById('prediction-form').addEventListener('submit', async function(event) {
+            event.preventDefault();
+            const formData = new FormData();
+            let hasFile = false;
+            // Priority: Captured image from camera
+            if (capturedImage.src && capturedImage.style.display === 'block' && video.style.display === 'none') {
+                try {
+                    const response = await fetch(capturedImage.src);
+                    const blob = await response.blob();
+                    formData.append('file', blob, 'captured_image.jpeg');
+                    hasFile = true;
+                } catch (error) {
+                    alert("Error preparing captured image for upload.");
+                    console.error('Error fetching blob from captured image:', error);
+                    return;
+                }
+            }
+            // Fallback: File from file input
+            else if (fileInput.files.length > 0) {
+                formData.append('file', fileInput.files[0]);
+                hasFile = true;
+            }
+            if (!hasFile) {
+                alert("Please take a photo or select a file first.");
+                return;
+            }
+            try {
+                const response = await fetch(event.target.action, {
+                    method: event.target.method,
+                    body: formData,
+                });
+                if (response.ok) {
+                    const htmlResponse = await response.text();
+                    // Replacing the whole container re-renders the page with new data
+                    document.querySelector('.container').innerHTML = new DOMParser().parseFromString(htmlResponse, 'text/html').querySelector('.container').innerHTML;
+                } else {
+                    const errorText = await response.text();
+                    console.error('Server error:', response.status, errorText);
+                    alert("An error occurred during prediction.");
+                }
+            } catch (error) {
+                console.error('Fetch error:', error);
+                alert("An error occurred while connecting to the server.");
+            }
+        });
+        // Initialize state on page load
+        document.addEventListener('DOMContentLoaded', () => {
+            resetControls(); // Start with all prediction controls hidden
+        });
+    </script>
+</body>
+</html>

templates/veterinary_map.html ADDED Viewed

	@@ -0,0 +1,128 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Nearby Veterinary Hospitals</title>
+  <style>
+    body {
+      background-color: #FAF3E0;
+      font-family: 'Arial', sans-serif;
+      margin: 0;
+      padding: 0;
+    }
+    .container {
+      max-width: 900px;
+      margin: 50px auto;
+      background-color: #ffffff;
+      border-radius: 10px;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+      padding: 30px;
+    }
+    .title-box {
+      background-color: #2C3E50;
+      color: #fff;
+      padding: 20px;
+      text-align: center;
+      border-radius: 8px;
+      margin-bottom: 20px;
+    }
+    .title-box h1 {
+      font-size: 2.5em;
+      margin-bottom: 10px;
+      color: #F5A623;
+    }
+    .title-box p {
+      font-size: 1.2em;
+    }
+    .map-btn {
+      background-color: #2C3E50;
+      color: #fff;
+      padding: 12px 24px;
+      font-size: 16px;
+      border: none;
+      border-radius: 8px;
+      cursor: pointer;
+      transition: background-color 0.3s ease;
+      margin-top: 20px;
+    }
+    .map-btn:hover {
+      background-color: #233140;
+    }
+    iframe {
+      width: 100%;
+      height: 400px;
+      border: 0;
+      border-radius: 12px;
+      margin-top: 30px;
+      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    }
+    .footer {
+      text-align: center;
+      margin-top: 30px;
+      font-size: 14px;
+      color: #888;
+    }
+    @media (max-width: 600px) {
+      .title-box h1 {
+        font-size: 1.8em;
+      }
+      .map-btn {
+        width: 100%;
+      }
+      iframe {
+        height: 300px;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="title-box">
+      <h1>Find Nearby Vet Hospitals</h1>
+      <p>Click the button to view veterinary hospitals near you</p>
+    </div>
+    <div style="text-align: center;">
+      <button class="map-btn" onclick="findVetHospitals()">Locate Vet Hospitals</button>
+    </div>
+    <!-- Static Embedded Map -->
+    <iframe
+      src="https://www.google.com/maps?q=Shimoga+Veterinary+Hospital&output=embed"
+      allowfullscreen
+      loading="lazy"
+      referrerpolicy="no-referrer-when-downgrade">
+    </iframe>
+    <div class="footer">© 2025 AgroVet Hub – All Rights Reserved</div>
+  </div>
+  <script>
+    function findVetHospitals() {
+      if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition(function(position) {
+          let lat = position.coords.latitude;
+          let lng = position.coords.longitude;
+          let mapsUrl = `https://www.google.com/maps/search/Veterinary+Hospitals+shimoga/@${lat},${lng},15z`;
+          window.open(mapsUrl, '_blank');
+        }, function(error) {
+          alert('Error: Please allow location access to use this feature.');
+        });
+      } else {
+        alert('Geolocation is not supported by your browser.');
+      }
+    }
+  </script>
+</body>
+</html>