import 'dart:async';
import 'package:fforte/enums/databases.dart';
import 'package:fforte/screens/addCam/cam_widgets.dart';
import 'package:fforte/screens/helper/dialog_helper.dart';
import 'package:fforte/screens/helper/snack_bar_helper.dart';
import 'package:fforte/screens/sharedMethods/http_request.dart';
import 'package:fforte/screens/addCam/exceptions/location_disabled_exception.dart';
import 'package:fforte/screens/addCam/exceptions/location_forbidden_exception.dart';
import 'package:fforte/screens/addCam/services/geolocator_service.dart';
import 'package:fforte/screens/sharedMethods/save_file.dart';
import 'package:fforte/screens/sharedMethods/save_main_entry.dart';
import 'package:fforte/screens/sharedMethods/save_template.dart';
import 'package:fforte/screens/sharedWidgets/datum.dart';
import 'package:fforte/screens/sharedWidgets/var_text_field.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:geolocator/geolocator.dart';
import 'package:latlong2/latlong.dart';
import 'package:animations/animations.dart';

class AddCamMain extends StatefulWidget {
  final bool isTemplate;
  final bool isFinished;
  final bool isSent;
  final Map<String, dynamic>? existingData;

  const AddCamMain(
      {super.key,
      this.isTemplate = false,
      this.existingData,
      this.isFinished = false,
      this.isSent = false});

  @override
  State<AddCamMain> createState() => _AddCamMainState();
}

class _AddCamMainState extends State<AddCamMain> {
  // var declaration
  int currentStep = 0;
  // bool isTemplate = false;

  TextEditingController cid = TextEditingController();
  TextEditingController rudelC = TextEditingController();
  TextEditingController adresse1C = TextEditingController();
  TextEditingController adresse2C = TextEditingController();
  TextEditingController adresse3C = TextEditingController();
  TextEditingController bLandC = TextEditingController();
  TextEditingController lkrC = TextEditingController();
  TextEditingController beiOrtC = TextEditingController();
  TextEditingController ortInfoC = TextEditingController();
  TextEditingController ffTypC = TextEditingController();
  TextEditingController kSchloNrC = TextEditingController();
  TextEditingController auftragC = TextEditingController();
  TextEditingController kontAbspC = TextEditingController();
  TextEditingController sonstBemC = TextEditingController();
  TextEditingController fKontakt1C = TextEditingController();
  TextEditingController fKontakt2C = TextEditingController();
  TextEditingController fKontakt3C = TextEditingController();
  TextEditingController standortC = TextEditingController();
  TextEditingController kTage1C = TextEditingController();
  TextEditingController kTage2C = TextEditingController();
  TextEditingController intKommC = TextEditingController();
  TextEditingController betreuungC = TextEditingController();

  String selectedStatus = 'aktiv';
  String selectedFotoFilm = 'Foto';
  String selectedMEZ = 'Sommerzeit';
  String selectedPlatzung = '';

  Position currentPosition = Position(
      longitude: 10.0,
      latitude: 51.0,
      timestamp: DateTime.now(),
      accuracy: 0.0,
      altitude: 0.0,
      heading: 0.0,
      speed: 0.0,
      speedAccuracy: 0.0,
      altitudeAccuracy: 0.0,
      headingAccuracy: 0.0);

  DateTime? abbauDat;
  DateTime datum = DateTime.now();
  DateTime? kontDat = DateTime.now();
  DateTime? protoAm = DateTime.now();

