import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:go_router/go_router.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/tablet_navigation_widget.dart';
import 'package:tm_app/views/tenders/widgets/main_tenders_slider.dart';

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

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

  @override
  State<TabletTendersPage> createState() => _TabletTendersPageState();
}

class _TabletTendersPageState extends State<TabletTendersPage> {
  late final TendersViewModel viewModel;

  @override
  void initState() {
    super.initState();
    viewModel = context.read<TendersViewModel>();
  }

  @override
  Widget build(BuildContext context) {
    final GlobalKey<ScaffoldState> key = GlobalKey();
    return Scaffold(
      key: key,
      backgroundColor: AppColors.backgroundColor,
      appBar: PreferredSize(
        preferredSize: const Size.fromHeight(64),
        child: AppBar(
          backgroundColor: AppColors.backgroundColor,
          elevation: 0,
          titleSpacing: 0,
          leading: Padding(
            padding: EdgeInsetsDirectional.only(start: 24.0.w()),
            child: SvgPicture.asset(AssetsManager.logoSmall),
          ),
          actions: [
            IconButton(
              icon: Padding(
                padding: EdgeInsetsDirectional.only(end: 24.0.w()),
                child: SvgPicture.asset(
                  AssetsManager.menu,
                  height: 32.0.w(),
                  width: 32.0.w(),
                ),
              ),
              onPressed: () => key.currentState!.openDrawer(),
            ),
          ],
        ),
      ),
      drawer: TabletNavigationWidget(
        currentIndex: 1,
        onTabChanged: (index) {
          switch (index) {
            case 0:
              context.pop();
              Router.neglect(context, () => HomeRouteData().go(context));
              viewModel.updateHome();
              break;
            case 2:
              context.pop();
              Router.neglect(context, () => ProfileRouteData().go(context));

              break;
          }
        },
      ),
      body: 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 Padding(
              padding: EdgeInsets.only(right: 24.0.w(), top: 128.0.h()),
              child: MainTendersSlider(
                tenders: viewModel.tendersResponse?.data?.tenders ?? [],
              ),
            );
          },
        ),
      ),
    );
  }
}