import 'package:flutter/material.dart';
  import 'package:playmaker/pages/home.dart';
  import '../widgets/login_widgets.dart';
  import '../../Controllers/login_controller.dart';

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

    @override
    State<LoginPage> createState() => _LoginPageState();
  }

  class _LoginPageState extends State<LoginPage> {
    final LoginController controller = LoginController();

@override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SafeArea(
        child: ListenableBuilder(
          listenable: controller,
          builder: (context, child) {
            return LayoutBuilder(
              builder: (context, constraints) {
                final screenWidth = constraints.maxWidth;
                
                return Center(
                  child: SingleChildScrollView( 
                    child: Container(
                      width: screenWidth > 800 ? 600.0 : 
                            screenWidth > 600 ? 500.0 : 400.0,
                      padding: const EdgeInsets.all(32),
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          const BasketTrackHeader(),
                          const SizedBox(height: 40),
                          
                          LoginFormFields(controller: controller),
                          const SizedBox(height: 24),
                          
                          LoginButton(
                            controller: controller,
                            onLoginSuccess: () {
                              Navigator.pushReplacement(
                                context,
                                MaterialPageRoute(builder: (context) => const HomeScreen()),
                              );
                            },
                          ),
                          const SizedBox(height: 16),
                          
                          const CreateAccountButton(),
                        ],
                      ),
                    ),
                  ),
                );
              },
            );
          },
        ),
      ),
    );
  }
}