import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:rogapp/common/ui/widgets/uis.dart';
import 'package:rogapp/routes/app_pages.dart';
import 'package:rogapp/screens/auth/common/uis/auth_text_field.dart';
import 'package:rogapp/screens/auth/common/uis/rounded_small_button.dart';
import 'package:rogapp/screens/auth/controller/auth_controller.dart';
import 'package:rogapp/theme/theme.dart';

class LoginScreen extends StatelessWidget {
  final emailController = TextEditingController();
  final passwordController = TextEditingController();
  LoginScreen({super.key});

  final AuthController authController = Get.find<AuthController>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: UIs.appBar(),
      body: Obx((){
        if(authController.isLoading.value) {
          return const Center(child: CircularProgressIndicator(),);
        } else {
          return Center(
        child: SingleChildScrollView(
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Column(
              children: [
                Container(
                  height: MediaQuery.of(context).size.height/6,
                  decoration: const BoxDecoration(
                    image:DecorationImage(image: AssetImage('assets/images/login_image.jpg'))
                  ),
                ),
                const SizedBox(height: 5,),
                AuthTextField(controller: emailController, hinttext: 'Email',),
                const SizedBox(height: 25,),
                AuthTextField(controller: passwordController, hinttext: 'Password',),
                const SizedBox(height: 40,),
                Align(
                  alignment: Alignment.topRight,
                  child: RoundedSmallButton(onTap: (){
                    authController.signinUser(emailController.text, passwordController.text);
                  }, 
                  label: 'Done',),
                ),
                const SizedBox(height: 40,),
                RichText(
                  text: TextSpan(
                    text: "Don't have an account?",
                    style: const TextStyle(fontSize: 16, color: Pallete.BROWN_COLOR),
                    children: [
                      TextSpan(
                        text: " Signup",
                        style: const TextStyle(color: Pallete.BLUE_COLOR, fontSize: 16),
                        recognizer: TapGestureRecognizer()..onTap = (){
                          Get.toNamed(AppPages.S_REGISTER);
                        },
                      ),
                    ]
                )
              )
              ],
            ),
          ),
        ),
      );
        }
      }),
    );
  }
}