import 'dart:ui' as ui;
import 'dart:io';
import 'package:http/http.dart' as http;
import 'package:path_provider/path_provider.dart';
import 'package:flutter/material.dart';
import 'package:geojson_vi/geojson_vi.dart';
import 'package:geolocator/geolocator.dart';
import 'package:get/get.dart';
import 'package:image_picker/image_picker.dart';
import 'package:latlong2/latlong.dart';
import 'package:rogapp/main.dart';
import 'package:rogapp/model/destination.dart';
import 'package:rogapp/pages/camera/camera_page.dart';
import 'package:rogapp/pages/destination/destination_controller.dart';
import 'package:rogapp/pages/index/index_controller.dart';
import 'package:rogapp/services/external_service.dart';
import 'package:rogapp/utils/const.dart';
import 'package:rogapp/utils/database_helper.dart';
import 'package:rogapp/utils/text_util.dart';
import 'package:rogapp/widgets/bottom_sheet_controller.dart';
import 'package:rogapp/widgets/debug_widget.dart';
import 'package:url_launcher/url_launcher.dart';

// BottomSheetNewは、StatelessWidgetを継承したクラスで、目的地の詳細情報を表示するボトムシートのUIを構築します。
// コンストラクタでは、destination（目的地オブジェクト）とisAlreadyCheckedIn（すでにチェックイン済みかどうかのフラグ）を受け取ります。
// buildメソッドでは、detailsSheetメソッドを呼び出して、目的地の詳細情報を表示します。
//
class BottomSheetNew extends GetView<BottomSheetController> {
  BottomSheetNew(
      {this.isAlreadyCheckedIn = false, Key? key, required this.destination})
      : super(key: key);

  final IndexController indexController = Get.find<IndexController>();
  final DestinationController destinationController =
      Get.find<DestinationController>();
  final Destination destination;	// 目的地オブジェクト
  final bool isAlreadyCheckedIn;	// すでにチェックイン済みかどうかのフラグ

  final RxBool isButtonDisabled = false.obs;

  // 目的地の画像を取得するためのメソッドです。
  // indexController.rogModeの値に基づいて、適切な画像を返します。画像が見つからない場合は、デフォルトの画像を返します。
  // 
  Image getImage() {
    String serverUrl = ConstValues.currentServer();

    if (indexController.rogMode == 1) {
      if (indexController.currentDestinationFeature.isEmpty ||
          indexController.currentDestinationFeature[0].photos! == "") {
        return const Image(image: AssetImage('assets/images/empty_image.png'));
      } else {
        //print("@@@@@@@@@@@@@ rog mode -------------------- ${indexController.currentDestinationFeature[0].photos} @@@@@@@@@@@");
        String photo = indexController.currentDestinationFeature[0].photos!;
        if (photo.contains('http')) {
          return Image(
            image: NetworkImage(
              indexController.currentDestinationFeature[0].photos!,
            ),
            errorBuilder: (BuildContext context, Object exception,
                StackTrace? stackTrace) {
              return Image.asset("assets/images/empty_image.png");
            },
          );
        } else {
          return Image(
            image: NetworkImage(
              '$serverUrl/media/compressed/${indexController.currentDestinationFeature[0].photos!}',
            ),
            errorBuilder: (BuildContext context, Object exception,
                StackTrace? stackTrace) {
              return Image.asset("assets/images/empty_image.png");
            },
          );
        }
      }
    } else {
      GeoJSONFeature gf = indexController.currentFeature[0];
      //print("=== photo sss ${gf.properties!["photos"]}");
      if (gf.properties!["photos"] == null || gf.properties!["photos"] == "") {
        return const Image(image: AssetImage('assets/images/empty_image.png'));
      } else {
        String photo = gf.properties!["photos"];
        if (photo.contains('http')) {
          return Image(
            image: NetworkImage(
              gf.properties!["photos"],
            ),
            errorBuilder: (BuildContext context, Object exception,
                StackTrace? stackTrace) {
              return Image.asset("assets/images/empty_image.png");
            },
          );
        } else {
          String imageUrl = Uri.encodeFull(
              '$serverUrl/media/compressed/${gf.properties!["photos"]}');
          return Image(
            image: NetworkImage(
              imageUrl,
            ),
            errorBuilder: (BuildContext context, Object exception,
                StackTrace? stackTrace) {
              return Image.asset("assets/images/empty_image.png");
            },
          );
        }
      }
    }
  }

