import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:syncrow_app/features/auth/bloc/auth_cubit.dart';
import 'package:syncrow_app/features/menu/bloc/menu_cubit.dart';
import 'package:syncrow_app/features/menu/view/widgets/menu_list.dart';
import 'package:syncrow_app/features/menu/view/widgets/profile/profile_tab.dart';
import 'package:syncrow_app/features/shared_widgets/default_container.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_medium.dart';
import 'package:syncrow_app/utils/context_extension.dart';
import 'package:syncrow_app/utils/resource_manager/constants.dart';

class MenuView extends StatelessWidget {
  const MenuView({super.key});

  @override
  Widget build(BuildContext context) {
    return BlocProvider(
      create: (BuildContext context) => MenuCubit(),
      child: BlocBuilder<MenuCubit, MenuState>(
        builder: (context, state) {
          return BlocBuilder<AuthCubit, AuthState>(
            builder: (context, state) {
              return SingleChildScrollView(
                physics: const BouncingScrollPhysics(),
                child: Column(
                  children: [
                    const ProfileTab(),
                    for (var section in menuSections)
                      MenuList(
                        section: section,
                      ),
                    const SizedBox(
                      height: 15,
                    ),
                    BodyMedium(text: dotenv.env['ENV_NAME'] ?? ''),
                    const SizedBox(
                      height: 15,
                    ),
                    InkWell(
                      onTap: () {
                        AuthCubit.get(context).logout();
                      },
                      child: Row(
                        children: [
                          Expanded(
                            child: DefaultContainer(
                              child: Center(
                                child: BodyLarge(
                                  text: 'Logout',
                                  style: context.bodyLarge.copyWith(
                                    color: Colors.red,
                                  ),
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                    )
                  ],
                ),
              );
            },
          );
        },
      ),
    );
  }
}