  Map<String, dynamic> getPlace() {
    Map<String, dynamic> place = {
      'ID': widget.existingData?['ID'],
      'CID': cid.text,
      'Rudel': rudelC.text,
      'Datum': datum.toString().split(" ").first,
      'Adresse1': adresse1C.text,
      'Adresse2': adresse2C.text,
      'Adresse3': adresse3C.text,
      'BLand': bLandC.text,
      'Lkr': lkrC.text,
      'BeiOrt': beiOrtC.text,
      'OrtInfo': ortInfoC.text,
      'Status': selectedStatus,
      'FFTyp': ffTypC.text,
      'FotoFilm': selectedFotoFilm,
      'MEZ': selectedMEZ,
      'Platzung': selectedPlatzung,
      'KSchloNr': kSchloNrC.text,
      'KontDat': kontDat.toString().split(" ").first,
      'AbbauDat': abbauDat.toString().split(" ").first.replaceAll("null", ""),
      'Auftrag': auftragC.text,
      'KontAbsp': kontAbspC.text,
      'SonstBem': sonstBemC.text,
      'FKontakt1': fKontakt1C.text,
      'FKontakt2': fKontakt2C.text,
      'FKontakt3': fKontakt3C.text,
      'Standort': standortC.text,
      'KTage1': kTage1C.text,
      'KTage2': kTage2C.text,
      'ProtoAm': protoAm.toString().split(" ").first,
      'IntKomm': intKommC.text,
      'Betreuung': betreuungC.text,
      'DECLNG': currentPosition.longitude,
      'DECLAT': currentPosition.latitude,
    };

    return place;
  }

  bool empty = false;

  // determine live position with checks for denied permission and turned off location service
  // Future<Position> _deteterminePosition() async {
  //   bool locationEnabled;
  //   LocationPermission permissionGiven;
  //
  //   locationEnabled = await Geolocator.isLocationServiceEnabled();
  //   if (!locationEnabled && mounted) {
  //     ScaffoldMessenger.of(context).showSnackBar(SnackBar(
  //         content: Text(AppLocalizations.of(context)!.locationDisabled)));
  //     return currentPosition;
  //   }
  //
  //   permissionGiven = await Geolocator.checkPermission();
  //   if (permissionGiven == LocationPermission.denied) {
  //     permissionGiven = await Geolocator.requestPermission();
  //     if (permissionGiven == LocationPermission.denied && mounted) {
  //       ScaffoldMessenger.of(context).showSnackBar(SnackBar(
  //           content: Text(AppLocalizations.of(context)!.locationForbidden)));
  //
  //       return currentPosition;
  //     }
  //   }
  //
  //   if (permissionGiven == LocationPermission.deniedForever && mounted) {
  //     ScaffoldMessenger.of(context).showSnackBar(SnackBar(
  //         content: Text(AppLocalizations.of(context)!.locationForbidden)));
  //     return currentPosition;
  //   }
  //   return currentPosition = await Geolocator.getCurrentPosition();
  // }

