import 'dart:convert';

import 'package:SEFER/views/auth/sms_verfy_page.dart';
import 'package:animated_text_kit/animated_text_kit.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_widget_from_html/flutter_widget_from_html.dart';
import 'package:get/get.dart';
import 'package:SEFER/constant/box_name.dart';
import 'package:SEFER/constant/colors.dart';
import 'package:SEFER/constant/style.dart';
import 'package:SEFER/main.dart';
import 'package:SEFER/views/widgets/elevated_btn.dart';
import 'package:SEFER/views/widgets/my_scafold.dart';

import '../../constant/info.dart';
import '../../constant/links.dart';
import '../../controller/auth/google_sign.dart';
import '../../controller/auth/login_controller.dart';
import '../../controller/firebase/firbase_messge.dart';
import '../../controller/functions/crud.dart';
import '../home/profile/passenger_profile_page.dart';
import '../widgets/mycircular.dart';
import 'register_page.dart';

class LoginPage extends StatelessWidget {
  final controller = Get.put(LoginController());

  LoginPage({super.key});

  @override
  Widget build(BuildContext context) {
    Get.put(LoginController());
    return GetBuilder<LoginController>(
      builder: (controller) => MyScafolld(
        title: 'Login'.tr,
        isleading: false,
        body: [
          if (box.read(BoxName.agreeTerms) != 'agreed')
            agreedPage()
          else if (box.read(BoxName.countryCode) == null)
            CountryPicker()
          else if (box.read(BoxName.locationPermission) != 'true')
            locationPermissionDialog()
          else
            SingleChildScrollView(
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Column(
                  children: [
                    // Padding(
                    //     padding: const EdgeInsets.all(25),
                    //     child: Container(
                    //       decoration: const BoxDecoration(
                    //         boxShadow: [
                    //           BoxShadow(
                    //               offset: Offset(3, 3),
                    //               color: AppColor.accentColor,
                    //               blurRadius: 3)
                    //         ],
                    //         color: AppColor.secondaryColor,
                    //       ),
                    //       child: Form(
                    //         key: controller.formKey,
                    //         child: Padding(
                    //           padding: const EdgeInsets.all(16.0),
                    //           child: SingleChildScrollView(
                    //             child: Column(
                    //               children: [
                    //                 TextFormField(
                    //                   keyboardType: TextInputType.emailAddress,
                    //                   controller: controller.emailController,
                    //                   decoration: InputDecoration(
                    //                     focusedBorder: OutlineInputBorder(
                    //                       borderSide: const BorderSide(
                    //                         color: AppColor.primaryColor,
                    //                         width: 2.0,
                    //                       ),
                    //                       borderRadius: BorderRadius.circular(10),
                    //                     ),
                    //                     fillColor: AppColor.accentColor,
                    //                     hoverColor: AppColor.accentColor,
                    //                     focusColor: AppColor.accentColor,
                    //                     border: const OutlineInputBorder(
                    //                         borderRadius: BorderRadius.all(
                    //                             Radius.circular(12))),
                    //                     labelText: 'Email'.tr,
                    //                     hintText: 'Enter your email address'.tr,
                    //                   ),
                    //                   validator: (value) {
                    //                     if (value!.isEmpty ||
                    //                         (!value.contains('@') ||
                    //                             !value.contains('.'))) {
                    //                       return 'Please enter Your Email.'.tr;
                    //                     }
                    //                     return null;
                    //                   },
                    //                 ),
                    //                 const SizedBox(
                    //                   height: 30,
                    //                 ),
                    //                 TextFormField(
                    //                   keyboardType: TextInputType.phone,
                    //                   cursorColor: AppColor.accentColor,
                    //                   controller: controller.phoneController,
                    //                   decoration: InputDecoration(
                    //                     focusedBorder: OutlineInputBorder(
                    //                       borderSide: const BorderSide(
                    //                         color: AppColor.primaryColor,
                    //                         width: 2.0,
                    //                       ),
                    //                       borderRadius: BorderRadius.circular(10),
                    //                     ),
                    //                     focusColor: AppColor.accentColor,
                    //                     fillColor: AppColor.accentColor,
                    //                     border: const OutlineInputBorder(
                    //                         borderRadius: BorderRadius.all(
                    //                             Radius.circular(12))),
                    //                     labelText: 'Phone'.tr,
                    //                     hintText: 'Enter your phone number'.tr,
                    //                   ),
                    //                   validator: (value) {
                    //                     if (value!.isEmpty ||
                    //                         value.length != 10) {
                    //                       return 'Please enter your phone number.'
                    //                           .tr;
                    //                     }
                    //                     return null;
                    //                   },
                    //                 ),
                    //                 const SizedBox(
                    //                   height: 15,
                    //                 ),
                    //                 TextFormField(
                    //                   obscureText: true,
                    //                   keyboardType: TextInputType.emailAddress,
                    //                   controller: controller.passwordController,
                    //                   decoration: InputDecoration(
                    //                     focusedBorder: OutlineInputBorder(
                    //                       borderSide: const BorderSide(
                    //                         color: AppColor.primaryColor,
                    //                         width: 2.0,
                    //                       ),
                    //                       borderRadius: BorderRadius.circular(10),
                    //                     ),
                    //                     fillColor: AppColor.accentColor,
                    //                     hoverColor: AppColor.accentColor,
                    //                     focusColor: AppColor.accentColor,
                    //                     border: const OutlineInputBorder(
                    //                         borderRadius: BorderRadius.all(
                    //                             Radius.circular(12))),
                    //                     labelText: 'Password'.tr,
                    //                     hintText:
                    //                         'Please enter your phone number.'.tr,
                    //                   ),
                    //                   validator: (value) {
                    //                     if (value!.isEmpty) {
                    //                       return 'Please enter Your Password.'.tr;
                    //                     }
                    //                     if (value.length < 6) {
                    //                       return 'Password must br at least 6 character.'
                    //                           .tr;
                    //                     }
                    //                     return null;
                    //                   },
                    //                 ),
                    //                 GetBuilder<LoginController>(
                    //                   builder: (controller) => controller
                    //                           .isloading
                    //                       ? const MyCircularProgressIndicator()
                    //                       : MyElevatedButton(
                    //                           onPressed: () {
                    //                             if (controller
                    //                                 .formKey.currentState!
                    //                                 .validate()) {
                    //                               controller.login();
                    //                             }
                    //                           },
                    //                           title: 'Submit'.tr,
                    //                         ),
                    //                 )
                    //               ],
                    //             ),
                    //           ),
                    //         ),
                    //       ),
                    //     )),
                    Center(
                        child: Container(
                      decoration: AppStyle.boxDecoration1,
                      height: Get.height * .7,
                      width: Get.width * .9,
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.spaceAround,
                        children: [
                          Image.asset(
                            'assets/images/logo.gif',
                            height: Get.width * .3,
                            width: Get.width * .3,
                            fit: BoxFit.fill,
                          ),
                          Container(
                            decoration: AppStyle.boxDecoration1,
                            height: Get.height * .3,
                            width: Get.width * .8,
                            child: Center(
                              child: Text(
                                'Sign in with Google for easier email and name entry'
                                    .tr,
                                textAlign: TextAlign.center,
                                style: AppStyle.title,
                              ),
                            ),
                          ),
                          MyElevatedButton(
                            title: 'Sign In by Google'.tr,
                            onPressed: () async {
                              await GoogleSignInHelper.signInFromLogin();
                            },
                            kolor: AppColor.blueColor,
                          ),
                        ],
                      ),
                    )),
                    SizedBox(
                      height: Get.height * .1,
                    ),
                    // Text(
                    //   'if you dont have account'.tr,
                    //   style: AppStyle.subtitle,
                    // ),
                    // AnimatedTextKit(
                    //   onTap: () => Get.to(() => SmsSignupEgypt()),
                    //   animatedTexts: [
                    //     TypewriterAnimatedText(
                    //       'Register'.tr,
                    //       textStyle: AppStyle.headTitle2,
                    //       speed: const Duration(milliseconds: 200),
                    //     ),
                    //   ],
                    //   totalRepeatCount: 4,
                    //   pause: const Duration(milliseconds: 200),
                    //   displayFullTextOnTap: true,
                    //   stopPauseOnTap: true,
                    // ),
                    // const Spacer(),
                    const SizedBox(
                      height: 100,
                    ),
                  ],
                ),
              ),
            )
        ],
      ),
    );
  }

  Padding agreedPage() {
    return Padding(
      padding: const EdgeInsets.all(16),
      child: SingleChildScrollView(
        child: Column(
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Image.asset(
                  'assets/images/notepad.png',
                  width: Get.width * .2,
                ),
                SizedBox(
                  width: Get.width * .7,
                  child: Text(
                    'Accept Ride\'s Terms & Review Privacy Notice'.tr,
                    style: AppStyle.headTitle2,
                  ),
                ),
              ],
            ),
            const SizedBox(
              height: 30,
            ),
            RichText(
              text: TextSpan(
                text:
                    'By selecting "I Agree" below, I have reviewed and agree to the Terms of Use and acknowledge the '
                        .tr,
                style: AppStyle.title,
                children: <TextSpan>[
                  TextSpan(
                      text: 'Privacy Notice'.tr,
                      style: const TextStyle(
                          decoration: TextDecoration.underline,
                          color: AppColor.blueColor),
                      recognizer: TapGestureRecognizer()
                        ..onTap = () {
                          Get.defaultDialog(
                              title: ''.tr,
                              content: const SizedBox(
                                height: 400,
                                width: 400,
                                child: SingleChildScrollView(
                                  child:
                                      HtmlWidget(AppInformation.privacyPolicy),
                                ),
                              ));
                        }),
                  TextSpan(
                    text: '. I am at least 18 years of age.'.tr,
                  ),
                ],
              ),
            ),
            const SizedBox(
              height: 100,
            ),
            GetBuilder<LoginController>(
              builder: (controller) => Column(
                children: [
                  Row(
                    children: [
                      Checkbox.adaptive(
                        autofocus: true,
                        tristate: true,
                        splashRadius: 25,
                        activeColor: AppColor.primaryColor,
                        value: controller.isAgreeTerms,
                        onChanged: (value) => controller.changeAgreeTerm(),
                      ),
                      Text(
                        'I Agree'.tr,
                        style: controller.isAgreeTerms
                            ? AppStyle.title
                            : AppStyle.title
                                .copyWith(color: AppColor.accentColor),
                      ),
                    ],
                  ),
                  MyElevatedButton(
                      title: 'Submit'.tr,
                      onPressed: () => controller.saveAgreementTerms()),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }

  locationPermissionDialog() {
    return Padding(
      padding: const EdgeInsets.all(16),
      child: Container(
        height: Get.height * .4,
        decoration: AppStyle.boxDecoration1,
        child: Padding(
          padding: const EdgeInsets.all(20.0),
          child: Center(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                Text(
                  'We use location to get accurate and nearest driver for you'
                      .tr,
                  textAlign: TextAlign.center,
                  style: AppStyle.title,
                ),
                MyElevatedButton(
                  title: 'Grant Location'.tr,
                  onPressed: () async {
                    await controller.getLocationPermission();
                  },
                  kolor: AppColor.greenColor,
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}