import 'package:flutter/material.dart';
import 'package:geolocator/geolocator.dart';
import 'package:get/get.dart';
import 'package:latlong2/latlong.dart';
import 'package:rogapp/pages/destination/destination_controller.dart';
import 'package:rogapp/pages/destination_map/destination_map_page.dart';
import 'package:rogapp/pages/drawer/drawer_page.dart';
import 'package:rogapp/pages/index/index_controller.dart';
import 'package:rogapp/routes/app_pages.dart';
import 'package:rogapp/widgets/destination_widget.dart';

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

  final DestinationController destinationController =
      Get.find<DestinationController>();

  final IndexController indexController = Get.find<IndexController>();

  final List<int> _items = List<int>.generate(50, (int index) => index);

  Future<void> showCurrentPosition() async {
    LocationPermission permission = await Geolocator.checkPermission();
    if (permission != LocationPermission.whileInUse ||
        permission != LocationPermission.always) {
      permission = await Geolocator.requestPermission();
    }
    Position position = await Geolocator.getCurrentPosition(
        desiredAccuracy: LocationAccuracy.high,
        forceAndroidLocationManager: true);
    indexController.rogMapController
        .move(LatLng(position.latitude, position.longitude), 14);
  }

  Image getImage(int index) {
    if (destinationController.destinations[index].photos == null ||
        destinationController.destinations[index].photos == "") {
      return const Image(image: AssetImage('assets/images/empty_image.png'));
    } else {
      return Image(
          image:
              NetworkImage(destinationController.destinations[index].photos!));
    }
  }

  Widget getRoutingImage(int route) {
    switch (route) {
      case 0:
        return const Image(
          image: AssetImage('assets/images/p4_9_man.png'),
          width: 35.0,
        );
      case 1:
        return const Image(
          image: AssetImage('assets/images/p4_8_car.png'),
          width: 35.0,
        );
      case 2:
        return const Image(
          image: AssetImage('assets/images/p4_10_train.png'),
          width: 35.0,
        );
      default:
        return const Image(
          image: AssetImage('assets/images/p4_9_man.png'),
          width: 35.0,
        );
    }
  }

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        indexController.switchPage(AppPages.INITIAL);
        return false;
      },
      child: Scaffold(
          drawer: DrawerPage(),
          bottomNavigationBar: BottomAppBar(
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Padding(
                  padding: const EdgeInsets.only(left: 13.0),
                  child: InkWell(
                      child: Obx((() => getRoutingImage(
                          destinationController.travelMode.value))),
                      onTap: () {
                        Get.bottomSheet(
                          Obx(
                            () => ListView(
                              children: [
                                Padding(
                                  padding: const EdgeInsets.only(
                                      top: 30.0, bottom: 30),
                                  child: Center(
                                    child: Text(
                                      "select_travel_mode".tr,
                                      style: const TextStyle(
                                          fontSize: 22.0,
                                          color: Colors.red,
                                          fontWeight: FontWeight.bold),
                                    ),
                                  ),
                                ),
                                ListTile(
                                  selected:
                                      destinationController.travelMode.value ==
                                              0
                                          ? true
                                          : false,
                                  selectedTileColor: Colors.amber.shade200,
                                  leading: const Image(
                                    image: AssetImage(
                                        'assets/images/p4_9_man.png'),
                                  ),
                                  title: Text("walking".tr),
                                  onTap: () {
                                    destinationController.travelMode.value = 0;
                                    destinationController
                                        .populateDestinations();
                                    Get.back();
                                  },
                                ),
                                ListTile(
                                  selected:
                                      destinationController.travelMode.value ==
                                              1
                                          ? true
                                          : false,
                                  selectedTileColor: Colors.amber.shade200,
                                  leading: const Image(
                                    image: AssetImage(
                                        'assets/images/p4_8_car.png'),
                                  ),
                                  title: Text("driving".tr),
                                  onTap: () {
                                    destinationController.travelMode.value = 1;
                                    destinationController
                                        .populateDestinations();
                                    Get.back();
                                  },
                                ),
                                // ListTile(
                                //   selected: destinationController.travelMode == 2 ? true : false,
                                //   selectedTileColor: Colors.amber.shade200,
                                //   leading: Image(image: AssetImage('assets/images/p4_10_train.png'),),
                                //   title: Text("transit".tr),
                                //   onTap:(){
                                //     destinationController.travelMode.value = 2;
                                //     destinationController.PopulateDestinations();
                                //     Get.back();
                                //   },
                                //   ),
                              ],
                            ),
                          ),
                          isScrollControlled: false,
                          backgroundColor: Colors.white,
                        );
                        //destinationController.PopulateDestinations();
                      }),
                ),
                IconButton(
                    icon: const Icon(
                      Icons.travel_explore,
                      size: 35,
                    ),
                    onPressed: () {
                      indexController.switchPage(AppPages.INITIAL);
                    }),
              ],
            ),
          ),
          floatingActionButton: FloatingActionButton(
            onPressed: () {
              //print("######");
              indexController.toggleDestinationMode();
            },
            tooltip: 'Increment',
            elevation: 4.0,
            child: Obx(() => indexController.desinationMode.value == 1
                ? const Image(image: AssetImage('assets/images/list2.png'))
                : const Image(image: AssetImage('assets/images/map.png'))),
          ),
          floatingActionButtonLocation:
              FloatingActionButtonLocation.centerDocked,
          appBar: AppBar(
            automaticallyImplyLeading: true,
            title: Text("app_title".tr),
            actions: [
              InkWell(
                onTap: () {
                  Get.toNamed(AppPages.CAMERA_PAGE);
                },
                child: destinationController.isInRog.value == true
                    ? Image.asset(
                        "assets/images/basic-walking.gif",
                        height: 10.0,
                      )
                    : destinationController.isAtGoal.value == true
                        ? IconButton(
                            onPressed: () {
                              Get.toNamed(AppPages.CAMERA_PAGE);
                            },
                            icon: const Icon(Icons.assistant_photo),
                          )
                        : IconButton(
                            onPressed: () {
                              Get.toNamed(AppPages.CAMERA_PAGE);
                            },
                            icon: const Icon(Icons.accessibility),
                          ),
              ),
              // Obx(() =>
              //   Text(indexController.connectionStatusName.value)
              // ),
              Obx(
                () => ToggleButtons(
                  disabledColor: Colors.grey.shade200,
                  selectedColor: Colors.red,
                  onPressed: (int index) {
                    destinationController.isGpsSelected.value =
                        !destinationController.isGpsSelected.value;
                    if (destinationController.isGpsSelected.value) {
                      destinationController.chekcs = 0;
                      destinationController.skipGps = false;
                      //destinationController.resetRogaining();
                    }
                  },
                  isSelected: [destinationController.isGpsSelected.value],
                  children: const <Widget>[
                    Icon(
                      Icons.explore,
                      size: 35.0,
                    )
                  ],
                ),
              ),
              // IconButton(onPressed: (){
              //   showCurrentPosition();
              // },
              // icon: Icon(Icons.location_on_outlined))
            ],
          ),
          body: Obx(() => indexController.desinationMode.value == 0
              ? DestinationWidget()
              : DestinationMapPage())),
    );
  }
}