  @override
  void initState() {
    super.initState();

    // updates the currentPosition var after the _determine position has finished. Means user view updates with his live location
    try {
      GeolocatorService.deteterminePosition()
          .then((result) => currentPosition = result);
    } on LocationDisabledException {
      SnackBarHelper.showSnackBarMessage(context, AppLocalizations.of(context)!.locationDisabled);
    } on LocationForbiddenException {
      SnackBarHelper.showSnackBarMessage(context, AppLocalizations.of(context)!.locationForbidden);
    }

    // If a template is edited this fills in the existing values
    if (widget.isTemplate || widget.isFinished && widget.existingData != null) {
      cid.text = widget.existingData!['CID'] ?? "";
      rudelC.text = widget.existingData!['Rudel'] ?? "";
      adresse1C.text = widget.existingData!['Adresse1'] ?? "";
      adresse2C.text = widget.existingData!['Adresse2'] ?? "";
      adresse3C.text = widget.existingData!['Adresse3'] ?? "";
      bLandC.text = widget.existingData!['BLand'] ?? "";
      lkrC.text = widget.existingData!['Lkr'] ?? "";
      beiOrtC.text = widget.existingData!['BeiOrt'] ?? "";
      ortInfoC.text = widget.existingData!['OrtInfo'] ?? "";
      selectedStatus = widget.existingData!['Status'] ?? "";
      ffTypC.text = widget.existingData!['FFTyp'] ?? "";
      selectedFotoFilm = widget.existingData!['FotoFilm'] ?? "";
      selectedMEZ = widget.existingData!['MEZ'] ?? "";
      selectedPlatzung = widget.existingData!['Platzung'] ?? "";
      kSchloNrC.text = widget.existingData!['KSchloNr'] ?? "";
      datum = DateTime.parse(widget.existingData!['Datum']);
      kontDat = widget.existingData!['KontDat'] == ""
          ? null
          : DateTime.parse(widget.existingData!['KontDat']);
      abbauDat = widget.existingData!['AbbauDat'] == ""
          ? null
          : DateTime.parse(widget.existingData!['AbbauDat']);
      auftragC.text = widget.existingData!['Auftrag'] ?? "";
      kontAbspC.text = widget.existingData!['KontAbsp'] ?? "";
      sonstBemC.text = widget.existingData!['SonstBem'] ?? "";
      fKontakt1C.text = widget.existingData!['FKontakt1'] ?? "";
      fKontakt2C.text = widget.existingData!['FKontakt2'] ?? "";
      fKontakt3C.text = widget.existingData!['FKontakt3'] ?? "";
      standortC.text = widget.existingData!['Standort'] ?? "";
      kTage1C.text = widget.existingData!['KTage1'].toString();
      kTage2C.text = widget.existingData!['KTage2'].toString();
      protoAm = widget.existingData!['ProtoAm'] == null
          ? null
          : DateTime.parse(widget.existingData!['ProtoAm']);
      intKommC.text = widget.existingData!['IntKomm'] ?? "";
      betreuungC.text = widget.existingData!['Betreuung'] ?? "";
    }
  }

  // void showSnackBarMessage(String message) {
  //   ScaffoldMessenger.of(context)
  //       .showSnackBar(SnackBar(content: Text(message)));
  // }

  // Function to show the dialog where the user has to choose if he want to safe his values as a template
  // Future<void> showTemplateDialog(List<String> emptyField) async {
  //   return showDialog(
  //       context: context,
  //       barrierDismissible: false,
  //       builder: (BuildContext context) {
  //         return AlertDialog(
  //           title: Text(AppLocalizations.of(context)!.fieldEmpty),
  //           content: SingleChildScrollView(
  //             child: ListBody(children: <Widget>[Text(emptyField.join("; "))]),
  //           ),
  //           actions: <Widget>[
  //             TextButton(
  //                 onPressed: () {
  //                   Navigator.of(context).pop();
  //                 },
  //                 child: Text(AppLocalizations.of(context)!.cancel)),
  //             TextButton(
  //                 onPressed: () {
  //                   saveTemplate(
  //                       getPlace(), DatabasesEnum.place, widget.isTemplate);
  //                   Navigator.pushNamedAndRemoveUntil(
  //                       context, '/home', (route) => false);
  //                 },
  //                 child: Text(AppLocalizations.of(context)!.template))
  //           ],
  //         );
  //       });
  // }

  // Future<dynamic> _showServerErrorDialog() {
  //   bool isLoading = false;
  //
  //   return showDialog(
  //       context: context,
  //       builder: (context) {
  //         return StatefulBuilder(
  //           builder: (BuildContext context, StateSetter setState) {
  //             return AlertDialog(
  //               title: Text(AppLocalizations.of(context)!.servererrortitle),
  //               content: isLoading
  //                   ? const SizedBox(
  //                       height: 100,
  //                       child: Center(child: CircularProgressIndicator()))
  //                   : null,
  //               actions: [
  //                 if (!isLoading)
  //                   TextButton(
  //                       onPressed: () async {
  //                         setState(() => isLoading = true);
  //                         int errorCode = await HttpRequest.httpRequest(saveDataMap: getPlace());
  //                         setState(() => isLoading = false);
  //
  //                         if (errorCode != 201 && context.mounted) {
  //                           _showServerErrorDialog();
  //                         } else {
  //                           if (context.mounted) Navigator.pop(context);
  //                           // saveData(true);
  //                           SaveMainEntryMethod.saveEntry(entryData: getPlace(), isTemplate: widget.isTemplate);
  //                           _showSuccessDialog();
  //                         }
  //                       },
  //                       child: Text(AppLocalizations.of(context)!.sendagain)),
  //                 if (!isLoading)
  //                   TextButton(
  //                       onPressed: () {
  //                         Navigator.pop(context);
  //                       },
  //                       child: Text(AppLocalizations.of(context)!.cancel))
  //               ],
  //             );
  //           },
  //         );
  //       });
  // }

