import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:muaawana/widgets/primary_button_widget.dart';
 import 'package:persistent_bottom_nav_bar/persistent_bottom_nav_bar.dart';

import '../config/size.dart';
import '../utils/text_style.dart';
import '../utils/text_widget.dart';
import '../views/auth/login_view.dart';

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

  @override
  State<LoginFirst> createState() => _LoginFirstState();
}

class _LoginFirstState extends State<LoginFirst> {
  @override
  Widget build(BuildContext context) {
    final hm = SizeConfig.heightMultiplier;
    final wm = SizeConfig.widthMultiplier;
    final tm = SizeConfig.textMultiplier;
    return Scaffold(
      backgroundColor: Colors.white,
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            SizedBox(
              height: wm * 60,
              width: wm * 70,
              child: SvgPicture.asset(
                'assets/icons/login_first.svg',
                fit: BoxFit.fill,
              ),
            ),
            SizedBox(
              height: hm * 3,
            ),
            Txt(
              text: "Please,",
              style:
                  tS('NunitoBold', tm * 3.0, FontWeight.normal, Colors.black),
            ),
            SizedBox(
              height: hm * 0.2,
            ),
            Txt(
              text: "You must login first",
              style: tS(
                  'NunitoExtraBold', tm * 3.0, FontWeight.normal, Colors.black),
            ),
            SizedBox(
              height: hm * 4,
            ),
            primaryButton(
                height: hm * 5.5,
                width: wm * 30,
                borderRadius: BorderRadius.circular(wm * 4),
                widget: Txt(
                  text: "Login",
                  style:
                      tS('NunitoBold', tm * 2.3, FontWeight.bold, Colors.white),
                ),
                function: () {
                  PersistentNavBarNavigator.pushNewScreen(
                    context,
                    screen: const LoginScreen(isFromSplash: false,),
                    withNavBar: false, // OPTIONAL VALUE. True by default.
                    pageTransitionAnimation: PageTransitionAnimation.slideUp,
                  );
                })
          ],
        ),
      ),
    );
  }
}