import 'package:flutter/material.dart';
import 'package:geojson/geojson.dart';
import 'package:get/get.dart';
import 'package:get/get_state_manager/get_state_manager.dart';
import 'package:image_picker/image_picker.dart';
import 'package:latlong2/latlong.dart';
import 'package:rogapp/model/destination.dart';
import 'package:rogapp/pages/destination/destination_controller.dart';
import 'package:rogapp/pages/index/index_controller.dart';
import 'package:rogapp/routes/app_pages.dart';
import 'package:rogapp/utils/database_helper.dart';
import 'package:rogapp/widgets/bottom_sheet_controller.dart';
import 'package:url_launcher/url_launcher.dart';

class BottomSheetNew extends GetView<BottomSheetController> {
  BottomSheetNew({ Key? key }) : super(key: key);

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

  Image getImage(){

    if(indexController.rog_mode == 1){
      if(indexController.currentDestinationFeature.length <= 0 || indexController.currentDestinationFeature[0].photos! == ""){
          return Image(image: AssetImage('assets/images/empty_image.png'));
      }
      else{
        //print("@@@@@@@@@@@@@ rog mode -------------------- ${indexController.currentDestinationFeature[0].photos} @@@@@@@@@@@");
        return Image(image: NetworkImage(
          indexController.currentDestinationFeature[0].photos!,
          ),
          errorBuilder: (BuildContext context, Object exception, StackTrace? stackTrace) {
            return Image.asset("assets/images/empty_image.png");
          },
          );
      }
    }
    else{
      GeoJsonFeature<dynamic> gf = indexController.currentFeature[0];
      if(gf!.properties!["photos"] == null || gf.properties!["photos"] == ""){
          return Image(image: AssetImage('assets/images/empty_image.png'));
      }
      else{
        return Image(image: NetworkImage(
          gf.properties!["photos"],
          ),
          errorBuilder: (BuildContext context, Object exception, StackTrace? stackTrace) {
            return Image.asset("assets/images/empty_image.png");
          },
          );
    }
    }


  }

  void _launchURL(url) async {
    if (!await launch(url)) throw 'Could not launch $url';
  }

  bool isInDestination(String locationid){
    int lid = int.parse(locationid);
    if(destinationController.destinations.where((element) => element.location_id == lid).length > 0){
      return true;
    }
    else{
      return false;
    }
  }

  @override
  Widget build(BuildContext context) {

    return indexController.rog_mode == 0 ? detailsSheet(context) : destinationSheet(context);
  }

  SingleChildScrollView destinationSheet(BuildContext context) {
    return SingleChildScrollView(
    child: Column(
      children: [
    Padding(
      padding: const EdgeInsets.all(8.0),
      child: Container(
        child: Row(
          children: [
             MaterialButton(
              onPressed: () {
                indexController.makePrevious(indexController.currentFeature[0]);
              },
              color: Colors.blue,
              textColor: Colors.white,
              child: Icon(
                Icons.arrow_back_ios,
                size: 14,
              ),
              padding: EdgeInsets.all(16),
              shape: CircleBorder(),
            ),
            Expanded(
              child: Container(
                alignment: Alignment.center,
                child:  Obx(() => 
                  Text(indexController.currentDestinationFeature[0].name!, style: TextStyle(
                  fontSize: 15.0,
                  fontWeight: FontWeight.bold,
                ),
                )
                ),
              ),
            ),
            MaterialButton(
              onPressed: () {
                //print("----- next is ${indexController.currentFeature[0]} ------");
                 //indexController.makeNext(indexController.currentFeature[0]);
              },
              color: Colors.blue,
              textColor: Colors.white,
              child: Icon(
                Icons.arrow_forward_ios,
                size: 14,
              ),
              padding: EdgeInsets.all(16),
              shape: CircleBorder(),
            ),
          ],
        ),
      ),
    ),
    Row(
      children:  [
        Expanded(
          child: SizedBox(
            height: 260.0,
            child: Obx(() => getImage()),
          )
        ),
      ],
    ),
    Obx(() => 
      indexController.currentDestinationFeature[0].address!.isNotEmpty ?
        getDetails(context, "address".tr, indexController.currentDestinationFeature[0].address! ?? '')
      :
        Container(width: 0.0, height: 0,),
    ),
    Obx(() => 
        indexController.currentDestinationFeature[0].phone!.isNotEmpty ?
          getDetails(context, "telephone".tr, indexController.currentDestinationFeature[0].phone! ?? '')
      :
        Container(width: 0.0, height: 0,),
    ),
    Obx(() => 
        indexController.currentDestinationFeature[0].email!.isNotEmpty ?
          getDetails(context, "email".tr, indexController.currentDestinationFeature[0].email! ?? '')
      :
        Container(width: 0.0, height: 0,),
    ),
    Obx(() => 
          indexController.currentDestinationFeature[0].webcontents!.isNotEmpty ?
          getDetails(context, "web".tr, indexController.currentDestinationFeature[0].webcontents! ?? '', isurl: true)
      :
        Container(width: 0.0, height: 0,),
    ),
    Obx(() => 
        indexController.currentDestinationFeature[0].videos!.isNotEmpty  ?
          getDetails(context, "video".tr, indexController.currentDestinationFeature[0].videos! ?? '', isurl: true)
      :
        Container(width: 0.0, height: 0,),
    ),
    SizedBox(height: 20.0,),
    Obx(() => 
      //wantToGo(context),
  
    FutureBuilder<Widget>(
      future: wantToGo(context),
      builder: (context, snapshot) {
        return Container(
          child: snapshot.data,
        );
      },
    ),
      
    ),
    SizedBox(height: 60.0,)
      ],
    ),
  );
  }