  // Future<void> showSaveOptionsDialog() async {
  //   bool isLoading = false;
  //
  //   return showDialog(
  //       context: context,
  //       barrierDismissible:
  //           false, // Verhindert das Schließen des Dialogs durch den Benutzer
  //       builder: (BuildContext context) {
  //         return StatefulBuilder(
  //           builder: (context, setState) {
  //             return AlertDialog(
  //               title: isLoading
  //                   ? Text(AppLocalizations.of(context)!.loading)
  //                   : Text(AppLocalizations.of(context)!.savemethod),
  //               content: isLoading
  //                   ? const SizedBox(
  //                       height: 100,
  //                       child: Center(child: CircularProgressIndicator()))
  //                   : null,
  //               actions: [
  //                 if (!isLoading)
  //                   TextButton(
  //                       onPressed: () async {
  //                         setState(() => isLoading = true);
  //                         saveTemplate(getPlace(), DatabasesEnum.place,
  //                             widget.isTemplate);
  //                         Navigator.pushNamedAndRemoveUntil(
  //                             context, '/home', (route) => false);
  //                       },
  //                       child: Text(AppLocalizations.of(context)!.template)),
  //                 if (!isLoading)
  //                   TextButton(
  //                       onPressed: () async {
  //                         setState(() => isLoading = true);
  //                         int errorCode = await HttpRequest.httpRequest(saveDataMap: getPlace());
  //                         setState(() => isLoading = false);
  //
  //                         if (errorCode != 201 || !context.mounted) {
  //                           SaveMainEntryMethod.saveEntry(entryData: getPlace(), isTemplate: widget.isTemplate);
  //                           if (context.mounted) DialogHelper.showServerErrorDialog(context, getPlace(), widget.isTemplate);
  //                         } else {
  //                           SaveMainEntryMethod.saveEntry(entryData: getPlace(), isTemplate: widget.isTemplate, sent: true);
  //                           _showSuccessDialog();
  //                         }
  //                       },
  //                       child:
  //                           Text(AppLocalizations.of(context)!.sendtoserver)),
  //                 if (!isLoading)
  //                   TextButton(
  //                       onPressed: () async {
  //                         setState(() => isLoading = true);
  //                         SaveMainEntryMethod.saveEntry(entryData: getPlace(), isTemplate: widget.isTemplate);
  //                         _saveFile();
  //                         setState(() => isLoading = false);
  //                       },
  //                       child: Text(AppLocalizations.of(context)!.saveasfile)),
  //                 if (!isLoading)
  //                   TextButton(
  //                       onPressed: () {
  //                         SaveMainEntryMethod.saveEntry(entryData: getPlace(), isTemplate: widget.isTemplate);
  //                         Navigator.pushNamedAndRemoveUntil(
  //                             context, '/home', (route) => false);
  //                       },
  //                       child: Text(AppLocalizations.of(context)!.justsave)),
  //                 if (!isLoading)
  //                   TextButton(
  //                       onPressed: () {
  //                         Navigator.pop(context);
  //                       },
  //                       child: Text(AppLocalizations.of(context)!.cancel)),
  //               ],
  //             );
  //           },
  //         );
  //       });
  // }

