Fix search form duplication by updating event handler to submit the correct filter form and return JSON responses for park suggestions

parks/views_search.py

@@ -33,18 +33,22 @@ class ParkSearchView(TemplateView):
         
         return context
 
-def suggest_parks(request: HttpRequest) -> HttpResponse:
-    """Return park search suggestions using HTMX."""
+def suggest_parks(request: HttpRequest) -> JsonResponse:
+    """Return park search suggestions as JSON."""
     query = request.GET.get('search', '').strip()
     if not query:
-        return HttpResponse('')
+        return JsonResponse({'results': []})
     
     queryset = get_base_park_queryset()
     filter_instance = ParkFilter({'search': query}, queryset=queryset)
     parks = filter_instance.qs[:8]  # Limit to 8 suggestions
     
-    return render(
-        request,
-        "parks/partials/park_suggestions.html",
-        {"parks": parks, "query": query}
-    )
+    results = [{
+        'id': str(park.pk),
+        'name': park.name,
+        'status': park.get_status_display(),
+        'location': park.formatted_location or '',
+        'url': reverse('parks:park_detail', kwargs={'slug': park.slug})
+    } for park in parks]
+    
+    return JsonResponse({'results': results})