import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:tm_app/view_models/tenders_view_model.dart';

import '../../../core/theme/colors.dart';
import '../../../core/utils/app_toast.dart';
import '../../shared/tender_app_bar.dart';
import '../strings/tenders_strings.dart';
import '../widgets/recommended_tenders_view.dart';

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

  final int initialSelectedTab;

  @override
  State<MobileTendersPage> createState() => _MobileTendersPageState();
}

class _MobileTendersPageState extends State<MobileTendersPage> {
  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,
      appBar: tenderMobileAppBar(title: TendersStrings.tendersTitle),
      body: const SafeArea(
        child: Column(
          children: [
            // Tab bar hidden while tenders only shows recommendations.
            // Padding(
            //   padding: EdgeInsets.symmetric(
            //     horizontal: 24.0.w(),
            //     vertical: 12.0.h(),
            //   ),
            //   child: TendersTabBar(
            //     selectedIndex: 1,
            //     onChanged: (index) {},
            //   ),
            // ),
            Expanded(child: RecommendedTendersView()),
          ],
        ),
      ),
    );
  }
}