import 'package:flutter/material.dart';
import 'package:pcast/components/nc_base_page.dart';
import 'package:pcast/components/nc_button.dart';
import 'package:pcast/components/nc_text_field.dart';
import 'package:velocity_x/velocity_x.dart';

Route routeBuilder(BuildContext ctx, RouteSettings settings) {
  return PageRouteBuilder(
    transitionDuration: const Duration(seconds: 5),
    pageBuilder: (_, a1, a2) => const LoginPage(),
    transitionsBuilder: (_, a1, a2, child) {
      return FadeTransition(
        opacity: a1,
        child: child,
      );
    },
  );
}

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

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

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

  @override
  Widget build(BuildContext context) {
    return NcBasePage(
      body: Center(
        child: SizedBox(
          width: MediaQuery.of(context).size.width * 0.6,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              "Informe o seu email".text.white.italic.xl4.make(),
              const SizedBox(
                height: 40,
              ),
              NCTextField(hintText: "Email", controller: controller),
              const SizedBox(
                height: 40,
              ),
              NcButton(
                width: 250,
                height: 80,
                caption: "Próximo",
                backgroundColor: Colors.black,
                captionColor: Colors.red,
                onPressed: () => {
                  print(controller.text),
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}