  // Future<void> _showSuccessDialog() async {
  //   return showDialog(
  //       context: context,
  //       builder: (context) {
  //         return AlertDialog(
  //           title: Text(AppLocalizations.of(context)!.successful),
  //           actions: [
  //             TextButton(
  //                 onPressed: () {
  //                   Navigator.pushNamedAndRemoveUntil(
  //                       context, '/home', (route) => false);
  //                 },
  //                 child: Text(AppLocalizations.of(context)!.continueB))
  //           ],
  //         );
  //       });
  // }

  // Future<int> _httpRequest() async {
  //   Map<String, dynamic> place = getPlace();
  //
  //   HttpRequest method = HttpRequest();
  //
  //   await method.httpRequest(jsonEncode(place));
  //
  //   return method.errorCode;
  // }

  // void _saveFile() {
  //   try {
  //     SaveMainEntryMethod.saveEntry(
  //         getPlace(), AppLocalizations.of(context)!.justplace, standortC.text);
  //     // TODO change to fileSaved. Also in SaveFileMethod class
  //     SnackBarHelper.showSnackBarMessage(context, AppLocalizations.of(context)!.savefilefailed);
  //     Navigator.pushNamedAndRemoveUntil(context, '/home', (route) => false);
  //   } catch (e) {
  //     SnackBarHelper.showSnackBarMessage(context, AppLocalizations.of(context)!.savefilefailed);
  //   }
  // }

  // checks if required fields are not empty. If one is the name will be returned
// TODO rewrite
  List<String> validateData() {
    List<String> emptyFields = <String>[];

    Map<String, TextEditingController> fields = {
      AppLocalizations.of(context)!.camLink: cid,
      AppLocalizations.of(context)!.rudel: rudelC,
      AppLocalizations.of(context)!.adresse1: adresse1C,
      AppLocalizations.of(context)!.bland: bLandC,
      AppLocalizations.of(context)!.lkr: lkrC,
      AppLocalizations.of(context)!.beiort: beiOrtC,
      AppLocalizations.of(context)!.status:
          TextEditingController(text: selectedStatus),
      AppLocalizations.of(context)!.fftyp: ffTypC,
      "${AppLocalizations.of(context)!.foto} / ${AppLocalizations.of(context)!.filelocation}":
          TextEditingController(text: selectedFotoFilm),
      AppLocalizations.of(context)!.zeiteinstellung:
          TextEditingController(text: selectedMEZ),
      AppLocalizations.of(context)!.platzung:
          TextEditingController(text: selectedPlatzung),
      AppLocalizations.of(context)!.ktage1: kTage1C,
      AppLocalizations.of(context)!.ktage1: kTage2C,
      AppLocalizations.of(context)!.location: standortC,
    };

    for (var entry in fields.entries) {
      if (entry.value.text.isEmpty) {
        emptyFields.add(entry.key);
      }
    }

    empty = false;
    if (emptyFields.isNotEmpty) empty = true;

    return emptyFields;
  }

  // If the user decides to safe his values as a template this function is called to save the values in the database
  // If the user already edits a template this template will be upadted otherwise a new one will be created
  // void saveTemplate() async {
  //   var placeDB = PlaceDBHelper();
  //
  //   Map<String, dynamic> templates = getPlace();
  //
  //   if (widget.isTemplate) {
  //     await placeDB.updateTemplate(templates);
  //   } else {
  //     await placeDB.addTemplate(templates);
  //   }
  // }

  // TODO FINISHED HERE
  // If the user has filled all needed values this function will be called to safe them in the database
  // * also creates a json string to send it to the server later
  // void saveData([bool sent = false]) async {
  //   var placeDB = PlaceDBHelper();
  //   Map<String, dynamic> place = getPlace();
  //
  //   // Get the ID of the newly added or updated place
  //   int newPlaceId = await placeDB.addMainEntry(place);
  //
  //   if (sent == true) {
  //     placeDB.updateSent(newPlaceId); // Update 'Sent' using the correct ID
  //   }
  //
  //   if (widget.isTemplate) {
  //     await placeDB.deleteTemplateById(cid.text);
  //   }
  // }

