import 'package:flutter/cupertino.dart';
import 'package:mc_common_app/config/routes.dart';
import 'package:mc_common_app/generated/locale_keys.g.dart';
import 'package:mc_common_app/models/provider_branches_models/branch_detail_model.dart';
import 'package:mc_common_app/theme/colors.dart';
import 'package:mc_common_app/view_models/service_view_model.dart';
import 'package:flutter/material.dart';
import 'package:mc_common_app/classes/consts.dart';
import 'package:mc_common_app/extensions/int_extensions.dart';
import 'package:mc_common_app/extensions/string_extensions.dart';
import 'package:mc_common_app/utils/enums.dart';
import 'package:mc_common_app/utils/navigator.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
import 'package:provider/provider.dart';
import 'package:easy_localization/easy_localization.dart';

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

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: double.infinity,
      height: 140,
      child: Consumer(
        builder: (BuildContext context, ServiceVM serviceVM, Widget? child) {
          if (serviceVM.state == ViewState.busy) {
            return const Center(child: CircularProgressIndicator());
          } else {
            return serviceVM.branches == null || serviceVM.branches!.data == null
                ? Center(child: LocaleKeys.noBranchFound.tr().toText(fontSize: 16, color: MyColors.lightTextColor))
                : serviceVM.homePageBranches.isEmpty
                    ? Center(child: LocaleKeys.no_branch.tr().toText(fontSize: 16, color: MyColors.lightTextColor))
                    : ListView.builder(
                        itemCount: serviceVM.homePageBranches.length,
                        scrollDirection: Axis.horizontal,
                        shrinkWrap: true,
                        itemBuilder: (BuildContext context, int index) {
                          BranchDetailModel branchDetailModel = serviceVM.homePageBranches[index];
                          return SizedBox(
                            width: 90,
                            child: Column(
                              children: [
                                branchDetailModel.branchProfileImage.buildNetworkImage(height: 73, width: 73, fit: BoxFit.cover).toCircle(borderRadius: 100),
                                9.height,
                                Flexible(
                                  child: branchDetailModel.branchName!.toText(fontSize: 14, textAlign: TextAlign.center, letterSpacing: -0.84, height: 18 / 14),
                                ),
                              ],
                            ),
                          ).onPress(
                            () {
                              serviceVM.homePageBranches[index].countryID = serviceVM.branches!.data!.countryID;
                              serviceVM.homePageBranches[index].countryName = serviceVM.branches!.data!.countryName;
                              serviceVM.updateSelectedBranchId(serviceVM.homePageBranches[index].id);
                              navigateWithName(context, AppRoutes.branchDetail, arguments: serviceVM.homePageBranches[index]);
                            },
                          );
                        },
                      );
          }
        },
      ),
    );
  }
}