import 'dart:io';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:image_picker/image_picker.dart';
import 'package:news/app/routes.dart';
import 'package:news/cubits/Auth/authCubit.dart';
import 'package:news/cubits/Auth/updateUserCubit.dart';
import 'package:news/cubits/Author/authorCubit.dart';
import 'package:news/cubits/languageCubit.dart';
import 'package:news/data/repositories/Auth/authLocalDataSource.dart';
import 'package:news/ui/styles/colors.dart';
import 'package:news/ui/widgets/SnackBarWidget.dart';

import 'package:news/ui/widgets/customAppBar.dart';
import 'package:news/ui/widgets/customTextLabel.dart';
import 'package:news/utils/uiUtils.dart';
import 'package:news/utils/validators.dart';

class UserProfileScreen extends StatefulWidget {
  final String from;
  const UserProfileScreen({super.key, required this.from});

  @override
  State createState() => UserProfileScreenState();

  static Route route(RouteSettings routeSettings) {
    Map arguments = routeSettings.arguments as Map;
    return CupertinoPageRoute(builder: (_) => UserProfileScreen(from: arguments['from'] as String));
  }
}

class UserProfileScreenState extends State<UserProfileScreen> {
  final _formKey = GlobalKey<FormState>();
  AuthLocalDataSource authLocalDataSource = AuthLocalDataSource();
  dynamic size;
  FocusNode nameFocus = FocusNode();
  FocusNode mobNoFocus = FocusNode();
  FocusNode emailFocus = FocusNode();
  FocusNode crntFocus = FocusNode();
  FocusNode authorBioFocus = FocusNode();
  FocusNode telegramLinkFocus = FocusNode();
  FocusNode facebookLinkFocus = FocusNode();
  FocusNode linkedInLinkFocus = FocusNode();
  FocusNode whatsappLinkFocus = FocusNode();

  TextEditingController? nameC = TextEditingController(), monoC = TextEditingController(), emailC = TextEditingController();
  TextEditingController? authorBioC = TextEditingController();
  TextEditingController? telegramLinkC = TextEditingController();
  TextEditingController? facebookLinkC = TextEditingController();
  TextEditingController? whatsappLinkC = TextEditingController();
  TextEditingController? linkedInLinkC = TextEditingController();
  String? profile, mobile;
  bool isEditMono = false, isEditEmail = false, isSaving = false, isThisUserAnAuthor = false;
  String? updateValue;
  File? image;

  @override
  void initState() {
    isThisUserAnAuthor = context.read<AuthCubit>().isAuthor();
    setControllers();
    if (widget.from == "login") getLanguageList();

    super.initState();
  }

  setControllers() {
    nameC = TextEditingController(text: authLocalDataSource.getName());
    emailC = TextEditingController(text: authLocalDataSource.getEmail());
    monoC = TextEditingController(text: authLocalDataSource.getMobile());
    profile = context.read<AuthCubit>().getProfile();
    if (isThisUserAnAuthor) {
      authorBioC = TextEditingController(text: (authLocalDataSource.getAuthorBio().isEmpty) ? context.read<AuthCubit>().getAuthorBio() : authLocalDataSource.getAuthorBio());
      whatsappLinkC =
          TextEditingController(text: (authLocalDataSource.getAuthorWhatsappLink()!.isEmpty) ? context.read<AuthCubit>().getAuthorWhatsappLink() : authLocalDataSource.getAuthorWhatsappLink());
      telegramLinkC =
          TextEditingController(text: (authLocalDataSource.getAuthorTelegramLink()!.isEmpty) ? context.read<AuthCubit>().getAuthorTelegramLink() : authLocalDataSource.getAuthorTelegramLink());
      linkedInLinkC =
          TextEditingController(text: (authLocalDataSource.getAuthorLinkedInLink()!.isEmpty) ? context.read<AuthCubit>().getAuthorLinkedInLink() : authLocalDataSource.getAuthorLinkedInLink());
      facebookLinkC =
          TextEditingController(text: (authLocalDataSource.getAuthorFacebookLink()!.isEmpty) ? context.read<AuthCubit>().getAuthorFacebookLink() : authLocalDataSource.getAuthorFacebookLink());
    }
  }

  getLanguageList() {
    Future.delayed(Duration.zero, () {
      context.read<LanguageCubit>().getLanguage();
    });
  }

  @override
  Widget build(BuildContext context) {
    size = MediaQuery.of(context).size;
    return Scaffold(appBar: CustomAppBar(height: 45, isBackBtn: (widget.from == "login") ? false : true, label: 'editProfile', isConvertText: true), body: buildProfileFields());
  }