  // URLを開くためのメソッドです。
  // url_launcherパッケージを使用して、指定されたURLを開きます。
  //
  void _launchURL(url) async {
    if (!await launchUrl(url)) throw 'Could not launch $url';
  }

  // 指定されたlocationidが目的地リストに含まれているかどうかを確認するメソッドです。
  // destinationController.destinationsリストを走査し、locationidが一致する目的地があるかどうかを返します。
  //
  bool isInDestination(String locationid) {
    int lid = int.parse(locationid);
    if (destinationController.destinations
        .where((element) => element.location_id == lid)
        .isNotEmpty) {
      return true;
    } else {
      return false;
    }
  }

  Future<void> saveTemporaryImage(Destination destination) async {
    final serverUrl = ConstValues.currentServer();
    final imagePath = '${serverUrl}/media/compressed/${destination.photos}';

    final tempDir = await getTemporaryDirectory();
    final tempFile = await File('${tempDir.path}/temp_image.jpg').create(recursive: true);
    final response = await http.get(Uri.parse(imagePath));
    await tempFile.writeAsBytes(response.bodyBytes);

    destinationController.photos.clear();
    destinationController.photos.add(tempFile);
  }

  // アクションボタン（チェックイン、ゴールなど）を表示するためのメソッドです。
  // 現在の状態に基づいて、適切なボタンを返します。
  // ボタンがタップされたときの処理も含まれています。
  //
  Widget getActionButton(BuildContext context, Destination destination) {
    /*
    debugPrint("getActionButton ${destinationController.rogainingCounted.value}");
    debugPrint("getActionButton ${destinationController.distanceToStart()}");
    debugPrint("getActionButton ${destination.cp}");
    debugPrint("getActionButton ${DestinationController.ready_for_goal}");
    // ...2024-04-03 Akira デバッグモードのみ出力するようにした。
     */

   // bool isInRog=false;
    Destination cdest = destinationController
        .festuretoDestination(indexController.currentFeature[0]);
    var distance = const Distance();
    double distanceToDest = distance.as(
        LengthUnit.Meter,
        LatLng(
            destinationController.currentLat, destinationController.currentLon),
        LatLng(cdest.lat!, cdest.lon!));

    // Check conditions to show confirmation dialog
    if (destinationController.isInRog.value == false &&
        (destinationController.distanceToStart() <= 100 || destinationController.isGpsSignalWeak() ) &&	//追加 Akira 2024-4-5
        (destination.cp == -1 || destination.cp == 0 ) &&
        destinationController.rogainingCounted.value == false) {
      // ゲームが始まってなければ
      // ロゲ開始している && (開始地点から100m以内　又は 電波が弱い) && CP番号が 1 or 0 && rogainingCounted==false(どこにもチェックインしていない) なら
      return Obx(() {
        final isInRog = destinationController.isInRog.value;

        return ElevatedButton(
          style: ElevatedButton.styleFrom(
            backgroundColor: Theme.of(context).colorScheme.secondary,
          ),
          onPressed: destinationController.isInRog.value
              ? null
              : () async {
            destinationController.isInRog.value = true;


              // Show confirmation dialog
              Get.dialog(
                AlertDialog(
                  title: Text("confirm".tr), //confirm
                  content: Text(
                      "clear_rog_data_message".tr), //are you sure
                  actions: <Widget>[
                    TextButton(
                      child: Text("no".tr), //no
                      onPressed: () {
                        // ダイアログをキャンセルした場合はボタンを再度有効化
                        destinationController.isInRog.value = false;
                        Get.back(); // Close the dialog
                        Get.back(); // Close the bottom sheet
                      },
                    ),
                    TextButton(
                      child: Text("yes".tr), //yes
                      onPressed: () async {
                        destinationController.isInRog.value = true;
                        await saveTemporaryImage(destination);

                        // Clear data and start game logic here
                        destinationController.resetRogaining();

                        destinationController.addToRogaining(
                          destinationController.currentLat,
                          destinationController.currentLon,
                          destination.location_id!,
                        );

                        saveGameState();
                        await ExternalService().startRogaining();
                        Get.back();
                        Get.back();// Close the dialog and potentially navigate away
                      },
                    ),
                  ],
                ),
                barrierDismissible: false, // User must tap a button to close the dialog
              );
            },
          child: Text(
            isInRog ? 'in_game'.tr : 'start_rogaining'.tr,
            style: TextStyle(color: Colors.white),
          ),
        );
      });


        //print("counted ${destinationController.rogainingCounted.value}");


    }else if (destinationController.rogainingCounted.value == true &&
        // destinationController.distanceToStart() <= 500 &&  ... GPS信号が弱い時でもOKとする。
        (destinationController.distanceToStart() <= 500 || destinationController.isGpsSignalWeak() ) &&
        (destination.cp == 0 || destination.cp == -2 || destination.cp == -1) &&
//        (destination.cp == 0 || destination.cp == -2 ) &&
        DestinationController.ready_for_goal == true) {

      // ready_for_goal && (開始地点から500m以内　又は 電波が弱い) && CP番号が -1 or -2 or 0 && rogainingCounted==true なら
      // Goal ボタン
      //goal

      return ElevatedButton(
          style: ElevatedButton.styleFrom(backgroundColor: Colors.red),
          onPressed: destinationController.rogainingCounted.value == true &&
                  destinationController.distanceToStart() <= 500 &&
              (destination.cp == 0 || destination.cp == -2|| destination.cp == -1) &&
                  DestinationController.ready_for_goal == true
              ? () async {
                  destinationController.isAtGoal.value = true;
                  destinationController.photos.clear();
                  await showModalBottomSheet(
                      constraints: BoxConstraints.loose(
                          ui.Size(Get.width, Get.height * 0.75)),
                      context: Get.context!,
                      isScrollControlled: true,
                      builder: ((context) => CameraPage(
                            destination: destination,
                          ))).whenComplete(() {
                    destinationController.skipGps = false;
                    destinationController.chekcs = 0;
                    destinationController.isAtGoal.value = false;
                  });
                }
              : null,
          child: Text(
            "finish_rogaining".tr,
            style: TextStyle(color: Colors.white),
          ));

    } else if (distanceToDest <=
        destinationController.getForcedChckinDistance(destination)) {
      // cpごとの強制チェックイン以内にいれば
      //start
      return ElevatedButton(
        style: ElevatedButton.styleFrom(
          backgroundColor: Theme.of(context).colorScheme.secondary,
        ),
        onPressed: isAlreadyCheckedIn == true
            ? null
            : () async {
          try{
            destinationController.isCheckingIn.value = true; // ここを追加
            Get.back();
            Get.back();
            await Future.delayed(Duration(milliseconds: 500));
            await destinationController.callforCheckin(destination);
            destinationController.isCheckingIn.value = false;
          } catch (e) {
            // エラーハンドリング
            Get.snackbar(
              'Error',
              'An error occurred while processing check-in.',
              backgroundColor: Colors.red,
              colorText: Colors.white,
              duration: Duration(seconds: 3),
            );
            // 必要に応じてエラーログを記録
            print('Error processing check-in: $e');
          }
        },
        child: Text(
          destination.cp == -1 &&
                  destinationController.isInRog.value == false &&
                  destinationController.rogainingCounted.value == false
              ? "ロゲ開始"
              : destinationController.isInRog.value == true &&
                      destination.cp == -1
                  ? "in_game".tr
                  : isAlreadyCheckedIn == true
                      ? "in_game".tr
                      : destinationController.isInRog.value == true
                          ? "checkin".tr
                          : "rogaining_not_started".tr,
          style: TextStyle(color: Theme.of(context).colorScheme.onSecondary),
        ),
      );
    }
    return Container();
  }

