import 'dart:convert';

import 'package:eatvio_app/core/const.dart';
import 'package:eatvio_app/core/locator_service.dart';
import 'package:eatvio_app/core/token_storage.dart';
import 'package:eatvio_app/core/utils/image_constant.dart';
import 'package:eatvio_app/core/widgets/custom_text_form_field.dart';
import 'package:eatvio_app/features/bottom_navigation_bar/presentation/bloc/profile_avatar_cubit/profile_avatar_cubit.dart';
import 'package:eatvio_app/generated/l10n.dart';
import 'package:eatvio_app/core/theme/theme_helper.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:go_router/go_router.dart';
import 'package:http/http.dart' as http;
import 'package:url_launcher/url_launcher.dart';
import 'package:validators/validators.dart';

import 'bloc/auth_bloc.dart';
import 'models/auth_model.dart';

class AuthScreen extends StatefulWidget {
  static Widget builder(BuildContext context) {
    return BlocProvider<AuthBloc>(
      create: (context) => AuthBloc(
        AuthState(
          authModelObj: AuthModel(),
        ),
      )..add(
          AuthInitialEvent(),
        ),
      child: AuthScreen(),
    );
  }

  @override
  State<AuthScreen> createState() => _AuthScreenState();
}

class _AuthScreenState extends State<AuthScreen> {
  bool checkboxState = false;
  bool hidePassword = true;

  @override
  Widget build(BuildContext context) {
    final s = S.of(context);
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: SvgPicture.asset(
          ImageConstant.imgLogoEatvio,
          height: 48,
          fit: BoxFit.contain,
        ),
      ),
      body: SafeArea(
        child: Padding(
          padding: EdgeInsets.all(16),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(s.email),
              const SizedBox(height: 4),
              BlocSelector<AuthBloc, AuthState, TextEditingController?>(
                selector: (state) => state.emailController,
                builder: (context, emailController) {
                  return CustomTextFormField(
                    controller: emailController,
                    textInputAction: TextInputAction.next,
                    keyboardType: TextInputType.emailAddress,
                    textInputType: TextInputType.emailAddress,
                    hintText: 'Введите email',
                  );
                },
              ),
              const SizedBox(height: 16),
              Text(s.password),
              const SizedBox(height: 4),
              BlocSelector<AuthBloc, AuthState, TextEditingController?>(
                selector: (state) => state.passwordController,
                builder: (context, passwordController) {
                  return CustomTextFormField(
                    obscureText: hidePassword,
                    controller: passwordController,
                    hintText: 'Введите пароль',
                    suffix: IconButton(
                      onPressed: () {
                        setState(() {
                          hidePassword = !hidePassword;
                        });
                      },
                      icon: Icon(
                        hidePassword ? Icons.visibility_outlined : Icons.visibility_off_outlined,
                        color: Colors.grey,
                      ),
                    ),
                  );
                },
              ),
              const SizedBox(height: 16),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text('Нет аккаунта? '),
                  GestureDetector(
                    onTap: () => GoRouter.of(context).goNamed('registrationScreen'),
                    child: Text(
                      'Зарегистрироваться',
                      style: TextStyle(
                        color: appTheme.blueA400,
                        decorationColor: appTheme.blueA400,
                        decoration: TextDecoration.underline,
                      ),
                    ),
                  ),
                ],
              ),
              Spacer(),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    'Нажимая "Войти", Вы соглашаетесь с ',
                    style: TextStyle(
                      fontSize: 12,
                    ),
                  ),
                  GestureDetector(
                    onTap: () async {
                      await launchUrl(Uri.parse(baseUrl + '/oferta_bs.pdf'));
                    },
                    child: Text(
                      'Публичной офертой',
                      style: TextStyle(
                        fontSize: 12,
                        color: appTheme.blueA400,
                        decorationColor: appTheme.blueA400,
                        decoration: TextDecoration.underline,
                      ),
                    ),
                  ),
                ],
              ),
              const SizedBox(height: 16),
              BlocBuilder<AuthBloc, AuthState>(
                builder: (context, state) {
                  return Container(
                    height: 48,
                    width: MediaQuery.of(context).size.width - 32,
                    child: FloatingActionButton.extended(
                      heroTag: 'authButton',
                      highlightElevation: 0,
                      elevation: 0,
                      focusElevation: 0,
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(20),
                      ),
                      backgroundColor: appTheme.blueA400,
                      onPressed: onTapAuth(state, context),
                      label: Text(
                        'Войти',
                        style: theme.textTheme.titleSmall!.copyWith(color: Colors.white),
                      ),
                    ),
                  );
                },
              ),
            ],
          ),
        ),
      ),
    );
  }

  onTapAuth(AuthState state, BuildContext context) {
    final s = S.of(context);
    return () async {
      List<String> errors = validateFields(state.emailController!.text, state.passwordController!.text);
      if (errors.isEmpty) {
        final Map<String, dynamic> credentials = {
          'email': state.emailController!.text,
          'password': state.passwordController!.text,
        };
        final response = await http.post(
          Uri.parse(baseUrl + '/api/login'),
          headers: {'Content-Type': 'application/json'},
          body: json.encode(credentials),
          encoding: utf8,
        );

        if (response.statusCode == 200) {
          var res = await jsonDecode(response.body);
          final token = res['token'];
          await TokenStorage.saveTokenInStorage(token);
          GoRouter.of(context).go('/my-profile-screen');
          sl<ProfileAvatarCubit>().getMyProfile();
        } else {
          showDialog(
            context: context,
            builder: (context) => AlertDialog(
              title: Text('Ошибка'),
              content: Text(s.wrong_credentials),
              actions: [
                TextButton(
                  onPressed: () => Navigator.pop(context),
                  child: Text('OK'),
                ),
              ],
            ),
          );
        }
      } else {
        String errorMessage = '';

        for (var error in errors) {
          errorMessage += error + '\n\n';
        }

        showDialog(
          context: context,
          builder: (context) => AlertDialog(
            title: Text('Ошибка'),
            content: Text(errorMessage),
            actions: [
              TextButton(
                onPressed: () => Navigator.pop(context),
                child: Text('OK'),
              ),
            ],
          ),
        );
      }
    };
  }

  List<String> validateFields(String email, String password) {
    final s = S.of(context);

    List<String> errors = [];

    if (!isEmail(email)) {
      errors.add(s.email_invalid);
    }

    if (email.isEmpty) {
      errors.add(s.email_empty);
    }

    if (password.isEmpty) {
      errors.add(s.password_empty);
    }

    if (password.length < 6) {
      errors.add(s.password_short);
    }

    return errors;
  }
}