import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/view_models/tenders_view_model.dart';
import 'package:tm_app/views/shared/desktop_navigation_widget.dart';
import 'package:tm_app/views/tenders/widgets/main_tenders_slider.dart';

import '../../../core/constants/strings.dart';
import '../../../core/routes/app_routes.dart';

class DesktopTendersPage extends StatefulWidget {
  const DesktopTendersPage({super.key});

  @override
  State<DesktopTendersPage> createState() => _DesktopTendersPageState();
}

class _DesktopTendersPageState extends State<DesktopTendersPage> {
  late final TendersViewModel viewModel;
  @override
  void initState() {
    super.initState();
    viewModel = context.read<TendersViewModel>();
    viewModel.addListener(_viewModelListener);
  }

  void _viewModelListener() {
    if (viewModel.feedbackErrorMessage != null) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          backgroundColor: AppColors.error,
          content: Text(viewModel.feedbackErrorMessage!),
        ),
      );
    }
    if (viewModel.tenderApprovalErrorMessage != null) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          backgroundColor: AppColors.error,
          content: Text(viewModel.tenderApprovalErrorMessage!),
        ),
      );
    }
  }

  @override
  void dispose() {
    viewModel.removeListener(_viewModelListener);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.backgroundColor,
      body: Column(
        children: [
          DesktopNavigationWidget(
            currentIndex: 1, // Tenders index
            onTabChanged: (index) {
              // Navigate to different screens based on index
              switch (index) {
                case 0:
                  // Navigate to home
                  Router.neglect(context, () => HomeRouteData().go(context));
                  viewModel.updateHome();
                  break;
                case 1:
                  // Already on tenders
                  break;
                case 2:
                  // Navigate to profile
                  Router.neglect(context, () => ProfileRouteData().go(context));
                  break;
              }
            },
          ),
          Expanded(
            child: Center(
              child: SingleChildScrollView(
                child: Consumer<TendersViewModel>(
                  builder: (context, viewModel, child) {
                    if (viewModel.isLoading) {
                      return Center(
                        child: CircularProgressIndicator(
                          color: AppColors.jellyBean,
                        ),
                      );
                    }
                    if (viewModel.errorMessage != null) {
                      return Center(child: Text(viewModel.errorMessage!));
                    }
                    if (viewModel.tendersResponse?.data?.tenders == null ||
                        viewModel.tendersResponse!.data!.tenders!.isEmpty) {
                      return Center(child: Text(AppStrings.noData));
                    }
                    return SizedBox(
                      width: 740,
                      height: 800,
                      child: Padding(
                        padding: EdgeInsets.symmetric(vertical: 24.0.h()),
                        child: MainTendersSlider(
                          tenders:
                              viewModel.tendersResponse?.data?.tenders ?? [],
                          isDesktop: true,
                        ),
                      ),
                    );
                  },
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}