  // 継承元のbuild をオーバーライドし、detailsSheetメソッドを呼び出して、目的地の詳細情報を表示します。
  @override
  Widget build(BuildContext context) {
    //print("to start ${destinationController.distanceToStart()}");

    destinationController.skipGps = true;
    // print('--- c use --- ${indexController.currentUser[0].values}');
    // print('---- rog_mode ----- ${indexController.rogMode.value} -----');
    // return indexController.rogMode.value == 0
    //     ? detailsSheet(context)
    //     : destinationSheet(context);

    return Obx(() {
      if (!destinationController.isCheckingIn.value) {
        return detailsSheet(context);
      } else {
        return Container(); // チェックイン操作中は空のコンテナを返す
      }
    });
  }

  // 指定された目的地がすでにチェックイン済みかどうかを確認するメソッドです。
  // DatabaseHelperを使用して、目的地の位置情報に基づいてデータベースを検索し、結果を返します。
  //
  Future<bool> isDestinationCheckedIn(Destination d) async {
    DatabaseHelper db = DatabaseHelper.instance;
    List<Destination> ds = await db.getDestinationByLatLon(d.lat!, d.lon!);

    return ds.isNotEmpty;
  }

  // show add location details
  // 目的地の詳細情報を表示するためのUIを構築するメソッドです。
  // 目的地の画像、名前、住所、電話番号、Webサイト、備考などの情報を表示します。
  // また、アクションボタンや「ここへ行く」ボタンも表示されます。
  //
  SingleChildScrollView detailsSheet(BuildContext context) {
    Destination cdest = destinationController
        .festuretoDestination(indexController.currentFeature[0]);
    var distance = const Distance();
    double distanceToDest = distance.as(
        LengthUnit.Meter,
        LatLng(
            destinationController.currentLat, destinationController.currentLon),
        LatLng(cdest.lat!, cdest.lon!));

    debugPrint("Distance from current point : $distanceToDest");
    debugPrint(
        "forced distance for point : ${destinationController.getForcedChckinDistance(destination)}");
    debugPrint(
        "current point : ${destinationController.currentLat}, ${destinationController.currentLon} - ${DateTime.now().hour}:${DateTime.now().minute}:${DateTime.now().second}:${DateTime.now().microsecond}");

    debugPrint("Checkin radius : ${destination.checkin_radious}");
    debugPrint("--${destination.cp}--");

    return SingleChildScrollView(
      child: Column(
        children: [
          Padding(  // １行目
            padding: const EdgeInsets.all(8.0),
            child: Row(
              children: [
                MaterialButton(   // キャンセルボタン
                  onPressed: () {
                    Get.back();
                  },
                  color: Colors.blue,
                  textColor: Colors.white,
                  padding: const EdgeInsets.all(16),
                  shape: const CircleBorder(),
                  child: const Icon(
                    Icons.arrow_back_ios,
                    size: 14,
                  ),
                ),
                Expanded(    // チェックポイント番号＋ポイント名
                  child: Container(
                    alignment: Alignment.centerLeft,
                    child: Obx(() => Text(
                      "${TextUtils.getDisplayTextFeture(indexController.currentFeature[0])} :  ${indexController.currentFeature[0].properties!["location_name"]}",
                      style: const TextStyle(
                        fontSize: 15.0,
                        fontWeight: FontWeight.bold,
                      ),
                    )),
                  ),
                ),
              ],
            ),
          ),
          Row(  // ２行目 チェックポイント写真
            children: [
              Expanded(
                  child: SizedBox(
                    height: 260.0,
                    child: Obx(() => getImage()),
                  )),
            ],
          ),
          Obx(() => Padding( // 3行め ボタン類
            padding: const EdgeInsets.all(8.0),
            child: Column(
              children: [
                Row( // 開始・ゴールボタン
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: [
                    // Finish or  Goal
                    (destination.cp == -1 || destination.cp == 0 || destination.cp == -2)
                        ? getActionButton(context, destination)
                        : Container(),  // 一般CPは空
                  ],
                ),
                Row( // ２列目 チェックインボタン
                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                  children: [
                    //checkin or remove checkin
                    destinationController.isInRog.value == true
                        && (distanceToDest <=
                        destinationController.getForcedChckinDistance(destination) || destination.checkin_radious==-1 )
                        && destination.cp != 0 && destination.cp != -1 && destination.cp != -2
                        ? (isAlreadyCheckedIn == false
                          ? ElevatedButton(  // まだチェックインしていなければ、チェックインボタンを表示
                              style: ElevatedButton.styleFrom(
                              backgroundColor: Colors.red),
                              onPressed: () async {
                                try {
                                  Get.back();

                                  await destinationController.callforCheckin(destination);

                                } catch (e) {
                                  // エラーハンドリング
                                  Get.snackbar(
                                    'Error',
                                    'An error occurred while processing check-in.',
                                    backgroundColor: Colors.red,
                                    colorText: Colors.white,
                                    duration: Duration(seconds: 3),
                                  );
                                  // 必要に応じてエラーログを記録
                                  print('Error processing check-in: $e');
                                }
                              },
                              child: Text(
                                "checkin".tr,
                                style: TextStyle(color: Colors.white),
                              )
                            )
                        : ElevatedButton( // チェックインしていれば、チェックイン取消ボタン
                              style: ElevatedButton.styleFrom(backgroundColor: Colors.grey[300]),
                              onPressed: () async {
                                try {
                                  await destinationController.removeCheckin(destination.cp!.toInt());
                                  destinationController.deleteDestination(destination);
                                  Get.back();
                                  Get.snackbar(
                                    'チェックイン取り消し',
                                    '${destination.name}のチェックインは取り消されました',
                                    backgroundColor: Colors.green,
                                    colorText: Colors.white,
                                    duration: Duration(seconds: 3),
                                  );
                                } catch (e) {
                                  // エラーハンドリング
                                  Get.snackbar(
                                    'Error',
                                    'An error occurred while canceling check-in.',
                                    backgroundColor: Colors.red,
                                    colorText: Colors.white,
                                    duration: Duration(seconds: 3),
                                  );
                                  // 必要に応じてエラーログを記録
                                  print('Error canceling check-in: $e');
                                }
                              },
                              child: Text(
                                "cancel_checkin".tr,
                                style: TextStyle(color: Colors.black),
                              )
                          )
                        ) : Container(),  // 近くにいなければ空
                        // go here or cancel route
                    Obx(() => ElevatedButton(
                        style: ElevatedButton.styleFrom(
                            backgroundColor: Theme.of(context)
                                .colorScheme
                                .onPrimaryContainer),
                        onPressed: () async {
                          if (destinationController.isRouteShowing.value) {
                            destinationController.clearRoute();
                            Get.back();
                          } else {
                            Get.back();
                            Position position =
                            await Geolocator.getCurrentPosition(
                                desiredAccuracy:
                                LocationAccuracy.bestForNavigation,
                                forceAndroidLocationManager: true);
                            Destination ds = Destination(
                                lat: position.latitude,
                                lon: position.longitude);

                            Destination tp = Destination(
                                lat: destination.lat, lon: destination.lon);

                            destinationController
                                .destinationMatrixFromCurrentPoint([ds, tp]);
                          }
                        },
                        child: Text(  //ルート表示 or ルート消去
                          destinationController.isRouteShowing.value
                              ? "cancel_route".tr
                              : "go_here".tr,
                          style: TextStyle(
                              color:
                              Theme.of(context).colorScheme.onPrimary),
                        )
                      )
                    ),
                  ],
                ),
                Row(
                  children: [
                    Expanded(
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.start,
                        children: [
                          indexController.currentDestinationFeature
                              .isNotEmpty &&
                              destinationController.isInCheckin.value ==
                                  true
                              ? Container()
                              : 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"]))
                              : const SizedBox(
                            width: 0.0,
                            height: 0,
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
                const SizedBox(
                  height: 8.0,
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(
                    children: [
                      const Icon(Icons.roundabout_left),
                      const 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"] ??
                              '')
                          : const SizedBox(
                        width: 0.0,
                        height: 0,
                      ),
                    ],
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(
                    children: [
                      const Icon(Icons.phone),
                      const 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"] ??
                              '')
                          : const SizedBox(
                        width: 0.0,
                        height: 0,
                      ),
                    ],
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(
                    children: [
                      const Icon(Icons.email),
                      const 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"] ??
                              '')
                          : const SizedBox(
                        width: 0.0,
                        height: 0,
                      ),
                    ],
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(
                    children: [
                      const Icon(Icons.language),
                      const 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)
                          : const SizedBox(
                        width: 0.0,
                        height: 0,
                      ),
                    ],
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(
                    children: [
                      const SizedBox(
                        width: 8.0,
                      ),
                      indexController.currentFeature[0]
                          .properties!["remark"] !=
                          null &&
                          (indexController.currentFeature[0]
                              .properties!["remark"] as String)
                              .isNotEmpty
                          ? getDetails(
                          context,
                          "remarks".tr,
                          indexController.currentFeature[0]
                              .properties!["remark"] ??
                              '',
                          isurl: false)
                          : const SizedBox(
                        width: 0.0,
                        height: 0,
                      ),
                    ],
                  ),
                ),
              ],
            ),
          )),
          const SizedBox(
            height: 60.0,
          )
        ],
      ),
    );
  }

  // 「行きたい」ボタンを表示するためのUIを構築するメソッドです。
  // 目的地が選択されているかどうかに基づいて、適切なアイコンとテキストを表示します。
  // ボタンがタップされたときの処理も含まれています。
  //
  Future<Widget> wantToGo(BuildContext context) async {
    bool selected = false;
    // print(
    //     '---target-- ${indexController.currentFeature[0].properties!["location_id"]}----');
    for (Destination d in destinationController.destinations) {
      //print('---- ${d.location_id.toString()} ----');
      if (d.location_id ==
          indexController.currentFeature[0].properties!["location_id"]) {
        selected = true;
        break;
      }
    }

    DatabaseHelper db = DatabaseHelper.instance;
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            // indexController.rog_mode == 0 ?
            //     // IconButton(
            //     //   icon: Icon(Icons.pin_drop_sharp, size: 32, color: _selected == true ? Colors.amber : Colors.blue,),
            //     //   onPressed: (){
            //     //     if(_selected){
            //     //     // show remove from destination
            //     //       Get.defaultDialog(
            //     //       title: "本当にこのポイントを通過順から外しますか？",
            //     //       middleText: "場所は目的地リストから削除されます",
            //     //       backgroundColor: Colors.blue.shade300,
            //     //       titleStyle: TextStyle(color: Colors.white),
            //     //       middleTextStyle: TextStyle(color: Colors.white),
            //     //       textConfirm: "はい",
            //     //       textCancel: "いいえ",
            //     //       cancelTextColor: Colors.white,
            //     //       confirmTextColor: Colors.blue,
            //     //       buttonColor: Colors.white,
            //     //       barrierDismissible: false,
            //     //       radius: 10,
            //     //       content: Column(
            //     //         children: [
            //     //         ],
            //     //       ),
            //     //       onConfirm: (){
            //     //           int _id = indexController.currentFeature[0].properties!["location_id"];
            //     //           Destination? d = destinationController.destinationById(_id);
            //     //           print('--- des id is : ${d} -----');
            //     //           if(d != null) {
            //     //             //print('--- des id is : ${d.location_id} -----');
            //     //             destinationController.deleteDestination(d);
            //     //             Get.back();
            //     //             Get.back();
            //     //             Get.snackbar("追加した", "場所が削除されました");
            //     //           }
            //     //       }
            //     //     );
            //     //       return;
            //     //     }
            //     //     // show add to destination
            //     //     Get.defaultDialog(
            //     //       title: "この場所を登録してもよろしいですか",
            //     //       middleText: "ロケーションがロガニング リストに追加されます",
            //     //       backgroundColor: Colors.blue.shade300,
            //     //       titleStyle: TextStyle(color: Colors.white),
            //     //       middleTextStyle: TextStyle(color: Colors.white),
            //     //       textConfirm: "はい",
            //     //       textCancel: "いいえ",
            //     //       cancelTextColor: Colors.white,
            //     //       confirmTextColor: Colors.blue,
            //     //       buttonColor: Colors.white,
            //     //       barrierDismissible: false,
            //     //       radius: 10,
            //     //       content: Column(
            //     //         children: [
            //     //         ],
            //     //       ),
            //     //       onConfirm: (){
            //     //           GeoJsonMultiPoint mp = indexController.currentFeature[0].geometry as GeoJsonMultiPoint;
            //     //           LatLng pt = LatLng(mp.geoSerie!.geoPoints[0].latitude, mp.geoSerie!.geoPoints[0].longitude);

            //     //           print("----- want to go sub location is ---- ${indexController.currentFeature[0].properties!["sub_loc_id"]} -----");

            //     //           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,
            //     //             sub_loc_id: indexController.currentFeature[0].properties!["sub_loc_id"],
            //     //             location_id: indexController.currentFeature[0].properties!["location_id"],
            //     //             list_order: 1,
            //     //             photos: indexController.currentFeature[0].properties!["photos"],
            //     //             checkin_radious: indexController.currentFeature[0].properties!["checkin_radius"],
            //     //             auto_checkin: indexController.currentFeature[0].properties!["auto_checkin"] == true ? 1 : 0,
            //     //             cp: indexController.currentFeature[0].properties!["cp"],
            //     //             checkin_point: indexController.currentFeature[0].properties!["checkin_point"],
            //     //             buy_point: indexController.currentFeature[0].properties!["buy_point"],
            //     //             selected: false,
            //     //             checkedin: false,
            //     //             hidden_location: indexController.currentFeature[0].properties!["hidden_location"] == true  ?1 : 0
            //     //           );
            //     //           destinationController.addDestinations(dest);
            //     //           Get.back();
            //     //           Get.back();
            //     //           Get.snackbar("追加した", "場所が追加されました");
            //     //       }
            //     //     );

            //     //   },
            //     // ):
            //     // Container(),
            const SizedBox(
              width: 8.0,
            ),
            Obx((() => indexController.rogMode.value == 1
                ? ElevatedButton(
                    onPressed: () async {
                      Destination dest =
                          indexController.currentDestinationFeature[0];
                      //print("~~~~ before checking button ~~~~");
                      //print("------ curent destination is ${dest!.checkedIn}-------");
                      destinationController.makeCheckin(
                          dest, !dest.checkedin!, "");
                    },
                    child: indexController
                                .currentDestinationFeature[0].checkedin ==
                            false
                        ? const Text("チェックイン")
                        : const Text("チェックアウト"))
                : 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: const 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]);
                            }
                          },
                          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]);
                      }
                    },
                    child: const Icon(Icons.favorite, color: Colors.red),
                  )
          ],
        )
      ],
    );
  }

  // 目的地の詳細情報（住所、電話番号、Webサイトなど）を表示するためのUIを構築するメソッドです。
  // ラベルとテキストを受け取り、適切なアイコンとともに表示します。
  //
  Widget getDetails(BuildContext context, String label, String text,
      {bool isurl = false}) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text(label),
        const SizedBox(
          width: 10.0,
        ),
        InkWell(
          onTap: () {
            if (isurl) {
              if (indexController.rogMode.value == 0) {
                _launchURL(indexController
                    .currentFeature[0].properties!["webcontents"]);
              } else {
                indexController.currentDestinationFeature[0].webcontents;
              }
            }
          },
          child: SizedBox(
            width: MediaQuery.of(context).size.width -
                (MediaQuery.of(context).size.width * 0.35),
            child: Text(
              text,
              textAlign: TextAlign.justify,
              style: TextStyle(
                color: isurl ? Colors.blue : Colors.black,
              ),
            ),
          ),
        ),
      ],
    );
  }
}