import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:plane_pal/constants/main.dart';
import 'package:plane_pal/routes/main.dart';
import 'package:flutter/material.dart';
import 'package:toastification/toastification.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(
    ProviderScope(
      child: const MainApp(),
    ),
  );
}

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

  @override
  Widget build(BuildContext context) {
    return ToastificationWrapper(
      child: 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,
              ),
            ),
          ),
        ),
      ),
    );
  }
}