import 'package:car_customer_app/view_models/dashboard_view_model.dart';
import 'package:car_customer_app/views/dashboard/fragments/ads_fragment.dart';
import 'package:car_customer_app/views/dashboard/fragments/appointments_fragment.dart';
import 'package:car_customer_app/views/dashboard/fragments/home_fragment.dart';
import 'package:car_customer_app/views/dashboard/fragments/providers_fragment.dart';
import 'package:car_customer_app/views/dashboard/fragments/settings_fragment.dart';
import 'package:car_customer_app/views/dashboard/widgets/bottom_nav_bar.dart';
import 'package:car_customer_app/views/dashboard/widgets/drawer_widget.dart';
import 'package:flutter/material.dart';
import 'package:mc_common_app/classes/consts.dart';
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
import 'package:provider/provider.dart';

class DashboardPage extends StatefulWidget {
  const DashboardPage({Key? key}) : super(key: key);

  @override
  State<DashboardPage> createState() => _DashboardPageState();
}

class _DashboardPageState extends State<DashboardPage> {
  // late DashboardVM dashboardVM;

  @override
  void initState() {
    super.initState();
    // dashboardVM = Provider.of<DashboardVM>(context, listen: false);
    fetchUsername();
  }

  fetchUsername() async {}

  List<Widget> fragments = [
    const ProvidersFragment(),
    const AppointmentsFragment(),
    const HomeFragment(),
    const AdsFragment(),
    const SettingsFragment(),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: context.watch<DashboardVM>().selectedNavbarBarIndex != 2 ?  null : CustomAppBar(
        profileImageUrl: MyAssets.bnCar,
        isRemoveBackButton: false,
        isDrawerEnabled: true,
        actions: [MyAssets.notificationsBellIcon.buildSvg().paddingOnly(right: 21)],
      ),
      drawer: CustomDrawer(dashboardVM: context.watch<DashboardVM>()),
      bottomNavigationBar: CustomBottomNavbar(),
      body: fragments[context.watch<DashboardVM>().selectedNavbarBarIndex],
    );
  }
}