  onBackPress(bool isTrue) {
    (widget.from == "login") ? Navigator.of(context).popUntil((route) => route.isFirst) : Navigator.pop(context);
  }

  setPendingStatusControllerValues() {
    authorBioC?.clear();
    whatsappLinkC?.clear();
    telegramLinkC?.clear();
    linkedInLinkC?.clear();
    facebookLinkC?.clear();
  }

  buildProfileFields() {
    return PopScope(
      canPop: (widget.from != "login") ? true : false,
      onPopInvoked: (bool isTrue) => onBackPress,
      child: BlocConsumer<UpdateUserCubit, UpdateUserState>(
        listener: (context, state) {
          //show snackbar incase of success & failure both
          if (state is UpdateUserFetchSuccess && state.updatedUser != null) {
            showSnackBar(UiUtils.getTranslatedLabel(context, 'profileUpdateMsg'), context);
            isSaving = false;
            setState(() {});
            if (widget.from == "becomeAuthor") {
              //call author request API here
              context.read<AuthorCubit>().requestToBecomeAuthor();
              setPendingStatusControllerValues();
            }
            if (widget.from == "login") {
              if (context.read<LanguageCubit>().langList().length > 1) {
                Navigator.of(context).pushNamedAndRemoveUntil(Routes.languageList, (route) => false, arguments: {"from": "firstLogin"});
              } else {
                Navigator.of(context).pushNamedAndRemoveUntil(Routes.managePref, (route) => false, arguments: {"from": 2});
              }
            } else {
              Navigator.pop(context);
            }
          }
          if (state is UpdateUserFetchFailure) {
            isSaving = false;
            showSnackBar(state.errorMessage, context);
          }
        },
        builder: (context, state) {
          return SingleChildScrollView(
              child: Form(
                  key: _formKey,
                  child: Column(children: [
                    profileWidget(),
                    setTextField(
                        validatorMethod: (value) => Validators.nameValidation(value!, context),
                        focusNode: nameFocus,
                        nextFocus: (context.read<AuthCubit>().getType() != loginMbl) ? mobNoFocus : emailFocus,
                        textInputAction: TextInputAction.next,
                        keyboardType: TextInputType.name,
                        controller: nameC,
                        hintlbl: UiUtils.getTranslatedLabel(context, 'nameLbl')),
                    SizedBox(height: size.height * 0.03),
                    setMobileNumber(),
                    SizedBox(height: size.height * 0.03),
                    setTextField(
                        validatorMethod: (value) => value!.trim().isEmpty ? null : Validators.emailValidation(value, context),
                        focusNode: emailFocus,
                        nextFocus: isThisUserAnAuthor ? authorBioFocus : null,
                        textInputAction: isThisUserAnAuthor ? TextInputAction.next : TextInputAction.done,
                        keyboardType: TextInputType.emailAddress,
                        controller: emailC,
                        isenable: (context.read<AuthCubit>().getType() == loginMbl) ? true : false,
                        hintlbl: UiUtils.getTranslatedLabel(context, 'emailLbl')),
                    SizedBox(height: size.height * 0.05),
                    setAuthorBio(),
                    SizedBox(height: size.height * 0.05),
                    Container(
                        alignment: AlignmentGeometry.centerLeft,
                        padding: EdgeInsetsDirectional.only(start: 20),
                        child: CustomTextLabel(
                            text: 'socialMediaLinksLbl',
                            textStyle: Theme.of(this.context).textTheme.titleMedium?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer, fontWeight: FontWeight.w700))),
                    SizedBox(height: size.height * 0.03),
                    setSocialMediaLink(linkController: telegramLinkC, currFocus: telegramLinkFocus, nextFocus: whatsappLinkFocus, typeForHintText: 'Telegram'),
                    SizedBox(height: size.height * 0.03),
                    setSocialMediaLink(linkController: whatsappLinkC, currFocus: whatsappLinkFocus, nextFocus: facebookLinkFocus, typeForHintText: 'Whatsapp'),
                    SizedBox(height: size.height * 0.03),
                    setSocialMediaLink(linkController: facebookLinkC, currFocus: facebookLinkFocus, nextFocus: linkedInLinkFocus, typeForHintText: 'Facebook'),
                    SizedBox(height: size.height * 0.03),
                    setSocialMediaLink(linkController: linkedInLinkC, currFocus: linkedInLinkFocus, nextFocus: null, typeForHintText: 'LinkedIn'),
                    SizedBox(height: size.height * 0.03),
                    submitBtn(context)
                  ])));
        },
      ),
    );
  }

  Widget setAuthorBio() {
    return Container(
        width: double.maxFinite,
        child: setTextField(
            hintlbl: UiUtils.getTranslatedLabel(context, 'addYourBioHintLbl'),
            controller: authorBioC,
            focusNode: authorBioFocus,
            nextFocus: telegramLinkFocus,
            textInputAction: TextInputAction.newline,
            maxLines: 2));
  }

  Widget setSocialMediaLink({required TextEditingController? linkController, required FocusNode currFocus, required FocusNode? nextFocus, required String typeForHintText}) {
    return setTextField(
        hintlbl: getAddLinkHint(context, typeForHintText),
        controller: linkController,
        focusNode: currFocus,
        nextFocus: nextFocus,
        textInputAction: TextInputAction.next,
        keyboardType: TextInputType.url);
  }

  String getAddLinkHint(BuildContext context, String type) {
    final template = UiUtils.getTranslatedLabel(context, 'addLinkHereHintLbl');
    return template.replaceAll("{type}", type);
  }

  Widget setMobileNumber() {
    return SizedBox(
        height: 60,
        child: setTextField(
            validatorMethod: (value) => value!.trim().isEmpty ? null : Validators.mobValidation(value, context),
            keyboardType: TextInputType.phone,
            hintlbl: UiUtils.getTranslatedLabel(context, 'mobileLbl'),
            textInputAction: TextInputAction.next,
            controller: monoC,
            focusNode: mobNoFocus,
            nextFocus: isThisUserAnAuthor ? authorBioFocus : emailFocus,
            isenable: (context.read<AuthCubit>().getType() != loginMbl) ? true : false));
  }

  //set image camera
  getFromCamera() async {
    try {
      XFile? pickedFile = await ImagePicker().pickImage(source: ImageSource.camera);
      if (pickedFile != null) {
        Navigator.of(context).pop(); //pop dialog
        setState(() {
          image = File(pickedFile.path);
          profile = image!.path;
        });
      }
    } catch (e) {}
  }

