import 'package:plane_pal/client/pocketbase.dart';
import 'package:plane_pal/constants/main.dart';
import 'package:plane_pal/db/main.dart';
import 'package:plane_pal/routes/main.dart';
import 'package:plane_pal/screens/home/service.dart';
import 'package:flutter/material.dart';
import 'package:pocketbase/pocketbase.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:sqflite/sqflite.dart';
import 'package:path/path.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final prefs = await SharedPreferences.getInstance();

  final store = AsyncAuthStore(
    save: (String data) async {
      await prefs.setString('pb_auth', data);
    },
    initial: prefs.getString('pb_auth'),
  );
  pb = PocketBase(
    POCKETBASE_URL,
    authStore: store,
  );
  database = await openDatabase(
    join(await getDatabasesPath(), 'aero.db'),
    version: 1,
    onOpen: (db) async {
      await db.execute(Airport.createTableScript());
    },
  );
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routerConfig: AeroRouter.router,
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        useMaterial3: true,
        scaffoldBackgroundColor: Colors.white,
        fontFamily: "Geist",
        brightness: Brightness.light,
        primaryColor: Colors.blueAccent,
        navigationBarTheme: NavigationBarThemeData(
          labelTextStyle: const WidgetStatePropertyAll(
            TextStyle(
              fontSize: 14,
            ),
          ),
          backgroundColor: const Color(0xfffafafa),
          indicatorColor: Colors.blueAccent.withValues(
            alpha: .4,
          ),
        ),
        appBarTheme: const AppBarTheme(
          elevation: 0,
          scrolledUnderElevation: 0,
          titleTextStyle: TextStyle(
            fontFamily: "CalSans",
            fontSize: 20,
            color: Colors.black,
          ),
          toolbarHeight: 50,
          backgroundColor: Colors.white,
        ),
        textTheme: const TextTheme(
          labelMedium: TextStyle(
            fontSize: 20,
          ),
          titleLarge: TextStyle(
            fontSize: 32,
            fontWeight: FontWeight.bold,
          ),
          titleSmall: TextStyle(
            fontSize: 16,
            color: SECONDARY_TEXT_COLOR,
          ),
          titleMedium: TextStyle(
            fontSize: 20,
          ),
          bodyMedium: TextStyle(
            color: Colors.black87,
            fontSize: 14,
          ),
        ),
        elevatedButtonTheme: ElevatedButtonThemeData(
          style: ElevatedButton.styleFrom(
            backgroundColor: Colors.blueAccent, // Baby pink buttons
            foregroundColor: Colors.black, // White text
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(
                10,
              ),
            ),
          ),
        ),
        outlinedButtonTheme: OutlinedButtonThemeData(
          style: OutlinedButton.styleFrom(
            foregroundColor: Colors.black,
            side: const BorderSide(
              color: Colors.blueAccent,
              width: 2,
            ),
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(8),
            ),
            padding: const EdgeInsets.symmetric(
              vertical: 12,
              horizontal: 16,
            ),
          ),
        ),
      ),
    );
  }
}