  SingleChildScrollView detailsSheet(BuildContext context) {
    return SingleChildScrollView(
    child: Column(
      children: [
    Padding(
      padding: const EdgeInsets.all(8.0),
      child: Container(
        child: Row(
          children: [
             MaterialButton(
              onPressed: () {
                indexController.makePrevious(indexController.currentFeature[0]);
              },
              color: Colors.blue,
              textColor: Colors.white,
              child: Icon(
                Icons.arrow_back_ios,
                size: 14,
              ),
              padding: EdgeInsets.all(16),
              shape: CircleBorder(),
            ),
            Expanded(
              child: Container(
                alignment: Alignment.center,
                child:  Obx(() => 
                  Text(indexController.currentFeature[0].properties!["location_name"], style: TextStyle(
                  fontSize: 15.0,
                  fontWeight: FontWeight.bold,
                ),
                )
                ),
              ),
            ),
            MaterialButton(
              onPressed: () {
                //print("----- next is ${indexController.currentFeature[0]} ------");
                 indexController.makeNext(indexController.currentFeature[0]);
              },
              color: Colors.blue,
              textColor: Colors.white,
              child: Icon(
                Icons.arrow_forward_ios,
                size: 14,
              ),
              padding: EdgeInsets.all(16),
              shape: CircleBorder(),
            ),
          ],
        ),
      ),
    ),
    Row(
      children:  [
        Expanded(
          child: SizedBox(
            height: 260.0,
            child: Obx(() => getImage()),
          )
        ),
      ],
    ),
    Obx(() =>
      Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          children: [
            Row(
              children: [
                Expanded(
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: [
                        FutureBuilder<Widget>(
                          future: wantToGo(context),
                          builder: (context, snapshot) {
                            return Container(
                              child: snapshot.data,
                            );
                          },
                        ),
                       indexController.currentFeature[0].properties!["location_name"] != null && (indexController.currentFeature[0].properties!["location_name"] as String).isNotEmpty ?
                        Flexible(child: Text(indexController.currentFeature[0].properties!["location_name"]))
                      :
                        Container(width: 0.0, height: 0,),
                    ],
                  ),
                ),
                Expanded(
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: [
                      Icon(Icons.thumb_up_alt_sharp),
                      Text("Like"),
                    ],
                  ),
                ),
              ],
            ),
            SizedBox(height: 8.0,),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Row(
                children: [
                  Icon(Icons.roundabout_left),
                  SizedBox(width: 8.0,),
                  indexController.currentFeature[0].properties!["address"] != null && (indexController.currentFeature[0].properties!["address"] as String).isNotEmpty ?
                    getDetails(context, "address".tr, indexController.currentFeature[0].properties!["address"] ?? '')
                  :
                    Container(width: 0.0, height: 0,),
                ],
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Row(
                children: [
                  Icon(Icons.phone),
                  SizedBox(width: 8.0,),
                          indexController.currentFeature[0].properties!["phone"] != null && (indexController.currentFeature[0].properties!["phone"] as String).isNotEmpty ?
                      getDetails(context, "telephone".tr, indexController.currentFeature[0].properties!["phone"] ?? '')
                  :
                    Container(width: 0.0, height: 0,),
                ],
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Row(
                children: [
                  Icon(Icons.email),
                  SizedBox(width: 8.0,),
                  indexController.currentFeature[0].properties!["email"] != null && (indexController.currentFeature[0].properties!["email"] as String).isNotEmpty ?
                    getDetails(context, "email".tr, indexController.currentFeature[0].properties!["email"] ?? '')
                :
                  Container(width: 0.0, height: 0,),
                ],
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Row(
                children: [
                  Icon(Icons.language),
                  SizedBox(width: 8.0,),
                  indexController.currentFeature[0].properties!["webcontents"] != null && (indexController.currentFeature[0].properties!["webcontents"] as String).isNotEmpty ?
                      getDetails(context, "web".tr, indexController.currentFeature[0].properties!["webcontents"] ?? '', isurl: true)
                  :
                    Container(width: 0.0, height: 0,),
                ],
              ),
            )
          ],
        ),
      )
    ),
    SizedBox(height: 60.0,)
      ],
    ),
  );
  }


  Future<Widget> wantToGo(BuildContext context)async {

    DatabaseHelper db = DatabaseHelper.instance;
    return 
    Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                    indexController.rog_mode == 0 ?
                        IconButton(
                          icon: Icon(Icons.pin_drop_sharp, size: 32,),                     
                          onPressed: (){
                            GeoJsonMultiPoint mp = indexController.currentFeature[0].geometry as GeoJsonMultiPoint;
                            LatLng pt = LatLng(mp.geoSerie!.geoPoints[0].latitude, mp.geoSerie!.geoPoints[0].longitude);

                            Destination dest = Destination(
                              name: indexController.currentFeature[0].properties!["location_name"],
                              address: indexController.currentFeature[0].properties!["address"],
                              phone: indexController.currentFeature[0].properties!["phone"],
                              email: indexController.currentFeature[0].properties!["email"],
                              webcontents: indexController.currentFeature[0].properties!["webcontents"],
                              videos: indexController.currentFeature[0].properties!["videos"],
                              category: indexController.currentFeature[0].properties!["category"],
                              series: 1,
                              lat: pt.latitude,
                              lon: pt.longitude,
                              location_id: indexController.currentFeature[0].properties!["location_id"],
                              list_order: 1,
                              photos: indexController.currentFeature[0].properties!["photos"],
                              checkin_radious: indexController.currentFeature[0].properties!["checkin_radious"],
                              auto_checkin: indexController.currentFeature[0].properties!["auto_checkin"] == true ? 1 : 0,
                              selected: false,
                              checkedin: false
                            );
                            destinationController.addDestinations(dest);
                          },
                        ):
                        Container(),
                    SizedBox(width: 8.0,) ,
                    Obx((() => 

                  indexController.rog_mode == 1 ? 
                    ElevatedButton(
                      onPressed: () async {
                        Destination dest = indexController.currentDestinationFeature[0]!;
                        //print("------ curent destination is ${dest!.checkedIn}-------");
                        if(dest != null){
                          //print("------ curent destination is ${dest!.checkedin}-------::::::::::");
                          destinationController.makeCheckin(dest, !dest.checkedin!);
                        }
                      }, 
                      child: indexController.currentDestinationFeature[0].checkedin == false ? 
                        Text("Check in") 
                        :
                        Text("Check out")
                    ):
                    Container()

                      )
                    )
                ],
              )
            ],
          );
  }

  Widget getCheckin(BuildContext context){

    //print("------ currentAction ----- ${indexController.currentAction}-----");

    return Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                    indexController.currentAction[0][0]["checkin"] == false ?
                      Column(
                        children: [
                          Row(
                          mainAxisSize: MainAxisSize.max,
                          children: [
                            ElevatedButton(
                              child: Text("Image"), onPressed: (){
                              final ImagePicker _picker = ImagePicker();
                              _picker.pickImage(source: ImageSource.camera).then((value){
                                //print("----- image---- ${value!.path}");
                              });
                              },
                          )
                          ],
                          ),
                          ElevatedButton(
                            onPressed: (){
                              if(indexController.currentAction.isNotEmpty){
                                //print(indexController.currentAction[0]);
                                indexController.currentAction[0][0]["checkin"] = true;
                                Map<String,dynamic> temp = Map<String,dynamic>.from(indexController.currentAction[0][0]);
                                indexController.currentAction.clear();
                                //print("---temp---${temp}");  
                                indexController.currentAction.add([temp]);
                              }
                              indexController.makeAction(context);
                            },
                            child: Text("checkin".tr)
                          ) 
                        ],
                      )
                      :
                      ElevatedButton(
                        onPressed: (){
                          if(indexController.currentAction.isNotEmpty){
                            //print(indexController.currentAction[0]);
                            indexController.currentAction[0][0]["checkin"] = false;
                            Map<String,dynamic> temp = Map<String,dynamic>.from(indexController.currentAction[0][0]);
                            indexController.currentAction.clear();
                            //print("---temp---${temp}");  
                            indexController.currentAction.add([temp]);
                          }
                          indexController.makeAction(context);
                        },
                        
                        child: Icon(
                          Icons.favorite, color: Colors.red) 

                            ,
                      )
                  ],
              )
            ],
          );
  }

  

  Widget getDetails(BuildContext context, String label, String text, {bool isurl=false}){
    return Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(label),
              SizedBox(width: 10.0,),
              InkWell(
                    onTap: (){
                      if(isurl){
                        if(indexController.rog_mode == 0){
                          _launchURL(indexController.currentFeature[0].properties!["webcontents"]);
                        }
                        else {
                          indexController.currentDestinationFeature[0].webcontents;
                        }
                         
                      }
                    },
                    child: Text(text,
                        style: TextStyle(
                          color: Colors.blue,
                        ),
                        overflow: TextOverflow.ellipsis,
                        maxLines: 5,
                      ),
                  ),
            ],
          );
  }




}