import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';
import 'package:tm_app/core/routes/app_routes.dart';
import 'package:tm_app/view_models/profile_view_model.dart';

import '../../../core/constants/assets.dart';
import '../../../core/constants/strings.dart';
import '../../../core/theme/colors.dart';
import '../../../core/utils/size_config.dart';
import '../../shared/desktop_navigation_widget.dart';
import '../widgets/theme_toggle.dart';
import '../widgets/title_description.dart';

class DesktopProfilePage extends StatefulWidget {
  const DesktopProfilePage({super.key});

  @override
  State<DesktopProfilePage> createState() => _DesktopProfilePageState();
}

class _DesktopProfilePageState extends State<DesktopProfilePage> {
  late ProfileViewModel viewModel;
  @override
  void initState() {
    super.initState();
    viewModel = context.read<ProfileViewModel>();
    viewModel.addListener(_profileListener);
  }

  void _profileListener() {
    if (viewModel.errorMessage != null) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text(viewModel.errorMessage!),
          backgroundColor: AppColors.red,
        ),
      );
    }
    if (viewModel.loggedOut) {
      LoginScreenRoute().go(context);
    }
  }

  @override
  void dispose() {
    viewModel.removeListener(_profileListener);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        backgroundColor: AppColors.backgroundColor,
        body: Consumer<ProfileViewModel>(
          builder: (context, viewModel, child) {
            if (viewModel.isLoading) {
              return Center(
                child: CircularProgressIndicator(color: AppColors.secondary50),
              );
            }
            if (viewModel.errorMessage != null) {
              return Center(child: Text(viewModel.errorMessage!));
            }

            return Column(
              children: [
                DesktopNavigationWidget(
                  currentIndex: 2, // Tenders index
                  onTabChanged: (index) {
                    // Navigate to different screens based on index
                    switch (index) {
                      case 0:
                        // Navigate to home
                        Router.neglect(context, () => context.go('/home'));
                        break;
                      case 1:
                        // Navigate to profile
                        Router.neglect(context, () => context.go('/tenders'));
                        break;
                      case 2:
                        // Already on profile

                        break;
                    }
                  },
                ),
                SizedBox(
                  // color: Colors.amber.shade100,
                  width: 740,
                  // height: 662,
                  child: Column(
                    children: [
                      SizedBox(height: 36.0.h()),
                      TitleDescription(
                        title: 'Company Name',
                        description: viewModel.companyProfileData!.name!,
                      ),
                      TitleDescription(
                        title: 'National ID',
                        description: viewModel.companyProfileData!.id!,
                      ),
                      TitleDescription(
                        title: 'Registration No.',
                        description:
                            viewModel.companyProfileData!.registrationNumber!,
                      ),
                      TitleDescription(
                        title: 'Business Type',
                        description: '-',
                      ),
                      TitleDescription(
                        title: 'Founded',
                        description:
                            viewModel.companyProfileData!.foundedYear!
                                .toString(),
                      ),
                      SizedBox(height: 24.0.h()),
                      // Theme Toggle
                      Align(
                        alignment: AlignmentDirectional.centerStart,
                        child: Text(
                          AppStrings.settings,
                          style: TextStyle(
                            fontSize: 20.0.sp(),
                            fontWeight: FontWeight.w600,
                            color: AppColors.grey70,
                          ),
                        ),
                      ),
                      SizedBox(height: 36.0.h()),
                      Padding(
                        padding: EdgeInsets.symmetric(horizontal: 8.0.w()),
                        child: Row(
                          children: [
                            Text(
                              AppStrings.appTheme,
                              style: TextStyle(
                                fontSize: 16.0.sp(),
                                fontWeight: FontWeight.w400,
                                color: AppColors.grey70,
                              ),
                            ),
                            Spacer(),
                            SvgPicture.asset(AssetsManager.sun),
                            SizedBox(width: 12.0.w()),
                            SizedBox(
                              width: 52.0.w(),
                              height: 32.0.h(),
                              child: ThemeToggle(),
                            ),
                            SizedBox(width: 12.0.w()),
                            SvgPicture.asset(AssetsManager.moon),
                          ],
                        ),
                      ),
                      SizedBox(height: 24.0.h()),
                      Divider(color: AppColors.dividerColor, thickness: 1),
                      SizedBox(height: 24.0.h()),
                      // Spacer(),
                      Align(
                        alignment: Alignment.centerRight,
                        child: InkWell(
                          onTap: () => viewModel.logout(),
                          child: Container(
                            width: 156,
                            height: 56.0.h(),
                            decoration: BoxDecoration(
                              color: AppColors.primary20,
                              borderRadius: BorderRadius.circular(100),
                            ),
                            alignment: Alignment.center,
                            child: Text(
                              'Logout',
                              style: TextStyle(
                                fontSize: 14.0.sp(),
                                fontWeight: FontWeight.w500,
                                color: AppColors.primaryColor,
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            );
          },
        ),
      ),
    );
  }
}