import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'core/router/app_router.dart';
import 'core/theme/app_theme.dart';
import 'features/auth/presentation/providers/auth_provider.dart';
import 'features/settings/presentation/providers/theme_provider.dart';

/// Root application widget with go_router integration
class RetailApp extends ConsumerStatefulWidget {
  const RetailApp({super.key});

  @override
  ConsumerState<RetailApp> createState() => _RetailAppState();
}

class _RetailAppState extends ConsumerState<RetailApp> {
  @override
  void initState() {
    super.initState();
    print('📱 RetailApp: initState called');
    // Initialize auth state on app start
    WidgetsBinding.instance.addPostFrameCallback((_) {
      print('📱 RetailApp: Calling initialize()...');
      ref.read(authProvider.notifier).initialize();
    });
  }

  @override
  Widget build(BuildContext context) {
    final themeMode = ref.watch(themeModeFromThemeProvider);
    final router = ref.watch(routerProvider);

    return MaterialApp.router(
      title: 'Retail POS',
      debugShowCheckedModeBanner: false,
      theme: AppTheme.lightTheme,
      darkTheme: AppTheme.darkTheme,
      themeMode: themeMode,
      routerConfig: router,
    );
  }
}