  // The widget tree which gets the shown widget from the ./cam_widgets.dart file
  // The names of the widgets should be self-explaining
  @override
  Widget build(BuildContext context) {
    // List with the steps. The steps itself will be "shown" later
    List<Step> getSteps() => [
          // First step
          Step(
              title: Text(AppLocalizations.of(context)!.firststep),
              content: Column(
                children: [
                  Align(
                    alignment: Alignment.bottomLeft,
                    child: VarTextField(
                      required: true,
                      dbName: "Standort",
                      textController: standortC,
                      localization: AppLocalizations.of(context)!.altstort,
                      dbDesignation: DatabasesEnum.place,
                    ),
                  ),
                  const SizedBox(
                    height: 5,
                  ),
                  Align(
                      alignment: Alignment.bottomLeft,
                      child: Row(
                        children: [
                          Text(AppLocalizations.of(context)!.status),
                          const Text(
                            '*',
                            style: TextStyle(color: Colors.red),
                          ),
                        ],
                      )),
                  Status(
                    initialStatus: selectedStatus,
                    onStatusChanged: (status) {
                      setState(() {
                        selectedStatus = status;
                      });
                    },
                  ),
                  VarTextField(
                    textController: betreuungC,
                    localization: AppLocalizations.of(context)!.betreuung,
                    dbName: "Betreuung",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  const SizedBox(
                    height: 20,
                  ),
                  VarTextField(
                    textController: cid,
                    localization: AppLocalizations.of(context)!.camLink,
                    dbName: "CID",
                    required: true,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  VarTextField(
                    textController: ffTypC,
                    localization: AppLocalizations.of(context)!.fftyp,
                    dbName: "FFTyp",
                    required: true,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  const SizedBox(
                    height: 15,
                  ),
                  Align(
                      alignment: Alignment.bottomLeft,
                      child: Row(
                        children: [
                          Text(AppLocalizations.of(context)!.zeiteinstellung),
                          const Text(
                            '*',
                            style: TextStyle(color: Colors.red),
                          )
                        ],
                      )),
                  MEZ(
                    initialMEZ: selectedMEZ,
                    onMEZChanged: (mez) {
                      setState(() {
                        selectedMEZ = mez;
                      });
                    },
                  ),
                  const SizedBox(
                    height: 15,
                  ),
                  VarTextField(
                    textController: kSchloNrC,
                    localization: AppLocalizations.of(context)!.kschlonr,
                    dbName: "KSchloNr",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  const SizedBox(
                    height: 5,
                  ),
                  VarTextField(
                    textController: rudelC,
                    localization: AppLocalizations.of(context)!.rudel,
                    dbName: "Rudel",
                    required: true,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  const SizedBox(
                    height: 15,
                  ),
                ],
              )),

          // Second step
          Step(
              title: Text(AppLocalizations.of(context)!.secondstep),
              content: Column(
                children: [
                  Row(
                    children: [
                      Column(
                        children: [
                          Text(currentPosition.latitude.toString()),
                          Text(currentPosition.longitude.toString()),
                        ],
                      ),
                      const SizedBox(
                        width: 15,
                      ),
                      ElevatedButton(
                          onPressed: () async {
                            final result = await Navigator.of(context)
                                .push<LatLng>(
                                    MaterialPageRoute(builder: (context) {
                              return Karte(
                                ortInfoC: ortInfoC,
                                beiOrtC: beiOrtC,
                                currentPosition: currentPosition,
                                onPositionChange: (updatedPosition) {
                                  setState(() {
                                    currentPosition = updatedPosition;
                                  });
                                },
                              );
                            }));
                            if (result != null) {
                              setState(() {
                                currentPosition = Position(
                                  latitude: result.latitude,
                                  longitude: result.longitude,
                                  timestamp: DateTime.now(),
                                  accuracy: 0.0,
                                  altitude: 0.0,
                                  altitudeAccuracy: 0.0,
                                  heading: 0.0,
                                  headingAccuracy: 0.0,
                                  speed: 0.0,
                                  speedAccuracy: 0.0,
                                );
                              });
                            }
                          },
                          child: Text(AppLocalizations.of(context)!.openMap)),
                    ],
                  ),
                  VarTextField(
                    textController: bLandC,
                    localization: AppLocalizations.of(context)!.bland,
                    dbName: "BLand",
                    required: true,
                    dbDesignation: DatabasesEnum.place,
                    defaultValue: "bLand",
                  ),
                  VarTextField(
                    textController: lkrC,
                    localization: AppLocalizations.of(context)!.lkr,
                    dbName: "Lkr",
                    required: true,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  VarTextField(
                    textController: beiOrtC,
                    localization: AppLocalizations.of(context)!.beiort,
                    dbName: "BeiOrt",
                    required: true,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  VarTextField(
                    textController: ortInfoC,
                    localization: AppLocalizations.of(context)!.ortinfo,
                    dbName: "OrtInfo",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  const SizedBox(
                    height: 15,
                  ),
                  Align(
                      alignment: Alignment.bottomLeft,
                      child: Row(
                        children: [
                          Text(AppLocalizations.of(context)!.platzung),
                          const Text(
                            '*',
                            style: TextStyle(color: Colors.red),
                          )
                        ],
                      )),
                  Platzung(
                    initialPlatzung: selectedPlatzung,
                    onPlatzungChanged: (platzung) {
                      setState(() {
                        selectedPlatzung = platzung;
                      });
                    },
                  ),
                ],
              )),
          // Third step
          Step(
              title: Text(AppLocalizations.of(context)!.thirdstep),
              content: Column(
                children: [
                  Datum(
                    initDatum: datum,
                    onDateChanged: (value) {
                      datum = value;
                    },
                    name: AppLocalizations.of(context)!.pickDate,
                  ),
                  KontDat(
                    initKontDat: kontDat,
                    onDateChanged: (value) {
                      setState(() {
                        kontDat = value;
                      });
                    },
                  ),
                  const SizedBox(
                    height: 20,
                  ),
                  Align(
                    alignment: Alignment.bottomLeft,
                    child: Row(
                      children: [
                        Text(AppLocalizations.of(context)!.ktage),
                        const Text(
                          '*',
                          style: TextStyle(color: Colors.red),
                        ),
                      ],
                    ),
                  ),
                  Row(
                    children: [
                      Expanded(
                          child: Text(AppLocalizations.of(context)!.ktage1)),
                      const SizedBox(
                        width: 15,
                      ),
                      Expanded(
                          flex: 4,
                          child: VarTextField(
                            otherDefault: "24",
                            textController: kTage1C,
                            localization: AppLocalizations.of(context)!.ktage1,
                            dbName: "KTage1",
                            required: true,
                            dbDesignation: DatabasesEnum.place,
                          ))
                    ],
                  ),
                  Row(
                    children: [
                      Expanded(
                          child: Text(AppLocalizations.of(context)!.ktage2)),
                      const SizedBox(
                        width: 15,
                      ),
                      Expanded(
                          flex: 4,
                          child: VarTextField(
                            otherDefault: "48",
                            textController: kTage2C,
                            localization: AppLocalizations.of(context)!.ktage2,
                            dbName: "KTage2",
                            required: true,
                            dbDesignation: DatabasesEnum.place,
                          ))
                    ],
                  ),
                  const SizedBox(
                    height: 20,
                  ),
                  Row(
                    children: [
                      AbbauDat(
                        initAbbauDat: abbauDat,
                        onDateChanged: (value) {
                          abbauDat = value;
                        },
                      ),
                    ],
                  ),
                  const SizedBox(
                    height: 20,
                  ),
                  VarTextField(
                    textController: auftragC,
                    localization: AppLocalizations.of(context)!.auftrag,
                    dbName: "Auftrag",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  VarTextField(
                    textController: kontAbspC,
                    localization: AppLocalizations.of(context)!.kontabsp,
                    dbName: "KontAbsp",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  VarTextField(
                      textController: sonstBemC,
                      localization:
                          AppLocalizations.of(context)!.sonstbemerkungen,
                      dbName: "SonstBem",
                      dbDesignation: DatabasesEnum.place,
                      required: false),
                ],
              )),
          // Fourth step
          Step(
              title: Text(AppLocalizations.of(context)!.fourthstep),
              content: Column(
                children: [
                  VarTextField(
                    textController: adresse1C,
                    localization: AppLocalizations.of(context)!.adresse1,
                    dbName: "Adresse1",
                    dbDesignation: DatabasesEnum.place,
                    required: true,
                    defaultValue: "addresse1",
                  ),
                  VarTextField(
                    textController: adresse2C,
                    localization: AppLocalizations.of(context)!.adresse2,
                    dbName: "Adresse2",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  VarTextField(
                    textController: adresse3C,
                    localization: AppLocalizations.of(context)!.adresse3,
                    dbName: "Adresse2",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  const SizedBox(
                    height: 15,
                  ),
                  VarTextField(
                    textController: fKontakt1C,
                    localization: AppLocalizations.of(context)!.fkontakt1,
                    dbName: "FKontakt1",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  VarTextField(
                    textController: fKontakt2C,
                    localization: AppLocalizations.of(context)!.fkontakt2,
                    dbName: "FKontakt2",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  VarTextField(
                    textController: fKontakt3C,
                    localization: AppLocalizations.of(context)!.fkontakt3,
                    dbName: "FKontakt3",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                  VarTextField(
                    textController: intKommC,
                    localization: AppLocalizations.of(context)!.intkomm,
                    dbName: "IntKomm",
                    required: false,
                    dbDesignation: DatabasesEnum.place,
                  ),
                ],
              ))
        ];

    // Here the site is built with the steps from above
    return Scaffold(
        appBar: AppBar(title: Text(AppLocalizations.of(context)!.addplace)),
        body: PageTransitionSwitcher(
            duration: const Duration(milliseconds: 800),
            transitionBuilder: (Widget child, Animation<double> animation,
                Animation<double> secondaryAnimation) {
              return SharedAxisTransition(
                animation: animation,
                secondaryAnimation: secondaryAnimation,
                transitionType: SharedAxisTransitionType.vertical,
                child: child,
              );
            },
            child: Stepper(
                key: ValueKey<int>(currentStep),
                type: StepperType.vertical,
                steps: getSteps(),

                // Functions that handle the navigation through the steps
                currentStep: currentStep,
                onStepTapped: (value) {
                  setState(() {
                    currentStep = value;
                  });
                },
                onStepContinue: () async {
                  final isLastStep = currentStep == getSteps().length - 1;

                  if (!isLastStep) {
                    saveTemplate(
                        getPlace(), DatabasesEnum.place, widget.isTemplate);
                    setState(() {
                      currentStep += 1;
                    });
                  } else {
                    List<String> emptyFields = validateData();
                    // ! always filled out
                    // empty = false;
                    if (widget.isSent) {
                      Navigator.pushNamedAndRemoveUntil(
                          context, '/home', (route) => false);
                    } else if (empty == true) {
                      DialogHelper.showTemplateDialog(context, emptyFields, getPlace() );
                      return;
                    } else if (empty == false) {
                      await DialogHelper.showSaveOptionsDialog(context, getPlace(), widget.isTemplate);
                    }
                  }
                },
                onStepCancel: () {
                  if (currentStep == 0) {
                    Navigator.pop(context);
                  } else {
                    setState(() {
                      currentStep -= 1;
                    });
                  }
                })));
  }
}