Merge pull request 'feature/suggestion-item' (#25) from feature/suggestion-item into main

Reviewed-on: #25

covas_mobile/lib/pages/ListItemMenu.dart

@@ -42,8 +42,10 @@ class _MyHomePageState extends State<ListItemMenu> {
   Future<List<Events>> postsFuture = getPosts();
   List<Events> filteredPosts = [];
   String geographicalZone = '';
+  String itemName = '';
   String query = '';
   List<Map<String, dynamic>> suggestions = [];
+  List<Map<String, dynamic>> suggestionsItem = [];
   TextEditingController inputGeo = TextEditingController();
   TextEditingController startDatepicker = TextEditingController();
   TextEditingController endDatepicker = TextEditingController();
@@ -51,6 +53,7 @@ class _MyHomePageState extends State<ListItemMenu> {
 
   bool showDateFields = false; // State to toggle date fields
   bool showArrow = true;
+  bool showInputSearch = true;
   // Fetching events from API
   static Future<List<Events>> getPosts() async {
     PermissionStatus status = await Permission.location.status;
@@ -260,6 +263,7 @@ class _MyHomePageState extends State<ListItemMenu> {
             .toList();
         if (suggestions.isNotEmpty) {
           showArrow = false;
+          showInputSearch = false;
         }
       });
     } else {
@@ -267,11 +271,8 @@ class _MyHomePageState extends State<ListItemMenu> {
     }
   }
 
-  Future<void> fetchPostsByLocation() async {
+  Future<Uri> getUrlForEvents() async {
     SharedPreferences prefs = await SharedPreferences.getInstance();
-    var accessToken = prefs.getString("access_token") ?? "";
-
-    if (accessToken.isNotEmpty) {
     double latitude = prefs.getDouble("city_lat") ?? 0.0;
     double longitude = prefs.getDouble("city_long") ?? 0.0;
     String stringParameter = "";
@@ -303,8 +304,7 @@ class _MyHomePageState extends State<ListItemMenu> {
       dateParameter = "date_event=" + date.toString();
       endpoint = "events/search";
     }
-      if ((startDatepicker.text.isNotEmpty) &&
+    if ((startDatepicker.text.isNotEmpty) && (endDatepicker.text.isNotEmpty)) {
-          (endDatepicker.text.isNotEmpty)) {
       var startDate = DateTime.parse(formatDate(startDatepicker.text));
       var endDate = DateTime.parse(formatDate(endDatepicker.text));
       dateParameter = "&start_date=" +
@@ -323,8 +323,42 @@ class _MyHomePageState extends State<ListItemMenu> {
     } else {
       stringParameter = dateParameter;
     }
-      print("stringParameter : ${stringParameter}");
+    return Uri.parse("${globals.api}/${endpoint}?${stringParameter}");
-      var url = Uri.parse("${globals.api}/${endpoint}?${stringParameter}");
+  }
+
+  Future<void> searchSuggestionsByItem(String input) async {
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    var accessToken = prefs.getString("access_token") ?? "";
+
+    if (accessToken.isNotEmpty) {
+      var url = await getUrlForEvents();
+      final response = await http.get(url, headers: {
+        "Content-Type": "application/json",
+        HttpHeaders.cookieHeader: "access_token=$accessToken"
+      });
+
+      if (response.statusCode == 200) {
+        final data = json.decode(utf8.decode(response.bodyBytes));
+        setState(() {
+          suggestionsItem = (data as List)
+              .map((feature) => {'name': feature['name']})
+              .toList();
+          if (suggestionsItem.isNotEmpty) {
+            showDateFields = false;
+            showArrow = false;
+          }
+        });
+        print("status code : ${response.statusCode}");
+      }
+    }
+  }
+
+  Future<void> fetchPostsByLocation() async {
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    var accessToken = prefs.getString("access_token") ?? "";
+
+    if (accessToken.isNotEmpty) {
+      var url = await getUrlForEvents();
       final response = await http.get(url, headers: {
         "Content-Type": "application/json",
         HttpHeaders.cookieHeader: "access_token=$accessToken"
@@ -421,7 +455,8 @@ class _MyHomePageState extends State<ListItemMenu> {
                     inputGeo.clear(); // Clear the text field
                     geographicalZone = ''; // Reset the geographical zone state
                     suggestions.clear();
-                    showArrow = true; // Optionally clear suggestions
+                    showArrow = true;
+                    showInputSearch = true; // Optionally clear suggestions
                     /// Clear the filtered posts
                   });
                   fetchPostsByLocation();
@@ -443,6 +478,7 @@ class _MyHomePageState extends State<ListItemMenu> {
                   geographicalZone = ''; // Reset the geographical zone state
                   suggestions.clear(); // Optionally clear suggestions
                   showArrow = true;
+                  showInputSearch = true;
 
                   /// Clear the filted posts
                 });
@@ -474,6 +510,7 @@ class _MyHomePageState extends State<ListItemMenu> {
                         inputGeo.text = geographicalZone;
                         suggestions.clear();
                         showArrow = true;
+                        showInputSearch = true;
                       });
                       SharedPreferences prefs =
                           await SharedPreferences.getInstance();
@@ -505,14 +542,60 @@ class _MyHomePageState extends State<ListItemMenu> {
                   onPressed: () {
                     setState(() {
                       inputItem.clear();
+                      itemName = ''; // Reset the geographical zone state
+                      suggestionsItem.clear();
+                      showDateFields = true;
+                      showArrow = true;
                     });
                     fetchPostsByLocation();
                   },
                 ),
               ),
-            onSubmitted: (value) {
+              onChanged: (value) {
+                if (value.isNotEmpty) {
+                  setState(() {
+                    itemName = value;
+                    searchSuggestionsByItem(value);
+                  });
+                } else {
+                  setState(() {
+                    inputItem.clear(); // Clear the text field
+                    itemName = ''; // Reset the geographical zone state
+                    suggestionsItem.clear();
+                    showDateFields = true;
+                    showArrow = true; // Optionally clear suggestions
+
+                    /// Clear the filted posts
+                  });
                   fetchPostsByLocation();
+                }
+              }),
+          if (suggestionsItem.isNotEmpty)
+            Container(
+              height: 200,
+              decoration: BoxDecoration(
+                border: Border.all(color: Colors.blue),
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: ListView.builder(
+                shrinkWrap: true,
+                itemCount: suggestionsItem.length,
+                itemBuilder: (context, index) {
+                  return ListTile(
+                    title: Text(suggestionsItem[index]['name']),
+                    onTap: () async {
+                      setState(() {
+                        itemName = suggestionsItem[index]['name'];
+                        inputItem.text = itemName;
+                        suggestionsItem.clear();
+                        showDateFields = true;
+                        showArrow = true;
+                      });
+                      await fetchPostsByLocation();
                     },
+                  );
+                },
+              ),
             ),
         ],
       ),
@@ -534,7 +617,7 @@ class _MyHomePageState extends State<ListItemMenu> {
       ),
       body: Column(
         children: [
-          if (showArrow) _buildItemZoneSearchField(),
+          if (showInputSearch) _buildItemZoneSearchField(),
           if ((showDateFields) && (showArrow))
             Row(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,