tm_app/lib/views/profile/pages/t_profile_page.dart

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

import '../../../core/theme/colors.dart';
import '../../../core/utils/app_toast.dart';
import '../../../core/utils/size_config.dart';
import '../../../view_models/auth_view_model.dart';
import '../../shared/tablet_navigation_widget.dart';
import '../../shared/tender_app_bar.dart';
import '../strings/profile_strings.dart';
import '../widgets/theme_toggle.dart';
import '../widgets/title_description.dart';

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

  @override
  State<TabletProfilePage> createState() => _TabletProfilePageState();
}

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

  void _profileListener() {
    if (viewModel.errorMessage != null) {
      AppToast.error(context, viewModel.errorMessage!);
    }
    if (viewModel.loggedOut) {
      context.read<AuthViewModel>().clearAuthFlow();
      Router.neglect(context, () => const LoginScreenRoute().go(context));
    }
  }

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

  @override
  Widget build(BuildContext context) {
    final GlobalKey<ScaffoldState> key = GlobalKey();
    return Consumer<ProfileViewModel>(
      builder: (context, viewModel, child) {
        if (viewModel.isLoading) {
          return const Center(
            child: CircularProgressIndicator(color: AppColors.secondary50),
          );
        }
        if (viewModel.errorMessage != null) {
          return Center(child: Text(viewModel.errorMessage!));
        }

        if (viewModel.profileData == null) {
          return const Center(child: Text(CommonStrings.noData));
        }

        return Scaffold(
          key: key,
          backgroundColor: AppColors.backgroundColor,
          appBar: tabletAppBar(
            title: ProfileStrings.profileTitle,
            key: key,
            context: context,
          ),

          drawer: const TabletNavigationWidget(currentIndex: 4),
          body: SafeArea(
            child: Padding(
              padding: EdgeInsets.symmetric(
                horizontal: 24.0.w(),
                vertical: 16.0.h(),
              ),
              child: Column(
                children: [
                  SizedBox(height: 128.0.h()),
                  TitleDescription(
                    title: ProfileStrings.username,
                    description: viewModel.profileData!.username ?? '',
                  ),
                  TitleDescription(
                    title: ProfileStrings.email,
                    description: viewModel.profileData!.email ?? '',
                  ),
                  TitleDescription(
                    title: ProfileStrings.role,
                    description: viewModel.profileData!.role ?? '',
                  ),
                  TitleDescription(
                    title: ProfileStrings.department,
                    description: viewModel.profileData!.department ?? '',
                  ),
                  TitleDescription(
                    title: ProfileStrings.position,
                    description: viewModel.profileData!.position ?? '',
                  ),
                  // TitleDescription(
                  //   title: ProfileStrings.companyName,
                  //   description: viewModel.companyProfileData!.name!,
                  // ),
                  // TitleDescription(
                  //   title: ProfileStrings.nationalId,
                  //   description: viewModel.companyProfileData!.id!,
                  // ),
                  // TitleDescription(
                  //   title: ProfileStrings.registrationNumber,
                  //   description:
                  //       viewModel.companyProfileData!.registrationNumber!,
                  // ),
                  // const TitleDescription(
                  //   title: ProfileStrings.businessType,
                  //   description: '-',
                  // ),
                  // TitleDescription(
                  //   title: ProfileStrings.founded,
                  //   description:
                  //       viewModel.companyProfileData!.foundedYear!.toString(),
                  // ),
                  SizedBox(height: 24.0.h()),
                  // Theme Toggle
                  Align(
                    alignment: AlignmentDirectional.centerStart,
                    child: Text(
                      ProfileStrings.settings,
                      style: TextStyle(
                        fontSize: 20.0.sp(),
                        fontWeight: FontWeight.w600,
                        color: AppColors.grey70,
                      ),
                    ),
                  ),
                  SizedBox(height: 36.0.h()),
                  _themeChangeRow(),
                  SizedBox(height: 24.0.h()),
                  Divider(color: AppColors.dividerColor, thickness: 1),
                  SizedBox(height: 24.0.h()),
                  // Spacer(),
                  Align(
                    alignment: AlignmentDirectional.centerStart,
                    child: InkWell(
                      onTap: () => viewModel.logout(),
                      borderRadius: BorderRadius.circular(100),
                      child: Container(
                        width: 156,
                        height: 56.0.h(),
                        decoration: BoxDecoration(
                          color: AppColors.primary20,
                          borderRadius: BorderRadius.circular(100),
                        ),
                        alignment: Alignment.center,
                        child: Text(
                          ProfileStrings.logout,
                          style: TextStyle(
                            fontSize: 14.0.sp(),
                            fontWeight: FontWeight.w500,
                            color: AppColors.primaryColor,
                          ),
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        );
      },
    );
  }

  Widget _themeChangeRow() {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 8.0.w()),
      child: Row(
        children: [
          Text(
            ProfileStrings.appTheme,
            style: TextStyle(
              fontSize: 16.0.sp(),
              fontWeight: FontWeight.w400,
              color: AppColors.grey70,
            ),
          ),
          const Spacer(),
          SvgPicture.asset(AssetsManager.sun),
          SizedBox(width: 12.0.w()),
          SizedBox(
            width: 52.0.w(),
            height: 32.0.h(),
            child: const ThemeToggle(),
          ),
          SizedBox(width: 12.0.w()),
          SvgPicture.asset(AssetsManager.moon),
        ],
      ),
    );
  }
}