// set image gallery
  _getFromGallery() async {
    XFile? pickedFile = await ImagePicker().pickImage(source: ImageSource.gallery, maxWidth: 1800, maxHeight: 1800);
    if (pickedFile != null) {
      setState(() {
        image = File(pickedFile.path);
        profile = image!.path;
        Navigator.of(context).pop(); //pop dialog
      });
    }
  }

  profileWidget() {
    return Container(padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 15), child: Center(child: profileImgWidget()));
  }

  Widget profilePictureWidget() {
    final fallbackIcon = Container(
        padding: EdgeInsets.all(20),
        decoration: BoxDecoration(shape: BoxShape.circle, border: BoxBorder.all(color: UiUtils.getColorScheme(context).primaryContainer)),
        child: Icon(Icons.person, color: UiUtils.getColorScheme(context).primaryContainer));

    if (image != null) {
      return Image.file(image!, fit: BoxFit.fill, width: 75, height: 75);
    }

    if (profile == null || profile!.trim().isEmpty) {
      return fallbackIcon;
    }

    return Image.network(profile!,
        fit: BoxFit.fill, width: 85, errorBuilder: (_, __, ___) => fallbackIcon, loadingBuilder: (_, child, loadingProgress) => loadingProgress == null ? child : fallbackIcon);
  }

  profileImgWidget() {
    return GestureDetector(
      onTap: () => UiUtils().showUploadImageBottomsheet(context: context, onCamera: getFromCamera, onGallery: _getFromGallery),
      child: Stack(
        alignment: Alignment.center,
        children: [
          CircleAvatar(
              radius: 46,
              backgroundColor: Colors.transparent,
              child: CircleAvatar(radius: 44, backgroundColor: Colors.transparent, child: ClipOval(clipBehavior: Clip.antiAliasWithSaveLayer, child: profilePictureWidget()))),
          Positioned(
              right: 0,
              bottom: 0,
              child: Container(
                  padding: const EdgeInsets.all(5),
                  decoration:
                      BoxDecoration(color: UiUtils.getColorScheme(context).primaryContainer, shape: BoxShape.circle, border: Border.all(width: 2, color: UiUtils.getColorScheme(context).secondary)),
                  child: Icon(Icons.camera_alt_outlined, color: Theme.of(context).colorScheme.secondary, size: 20)))
        ],
      ),
    );
  }

  submitBtn(BuildContext context) {
    return Container(
        alignment: Alignment.center,
        padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
        child: ElevatedButton(
            style: ElevatedButton.styleFrom(backgroundColor: Theme.of(context).primaryColor, shadowColor: Colors.transparent, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0))),
            child: Container(
              height: 45.0,
              width: MediaQuery.of(context).size.width * 0.8,
              alignment: Alignment.center,
              child: (isSaving)
                  ? UiUtils.showCircularProgress(true, UiUtils.getColorScheme(context).primaryContainer)
                  : CustomTextLabel(text: 'saveLbl', textStyle: Theme.of(this.context).textTheme.titleMedium?.copyWith(color: secondaryColor, fontWeight: FontWeight.w500, letterSpacing: 0.6)),
            ),
            onPressed: () async {
              validateData();
            }));
  }

  validateData() async {
    if (_formKey.currentState!.validate()) {
      profileupdateprocess();
    } else {}
  }

  profileupdateprocess() async {
    isSaving = true;
    //in case of Clearing Existing mobile number -> set mobile to blank, so it can be passed to replace existing value of mobile number as NULL mobile number won't be passed to APi
    mobile = monoC!.text.trim();

    if (mobile == null && context.read<AuthCubit>().getType() != loginMbl && context.read<AuthCubit>().getMobile().isNotEmpty) {
      mobile = " ";
    }
    try {
      context.read<UpdateUserCubit>().setUpdateUser(
          context: context,
          name: nameC!.text,
          email: emailC!.text,
          mobile: mobile,
          filePath: (image != null) ? image!.path : "",
          authorBio: authorBioC?.text,
          whatsappLink: whatsappLinkC?.text,
          facebookLink: facebookLinkC?.text,
          telegramLink: telegramLinkC?.text,
          linkedInLink: linkedInLinkC?.text);
    } catch (e) {
      showSnackBar(e.toString(), context);
    }
  }

  setTextField(
      {String? Function(String?)? validatorMethod,
      FocusNode? focusNode,
      FocusNode? nextFocus,
      TextInputAction? textInputAction,
      TextInputType? keyboardType,
      TextEditingController? controller,
      String? hintlbl,
      bool isenable = true,
      int? maxLines}) {
    return Padding(
        padding: const EdgeInsets.symmetric(horizontal: 20),
        child: TextFormField(
            enabled: isenable,
            decoration: InputDecoration(
              hintText: hintlbl,
              hintStyle: Theme.of(context).textTheme.titleMedium?.copyWith(color: UiUtils.getColorScheme(context).outline.withOpacity(0.2)),
              filled: true,
              fillColor: Theme.of(context).colorScheme.surface,
              contentPadding: const EdgeInsets.symmetric(horizontal: 17, vertical: 17),
              focusedBorder: OutlineInputBorder(borderSide: BorderSide(color: UiUtils.getColorScheme(context).outline.withOpacity(0.7)), borderRadius: BorderRadius.circular(5.0)),
              enabledBorder: OutlineInputBorder(borderSide: BorderSide.none, borderRadius: BorderRadius.circular(5.0)),
              disabledBorder: OutlineInputBorder(borderSide: BorderSide.none, borderRadius: BorderRadius.circular(5.0)),
            ),
            validator: validatorMethod,
            inputFormatters: [(focusNode == mobNoFocus) ? FilteringTextInputFormatter.digitsOnly : FilteringTextInputFormatter.singleLineFormatter],
            focusNode: focusNode,
            textInputAction: textInputAction,
            onEditingComplete: () {
              crntFocus = FocusNode();
              (nextFocus != null) ? fieldFocusChange(context, focusNode!, nextFocus) : focusNode?.unfocus();
            },
            onChanged: (String value) {
              setState(() => crntFocus = focusNode!);
            },
            onTapOutside: (val) => FocusScope.of(context).unfocus(),
            maxLines: (maxLines ?? 1),
            textAlignVertical: TextAlignVertical.center,
            style: Theme.of(context).textTheme.titleMedium!.copyWith(color: (isenable) ? UiUtils.getColorScheme(context).primaryContainer : borderColor),
            keyboardType: keyboardType,
            controller: controller));
  }

  fieldFocusChange(BuildContext context, FocusNode currentFocus, FocusNode nextFocus) {
    currentFocus.unfocus();
    FocusScope.of(context).requestFocus(nextFocus);
  }
}