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/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/size_config.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) {
      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 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 SafeArea(
          child: Scaffold(
            backgroundColor: AppColors.backgroundColor,
            body: Padding(
              padding: EdgeInsets.symmetric(
                horizontal: 24.0.w(),
                vertical: 16.0.h(),
              ),
              child: Column(
                children: [
                  SizedBox(height: 128.0.h()),
                  TitleDescription(
                    title: 'Company Name',
                    description: 'Telecom Solutions GmbH',
                  ),
                  TitleDescription(
                    title: 'National ID',
                    description: '12345678901',
                  ),
                  TitleDescription(
                    title: 'Registration No.',
                    description: 'DE-55667788',
                  ),
                  TitleDescription(
                    title: 'Business Type',
                    description: 'Telecommunications',
                  ),
                  TitleDescription(title: 'Founded', description: '2010'),
                  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,
                          ),
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        );
      },
    );
  }
}