import "package:flutter/material.dart";

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      title: "Myemo",
      theme: ThemeData(primarySwatch: Colors.lightBlue),
      home: LoginPage(),
    );
  }
}

class LoginPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build

    return Scaffold(
      body: Container(
        color: Colors.lightBlue,
        padding: const EdgeInsets.all(36),
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              // ! Please, join us
              FlutterLogo(
                size: 100,
              ),
              Container(
                alignment: Alignment.centerLeft,
                padding: EdgeInsets.only(bottom: 16),
                child: const Text.rich(
                  TextSpan(text: "Please, ",
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 26,
                  ),
                  children: <TextSpan> [
                    TextSpan(text: "join us.",
                    style: TextStyle(
                      decoration: TextDecoration.underline,
                      fontWeight: FontWeight.bold,
                    ))
                  ]),
                  ),
              ),
              Container(
                  padding: EdgeInsets.all(16),
                  decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.circular(10.0),
                    boxShadow: [
                      BoxShadow(
                        color: Colors.white,
                        spreadRadius: 1,
                        blurRadius: 1,
                      ),
                    ],
                  ),
                  child: Column(children: <Widget>[
                    // ! Username
                    Container(
                      margin: EdgeInsets.only(bottom: 16),
                      child: Row(
                        children: <Widget>[
                          Container(margin: EdgeInsets.only(right: 8), child: Text("Username")),
                          Flexible(child: TextField()),
                        ],
                      ),
                    ),
                    // ! Password
                    Container(
                        margin: EdgeInsets.only(bottom: 16),
                        child: Row(
                          children: <Widget>[
                          Container(margin: EdgeInsets.only(right: 8), child: Text("Password")),
                            Flexible(
                                child: TextField(
                              obscureText: true,
                            )),
                          ],
                        )),
                         // ! Accedi
              Container(
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: <Widget>[
                    RaisedButton(
                      color: Colors.green,
                      shape: new RoundedRectangleBorder(
                        borderRadius: new BorderRadius.circular(18.0),
                        ),
                      child: Text("Accedi",
                      style: TextStyle(color: Colors.white),),
                      onPressed: () => print(""),
                    )
                  ],
                ),
              ),
                  ])),
            ]),
      ),
    );
  }
}