import 'package:app/model/services/auth_service.dart';
import 'package:app/model/services/storage_service.dart';
import 'package:app/model/view_model/base_vm.dart';
import 'package:app/pages/account_info_page.dart';
import 'package:app/pages/late_person_page.dart';
import 'package:app/pages/notifications_page.dart';
import 'package:app/pages/registration_page.dart';
import 'package:app/pages/security_page.dart';
import 'package:app/pages/start_page.dart';
import 'package:app/pages/verify_email_page.dart';
import 'package:app/pb/account.pb.dart';
import 'package:app/util/colors.dart';
import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart'
    show GlobalMaterialLocalizations;

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  runApp(
    MaterialApp(
      localizationsDelegates: const [GlobalMaterialLocalizations.delegate],
      supportedLocales: const [Locale('en'), Locale('de')],
      theme: ThemeData().copyWith(
          canvasColor: Colors.black,
          colorScheme: const ColorScheme(
            brightness: Brightness.dark,
            primary: Colors.white,
            onPrimary: Colors.black,
            secondary: Colors.black,
            onSecondary: Colors.white,
            error: Color.fromARGB(170, 255, 0, 0),
            onError: Color.fromARGB(170, 255, 0, 0),
            background: Colors.transparent,
            onBackground: Colors.white,
            surface: Colors.black,
            onSurface: Colors.white,
          ),
          textTheme: const TextTheme().copyWith(
            titleLarge: const TextStyle(
              color: Colors.white,
            ),
            titleMedium: const TextStyle(
              color: Colors.white,
            ),
            titleSmall: const TextStyle(
              color: Colors.white,
            ),
          ),
          inputDecorationTheme: const InputDecorationTheme(
            labelStyle: TextStyle(
              color: Colors.grey,
            ),
          ),
          scaffoldBackgroundColor: Colors.transparent,
          appBarTheme: const AppBarTheme().copyWith(
            backgroundColor: Colors.black,
            foregroundColor: Colors.white,
          )),
      home: const DigitalerFrieden(),
    ),
  );
}

class DigitalerFrieden extends StatefulWidget {
  const DigitalerFrieden({super.key});

  @override
  State<DigitalerFrieden> createState() => _DigitalerFriedenState();
}

class _DigitalerFriedenState extends State<DigitalerFrieden> {
  final StorageService _storageService = StorageService();
  final BaseViewModel _vm = BaseViewModel();
  int? accountLevel;
  String? accessToken;
  bool authenticated = false;
  Account? account;
  bool verified = false;
  bool _loading = true;
  @override
  void initState() {
    _init();
    super.initState();
  }

  void _init() async {
    accountLevel = await _storageService.accountLevel;
    accessToken = await _storageService.accessToken;
    verified = await _storageService.verified;

    if (accessToken != null) {
      account = await _vm.account;
    }

    if (account != null) {
      if (verified != account!.emailVerified) {
        verified = account!.emailVerified;
        _storageService.setVerified(verified);
      }

      if (accountLevel == null || account!.accountLevel > accountLevel!) {
        accountLevel = account!.accountLevel;
        _storageService.setAccountLevel(account!.accountLevel);
      }
    }

    if (accountLevel! > 1) {
      authenticated = await AuthService.authenticateWithBiometrics();
    }

    print(
        'ACCOUNTLEVEL: $accountLevel ======= VERIFIED: $verified ======= ID: ${account?.id}\nTOKEN: $accessToken');
    setState(() {
      _loading = false;
    });
  }

  Future<void> getAccount(BuildContext context) async {}

  @override
  Widget build(BuildContext context) {
    if (_loading) {
      return const StartPage();
      // return SafeArea(
      //   child: Center(
      //     child: Column(
      //       mainAxisAlignment: MainAxisAlignment.center,
      //       children: [
      //         Hero(
      //           tag: 'logo',
      //           child: Image.asset(
      //             'assets/JPEG.jpg',
      //             height: 180,
      //           ),
      //         ),
      //       ],
      //     ),
      //   ),
      // );
    }
    if (verified) {
      switch (accountLevel) {
        case 6:
          return const LatePersonPage();
        case 4 || 5:
          return const AccountInfoPage();
        default:
          return const StartPage();
      }
    } else {
      switch (accountLevel) {
        case 1:
          return const SecurityPage();
        case 2:
          return const NotificationsPage();
        case 4:
          return const VerifyEmailPage();
        case 3:
          if (accessToken != null) {
            return const VerifyEmailPage();
          } else {
            return const RegistrationPage();
          }
        default:
          return const StartPage();
      }
    }
  }
}