import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';
import 'package:tm_app/core/routes/app_routes.dart';
import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/data/services/model/tender_approvals_state_response/tender_approvals_state_response.dart';
import 'package:tm_app/view_models/home_view_model.dart';
import 'package:tm_app/views/shared/tablet_navigation_widget.dart';

import '../../../core/constants/assets.dart';
import '../../shared/tender_app_bar.dart';
import '../strings/home_strings.dart';
import '../widgets.dart';

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

  @override
  Widget build(BuildContext context) {
    final GlobalKey<ScaffoldState> key = GlobalKey();

    return Scaffold(
      key: key,

      appBar: tabletAppBar(title: HomeStrings.home, key: key),

      drawer: TabletNavigationWidget(
        currentIndex: 0, // Home is index 0
        onTabChanged: (index) {
          // Handle navigation to other tabs
          switch (index) {
            case 0:
              // Already on home
              break;
            case 1:
              // Navigate to tenders
              context.pop();
              Router.neglect(context, () => TendersRouteData().go(context));
              break;
            case 2:
              // Navigate to profile
              context.pop();
              Router.neglect(context, () => ProfileRouteData().go(context));
              break;
          }
        },
      ),
      body: Consumer<HomeViewModel>(
        builder: (context, homeViewModel, child) {
          if (homeViewModel.isLoading) {
            return const Center(
              child: CircularProgressIndicator(color: AppColors.secondary50),
            );
          }

          if (homeViewModel.errorMessage != null) {
            return Center(child: Text(homeViewModel.errorMessage!));
          }

          if (homeViewModel.tenderApprovalsStateResponse != null &&
              homeViewModel.data != null &&
              homeViewModel.feedbackStats != null) {
            return SingleChildScrollView(
              child: Padding(
                padding: EdgeInsetsDirectional.fromSTEB(
                  24.0.w(),
                  24.0.h(),
                  24.0.w(),
                  24.0.h(),
                ),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    // NotificationCard(),
                    SizedBox(height: 40.0.h()),
                    _progressBarsRow(homeViewModel),
                    SizedBox(height: 32.0.h()),
                    _firstTenderCardsRow(
                      context,
                      homeViewModel.tenderApprovalsStateResponse!,
                    ),
                    SizedBox(height: 8.0.h()),
                    _secondTenderCardsRow(homeViewModel),
                    SizedBox(height: 32.0.h()),
                    _yourTenderText(homeViewModel),
                    SizedBox(height: 8.0.h()),
                    _bottomListView(homeViewModel),
                  ],
                ),
              ),
            );
          }
          return const Center(
            child: CircularProgressIndicator(color: AppColors.secondary50),
          );
        },
      ),
    );
  }

  Widget _progressBarsRow(HomeViewModel homeViewModel) {
    return Row(
      children: [
        Spacer(),
        SizedBox(width: 20.0.w()),
        ProgressBarColumn(
          text: HomeStrings.partnership,
          value: homeViewModel.partnershipPercent,
          amount: homeViewModel.partnershipPercent.toString(),
          circularProgressIndicatorWidth: 176.0,
          circularProgressIndicatorHeight: 176.0,
          strokeWidth: 8.0,
        ),
        Spacer(),
        ProgressBarColumn(
          text: HomeStrings.selfApply,
          value: homeViewModel.selfApplyPercent,
          amount: homeViewModel.selfApplyPercent.toString(),
          circularProgressIndicatorWidth: 176.0,
          circularProgressIndicatorHeight: 176.0,
          strokeWidth: 8.0,
        ),
        SizedBox(width: 20.0.w()),
        Spacer(),
      ],
    );
  }

  Widget _firstTenderCardsRow(
    BuildContext context,
    TenderApprovalsStateResponse tenderApprovalsStateResponse,
  ) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Expanded(
          child: TenderCard(
            backgroundColor: AppColors.primary20,
            iconPath: AssetsManager.arrows,
            title: HomeStrings.tenderSubmitted,
            amount:
                tenderApprovalsStateResponse.data!.submittedTenders.toString(),

            textColor: AppColors.mainBlue,
            enableTap: true,
            width: double.infinity,
            height: 148,
            onTap: () {
              YourTendersRouteData().push(context);
            },
          ),
        ),
        SizedBox(width: 16.0),
        Expanded(
          child: TenderCard(
            backgroundColor: AppColors.primary10,
            iconPath: AssetsManager.approve,
            title: HomeStrings.approvedTenders,
            amount: '0',

            textColor: AppColors.jellyBean,
            enableTap: true,
            width: double.infinity,
            height: 148,
            onTap: () {
              YourTendersRouteData().push(context);
            },
          ),
        ),
      ],
    );
  }

  // ignore: unused_element
  Widget _secondTenderCardsRow(HomeViewModel homeViewModel) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Expanded(
          child: TenderCard(
            backgroundColor: AppColors.orange10,
            iconPath: AssetsManager.shield,
            title: HomeStrings.tenderValue,
            amount: '3',
            textColor: AppColors.orange,
            enableTap: true,
            width: double.infinity,
            height: 148,
            onTap: () {},
          ),
        ),
        SizedBox(width: 16.0),
        Expanded(
          child: TenderCard(
            backgroundColor: AppColors.grey10,
            iconPath: AssetsManager.thumbLike,
            title: HomeStrings.likedTenders,
            amount: homeViewModel.feedbackStats?.totalLikes.toString() ?? '0',
            textColor: AppColors.grey80,
            enableTap: false,
            width: double.infinity,
            height: 148,
            onTap: () {},
          ),
        ),
      ],
    );
  }

  Widget _yourTenderText(HomeViewModel homeViewModel) {
    final isYourTenders = homeViewModel.data?.data?.isNotEmpty ?? false;
    return Text(
      isYourTenders ? HomeStrings.yourTenders : HomeStrings.recommendedTenders,
      style: TextStyle(
        fontSize: 18.0.sp(),
        fontWeight: FontWeight.w700,
        color: AppColors.grey80,
      ),
    );
  }

  Widget _bottomListView(HomeViewModel homeViewModel) {
    final controller = ScrollController();

    controller.addListener(() {
      if (homeViewModel.isRecommendedMode) {
        if (controller.position.pixels >=
            controller.position.maxScrollExtent - 200) {
          if (!homeViewModel.isLoadingMore && homeViewModel.hasMore) {
            homeViewModel.getHomeRecommandTenders();
          }
        }
      }
    });

    return SizedBox(
      width: double.infinity,
      height: 387.0.h(),
      child: ListView.builder(
        itemCount:
            homeViewModel.tenders.length +
            (homeViewModel.isLoadingMore ? 1 : 0),
        scrollDirection: Axis.horizontal,
        itemBuilder: (context, index) {
          if (index < homeViewModel.tenders.length) {
            return TendersListItem(tender: homeViewModel.tenders[index]);
          } else {
            return Center(
              child: Padding(
                padding: EdgeInsets.all(16.0),
                child: CircularProgressIndicator(color: AppColors.secondary50),
              ),
            );
          }
        },
      ),
    );
  }
}