import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';

import 'features/auth/provider/auth_provider.dart';
import 'navigation/router.dart' as router;
import 'navigation/routing_constants.dart';
import 'services/navigation_service.dart';

class MyApp extends StatefulWidget {
  final Locale locale;

  const MyApp(this.locale, {super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    const SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
    );
    return ChangeNotifierProvider(
        create: (context) => AuthProvider(),
        child: MaterialApp(
          debugShowCheckedModeBanner: false,
          navigatorKey: NavigationService.navigatorKey,
          scaffoldMessengerKey: NavigationService.snackbarKey,
          color: Colors.white,
          title: 'Syncrow App',
          onGenerateRoute: router.Router.generateRoute,
          initialRoute: RouteConstants.homeRoute,
          themeMode: ThemeMode.system,
          supportedLocales: const [
            Locale('en', ''), // English, no country code
            Locale('ar', ''), // Arabic, no country code
          ],
          // locale: locale,
          locale: const Locale('en', ''),
        ));
  }
}