Update dashboard.html

Updated

Author: aimtyaem

dashboard.html

@@ -180,8 +180,6 @@ <h3 id="modal-title"></h3>
 </div>
 
 <script>
-    const AZURE_API_ENDPOINT = "https://eoagritool-cwfzfndaazauawex.canadacentral-01.azurewebsites.net";
-
     document.addEventListener('DOMContentLoaded', () => {
         loadDashboardData();
     });
@@ -238,9 +236,9 @@ <h3 id="modal-title"></h3>
 
     async function fetchRecommendationsData() {
         try {
-            const response = await fetch(`${AZURE_API_ENDPOINT}/recommendations`);
+            const response = await fetch("/api/recommendations");
             const data = await response.json();
-            renderRecommendationCards(data.recommendations);
+            renderRecommendationCards(data);
         } catch (error) {
             showError("Failed to load agricultural recommendations");
             document.getElementById('recommendations-card').innerHTML = `
@@ -294,8 +292,7 @@ <h3 class="card-title">🌱 Expert Recommendations</h3>
             const recElement = document.createElement('div');
             recElement.innerHTML = `
                 <p><strong>${rec.title}</strong></p>
-                <p>${rec.summary}</p>
-                <button onclick="getRecommendationDetails(${index})">View Details</button>
+                <p>${rec.details}</p>
             `;
             recommendationsCard.appendChild(recElement);
         });