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/recommended_tenders_view.dart';

import '../../../core/utils/app_toast.dart';

class DesktopTendersPage extends StatefulWidget {
  const DesktopTendersPage({required this.initialSelectedTab, super.key});

  final int initialSelectedTab;

  @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) {
      AppToast.error(context, viewModel.feedbackErrorMessage!);
    }
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.backgroundColor,
      body: SafeArea(
        child: Column(
          children: [
            const DesktopNavigationWidget(currentIndex: 1),
            SizedBox(height: 24.0.h()),
            // Tab bar hidden while tenders only shows recommendations.
            // SizedBox(
            //   width: 740,
            //   child: TendersTabBar(
            //     selectedIndex: 1,
            //     onChanged: (index) {},
            //   ),
            // ),
            // SizedBox(height: 24.0.h()),
            // All tenders controls are hidden while the All tab is disabled.
            // if (userRole == Role.analyst) const _SearchBox(),
            // if (userRole == Role.analyst) const _ActionButtons(),
            const Expanded(
              child: Center(
                child: SizedBox(
                  width: 740,
                  child: RecommendedTendersView(isDesktop: true),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}