import 'package:flutter/material.dart';

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

  @override
  State<SignUpScreen03> createState() => _SignUpScreen03State();
}

class _SignUpScreen03State extends State<SignUpScreen03> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: LayoutBuilder(
        builder: (context, constraints) => Stack(
          children: [
            Center(
              child: Container(
                padding: const EdgeInsets.symmetric(horizontal: 32.0),
                child: Column(
                  children: [
                    const Spacer(),
                    Container(
                      padding: const EdgeInsets.symmetric(
                          horizontal: 16, vertical: 8.0),
                      child: Text(
                        "Forgot Password?",
                        style: Theme.of(context).textTheme.headlineLarge,
                      ),
                    ),
                    Container(
                      padding: const EdgeInsets.symmetric(
                          horizontal: 16, vertical: 8.0),
                      child: const Text("Please enter your Email"),
                    ),
                    const SizedBox(height: 64.0),
                    Container(
                      width: (constraints.maxWidth > 412)
                          ? ((constraints.maxWidth * 0.5))
                          : (constraints.maxWidth),
                      padding: const EdgeInsets.symmetric(horizontal: 16),
                      decoration: BoxDecoration(
                        border: Border.all(color: Colors.grey.shade200),
                        color: Colors.white,
                        borderRadius: BorderRadius.circular(32.0),
                      ),
                      child: TextFormField(
                        textAlign: TextAlign.center,
                        decoration: const InputDecoration(
                          border: InputBorder.none,
                          hintText: 'Your Email',
                        ),
                      ),
                    ),
                    const SizedBox(height: 16.0),
                    FilledButton(
                      style: ElevatedButton.styleFrom(
                        minimumSize: Size(
                            (constraints.maxWidth > 412)
                                ? ((constraints.maxWidth * 0.5))
                                : (constraints.maxWidth),
                            50),
                      ),
                      child: const Text("Reset Password"),
                      onPressed: () {
                        // TODO : place sign in function here
                      },
                    ),
                    const Spacer(),
                    TextButton(
                      child: const Text("Don't have an account ? Signup"),
                      onPressed: () {
                        // TODO : place signup function here
                      },
                    ),
                    const SizedBox(height: 16.0),
                  ],
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}