import 'package:flutter/material.dart';
import 'package:mc_common_app/config/routes.dart';
import 'package:mc_common_app/theme/colors.dart';
import 'package:mc_common_app/utils/navigator.dart';
import 'package:mc_common_app/view_models/dashboard_view_model_customer.dart';
import 'package:mc_common_app/views/setting_options/widgets/custom_setting_options_tile.dart';
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
import 'package:provider/provider.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CustomAppBar(
        title: "More",
        isRemoveBackButton: false,
        isDrawerEnabled: false,
        onBackButtonTapped: () => Navigator.pop(context),
      ),
      body: Column(
        children: [
          Expanded(
            child: ListView(
              children: [
                Column(
                  children: [
                    CustomSettingOptionsTile(
                        leadingWidget: const Icon(Icons.person, size: 20),
                        titleText: "My Requests",
                        needBorderBelow: true,
                        onTap: () {
                          context.read<DashboardVmCustomer>().onNavbarTapped(4);
                          Navigator.pop(context);
                        }),
                    CustomSettingOptionsTile(leadingWidget: const Icon(Icons.favorite, size: 20), titleText: "Favorite list", needBorderBelow: true, onTap: () {}),
                    CustomSettingOptionsTile(leadingWidget: const Icon(Icons.settings, size: 20), titleText: "Settings", onTap: () => navigateWithName(context, AppRoutes.settingOptionsInviteFriends)),
                  ],
                ).toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, margin: const EdgeInsets.fromLTRB(24, 24, 24, 0), borderRadius: 0),
                CustomSettingOptionsTile(leadingWidget: const Icon(Icons.translate, size: 20), titleText: "Language", isForLanguage: true, onTap: () {})
                    .toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, marginAll: 21, borderRadius: 0),
              ],
            ),
          ),
          Row(
            children: [
              Expanded(
                child: ShowFillButton(
                  borderColor: MyColors.redColor,
                  txtColor: MyColors.redColor,
                  isFilled: false,
                  fontSize: 16,
                  maxHeight: 55,
                  title: "Log Out",
                  onPressed: () {},
                ),
              ),
            ],
          ).paddingAll(21),
        ],
      ),
    );
  }
}