import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:rogapp/pages/index/index_controller.dart';
import 'package:rogapp/pages/search/search_controller.dart';
import 'package:rogapp/widgets/bottom_sheet_new.dart';

class SearchPage extends StatelessWidget {
   SearchPage({Key? key}) : super(key: key);

  SearchController searchController = Get.find<SearchController>();
  IndexController indexController = Get.find<IndexController>();

  Image getImage(int index){
    if(searchController.searchResults[index].properties!["photos"] == null || searchController.searchResults[index].properties!["photos"] == ""){
      return Image(image: AssetImage('assets/images/empty_image.png'));
    }
    else{
      return Image(
        image: NetworkImage(searchController.searchResults[index].properties!["photos"]),
        errorBuilder: (BuildContext context, Object exception, StackTrace? stackTrace) {
          return Image.asset("assets/images/empty_image.png");
        },
        );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        elevation: 0,
        backgroundColor: Colors.white,
        leading: IconButton(
          onPressed:(){
            Navigator.pop(context);
        },
        icon: const Icon(Icons.arrow_back_ios_new, color: Colors.black,)),
        title: const CupertinoSearchTextField(),
         
      ),
      body: 
      //Obx(() => 
        ListView.builder(
        itemCount: searchController.searchResults.length,
        itemBuilder: (context, index){
          return ListTile(
            title: Text(searchController.searchResults[index].properties!["location_name"]),
            subtitle: Text(searchController.searchResults[index].properties!["category"]),
            leading: getImage(index),
            onTap: (){
              indexController.currentFeature.clear();
              indexController.currentFeature.add(searchController.searchResults[index]);
              Get.back();
              showModalBottomSheet(
                          isScrollControlled: true,
                          context: context,
                          //builder: (context) => BottomSheetWidget(),
                          builder:((context) => BottomSheetNew())
                        );
            },
          );
        },
      ),
      //)
    );
  }
}