import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import './signup.dart';

class UnauthenticatedLandingWidget extends StatefulWidget {
    const UnauthenticatedLandingWidget({Key? key}) : super(key: key);

    @override
    State<UnauthenticatedLandingWidget> createState() => _UnauthenticatedLandingWidgetState();
}


class _UnauthenticatedLandingWidgetState extends State<UnauthenticatedLandingWidget> {
    @override
    Widget build(BuildContext context) {
        final ButtonStyle buttonStyle = ElevatedButton.styleFrom(
                primary: Colors.white,
                onPrimary: Colors.cyan,
                minimumSize: const Size.fromHeight(50),
                padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
                textStyle: const TextStyle(
                        fontSize: 20, 
                        fontWeight: FontWeight.bold,
                        color: Colors.red,
                        ),
        );

        return Center(
                child: Column(
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: <Widget>[
                            Center(
                                    child: Row(
                                            mainAxisAlignment: MainAxisAlignment.center,
                                            crossAxisAlignment: CrossAxisAlignment.center,
                                            children: const [
                                                FaIcon(FontAwesomeIcons.envelope, color: Colors.white, size: 40),
                                                SizedBox(width: 15),
                                                Text('Envelope', style: TextStyle(fontSize: 40, color: Colors.white),)
                                            ]
                                    ),
                            ),
                            const SizedBox(height: 10),
                            Padding(
                                    padding: const EdgeInsets.all(15),
                                    child: Column (
                                    children: [
                                        ElevatedButton(
                                                child: const Text('Login'),
                                                onPressed: loginButton,
                                                style: buttonStyle,
                                        ),
                                        const SizedBox(height: 20),
                                        ElevatedButton(
                                                child: const Text('Sign Up'),
                                                onPressed: () => {
                                                    Navigator.push(
                                                            context,
                                                            MaterialPageRoute(builder: (context) => const Signup()),
                                                    ),
                                                },
                                                style: buttonStyle,
                                        ),
                                    ]
                            ),
                            ),
                        ],
                    ),
            );
    }
}

void loginButton() {
}