import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

import 'main_screen.dart';
class LoginScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SingleChildScrollView(

        child: Column(
          children: [

            Container(
              decoration: BoxDecoration(
                  gradient: LinearGradient(
                    begin: Alignment.topCenter,
                    end: Alignment.bottomCenter,
                    colors: [
                      Color.fromRGBO(80, 166, 242, 0.66),
                      Color.fromRGBO(168, 134, 255, 0.66),
                      Color.fromRGBO(86, 88, 255, 0.3828),
                      Color.fromRGBO(214, 246, 255, 0.66),
                    ],
                  ),
                  borderRadius: BorderRadius.only(bottomRight: Radius.elliptical(300, 110), )
              ),
              child: Padding(
                padding: const EdgeInsets.all(20.0),
                child: Column(
                  children: [
                    const SizedBox(height: 30),
                    Image.asset('assets/images/signinlogo.png', height: 250),
                    const SizedBox(height: 20),

                    const SizedBox(height: 30),
                    Align(
                      alignment: Alignment.centerLeft,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Text("Welcome back!", style:
                          GoogleFonts.istokWeb(
                              fontSize: 18,color: Color.fromRGBO(25, 25, 112, 0.87)
                              ,fontWeight: FontWeight.w700
                          )),

                          Container(
                            width: 200,
                            child: Text("Please sign in to continue",
                                style:GoogleFonts.radioCanada(
                                    fontSize: 24,
                                    fontWeight: FontWeight.w700,
                                    height: 0.9,
                                    color: Color.fromRGBO(25, 25, 112, 0.87)
                                )),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 20.0),
              child: Form(

                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [

                    const SizedBox(height: 20),
                    Text('Enter Email Id',style:GoogleFonts.radioCanada(
                      fontSize: 16,
                      fontWeight: FontWeight.w400,
                      //color: Color.fromRGBO(25, 25, 112, 0.87)
                    )),
                    const SizedBox(height: 5),
                    TextField(
                      decoration: InputDecoration(

                        hintText: 'abcd@gmail.com',
                        border: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(15.0)
                        ),
                      ),
                    ),
                    const SizedBox(height: 20),
                    Text('Enter Password',style:GoogleFonts.radioCanada(
                      fontSize: 16,
                      fontWeight: FontWeight.w400,
                      //color: Color.fromRGBO(25, 25, 112, 0.87)
                    )),
                    const SizedBox(height: 5),
                    TextField(
                      obscureText: true,
                      decoration: InputDecoration(

                        border: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(15.0)
                        ),
                        suffixIcon: Icon(Icons.remove_red_eye_outlined),
                      ),
                    ),
                    const SizedBox(height: 30),
                    SizedBox(
                      width: double.infinity,
                      height: 50,
                      child: ElevatedButton(
                        style: ElevatedButton.styleFrom(
                          backgroundColor: Color(0xFF1F1762),
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(25),
                          ),
                        ),
                        onPressed: () {
                          Navigator.push(context, MaterialPageRoute(builder: (context)=>MainScreen()));
                        },
                        child:  Text('Login', style:

                        GoogleFonts.inter(
                            fontSize: 18,color: Colors.white
                            ,fontWeight: FontWeight.w600
                        )

                        ),
                      ),
                    )
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}