import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_progress_hud/flutter_progress_hud.dart';
import 'package:flutter_speed_dial/flutter_speed_dial.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
import 'package:unit2/bloc/offline/offline_passo/admin/barangay_admin/barangay_admin_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/admin/class_components_admin.dart/class_components_admin_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/admin/memoranda/memoranda_admin_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/admin/municipalities_admin/municipalities_admin_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/admin/signatories/signatories_admin_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/admin/unit_construction/unit_construction_admin_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/building/additional_items_offline/additional_items_offline_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/building/appraisal_offline/bldg_appraisal_offline_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/building/assessment_offline/bldg_assessment_offline_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/building/general_description/general_description_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/building/landref/landref_location_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/building/location/location_bloc.dart';
import 'package:unit2/bloc/offline/offline_passo/building/structural_materials_offline.dart/structural_material_offline_bloc.dart';
import 'package:unit2/model/passo/additional_items.dart';
import 'package:unit2/model/passo/property_info.dart';
import 'package:unit2/screens/offline/passo/building/add/add_building.dart';
import 'package:unit2/screens/offline/passo/building/edit/edit_building.dart';
import 'package:unit2/theme-data.dart/colors.dart';
import 'package:unit2/widgets/empty_data.dart';

import '../../../bloc/offline/offline_passo/building/owner_info_bloc/crud_bloc.dart';

class BuildingHomeOffline extends StatelessWidget {
  const BuildingHomeOffline({super.key});

  @override
  Widget build(BuildContext context) {
    void deleteItem(int itemId) {
      context.read<CrudBloc>().add(DeleteTodo(id: itemId));
    }

    // void triggerBlocEvent() {
    //   final myBloc = BlocProvider.of<PropertyOwnerInfoBloc>(context);
    //   myBloc.add(LoadPropertyInfo());
    // }

    return Scaffold(
      body: ProgressHUD(
          backgroundColor: Colors.black87,
          indicatorWidget: const SpinKitFadingCircle(color: Colors.white),
          child: BlocBuilder<CrudBloc, CrudState>(
            builder: (context, state) {
              if (state is DisplayTodos) {
                if (state.todo.isNotEmpty) {
                  return Container(
                    padding: const EdgeInsets.symmetric(horizontal: 12),
                    child: Column(
                      children: [
                        Expanded(
                          child: ListView.builder(
                            shrinkWrap: true,
                            itemCount: state.todo.length,
                            itemBuilder: (BuildContext context, int index) {
                              return _listCard(state.todo[index], context,
                                  index, deleteItem, state.todo.length);
                            },
                          ),
                        ),
                      ],
                    ),
                  );
                } else {
                  return const EmptyData(
                      message:
                          "You don't have any building faas added. Please click + to add");
                }
              }
              return Container();
            },
          )),
      floatingActionButton: SpeedDial(
//provide here features of your parent FAB
          icon: Icons.add,
          backgroundColor: primary,
          heroTag: null,
          useRotationAnimation: true,
          activeIcon: Icons.close,
          animationCurve: Curves.elasticInOut,
          children: [
            SpeedDialChild(
                child: const Icon(
                  Icons.maps_home_work_rounded,
                  color: primary,
                ),
                label: 'Building & Other Structure',
                onTap: () {
                  Navigator.push(context,
                      MaterialPageRoute(builder: (BuildContext context) {
                    return MultiBlocProvider(providers: [
                      BlocProvider(
                        create: (context) => CrudBloc(),
                      ),
                      BlocProvider(
                        create: (context) => AdditionalItemsOfflineBloc(),
                      ),
                      BlocProvider(
                        create: (context) => MunicipalitiesAdminBloc()
                          ..add(const LoadMunicipalities()),
                      ),
                      BlocProvider(
                        create: (context) => BarangayAdminBloc()
                          ..add(
                              const LoadBarangayInMunicipality(cityCode: '01')),
                      ),
                      BlocProvider(
                        create: (context) => ClassComponentsAdminBloc()
                          ..add(const LoadClassComponents()),
                      ),
                      BlocProvider(
                        create: (context) => UnitConstructionAdminBloc()
                          ..add(const LoadUnitConstruct()),
                      ),
                      BlocProvider(
                        create: (context) => SignatoriesAdminBloc()
                          ..add(const LoadSignatories()),
                      ),
                      BlocProvider(
                        create: (context) =>
                            MemorandaAdminBloc()..add(const LoadMemoranda()),
                      ),
                      BlocProvider(create: (context) => LandrefLocationBloc()),
                      BlocProvider(create: (context) => LocationBloc()),
                      BlocProvider(
                          create: (context) => GeneralDescriptionBloc()),
                      BlocProvider(
                          create: (context) => StructuralMaterialOfflineBloc()),
                      BlocProvider(
                          create: (context) => AdditionalItemsOfflineBloc()
                            ..add(const LoadAdditionalItems())),
                      BlocProvider(
                          create: (context) => BldgAppraisalOfflineBloc()),
                      BlocProvider(
                          create: (context) => BldgAssessmentOfflineBloc()),
                    ], child: AddBuilding(deleteItem));
                  }));
                }),
            SpeedDialChild(
              child: const Icon(
                Icons.forest_rounded,
                color: primary,
              ),
              label: 'Land/Other Improvements',
              onTap: () {},
            ),
            SpeedDialChild(
              child: const Icon(
                Icons.precision_manufacturing_rounded,
                color: primary,
              ),
              label: 'Machinery',
              onTap: () {},
            ),
            // SpeedDialChild(
            //   child: const Icon(
            //     Icons.report_problem_rounded,
            //     color: primary,
            //   ),
            //   label: 'Testing Screen',
            //   onTap: () {
            //     Navigator.of(context)
            //         .push(MaterialPageRoute(builder: (ctx) => Multi_Select()));
            //   },
            // ),
          ]),
    );
  }
}

Card _listCard(
    PropertyInfo property_info, context, index, deleteItem, bldgLength) {
  return Card(
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(10),
      //set border radius more than 50% of height and width to make circle
    ),
    margin: const EdgeInsets.all(5.0),
    elevation: 5,
    shadowColor: Colors.grey,
    child: Padding(
      padding: const EdgeInsets.all(15.0),
      child: InkWell(
        onTap: () async {
          Navigator.push(context,
              MaterialPageRoute(builder: (BuildContext context) {
            return MultiBlocProvider(
              providers: [
                BlocProvider(
                  create: (context) => CrudBloc()..add(FetchTodos()),
                ),
                BlocProvider(
                  create: (context) => MunicipalitiesAdminBloc()
                    ..add(const LoadMunicipalities()),
                ),
                BlocProvider(
                  create: (context) => BarangayAdminBloc()
                    ..add(const LoadBarangayInMunicipality(cityCode: '01')),
                ),
                BlocProvider(
                  create: (context) => ClassComponentsAdminBloc()
                    ..add(const LoadClassComponents()),
                ),
                BlocProvider(
                  create: (context) => UnitConstructionAdminBloc()
                    ..add(const LoadUnitConstruct()),
                ),
                BlocProvider(
                  create: (context) =>
                      SignatoriesAdminBloc()..add(const LoadSignatories()),
                ),
                BlocProvider(
                  create: (context) =>
                      MemorandaAdminBloc()..add(const LoadMemoranda()),
                ),
                BlocProvider(
                    create: (context) => LandrefLocationBloc()
                      ..add(FetchSingleLandref(id: property_info.id!))),
                BlocProvider(
                    create: (context) => LocationBloc()
                      ..add(FetchSingleLocation(id: property_info.id!))),
                BlocProvider(
                    create: (context) => GeneralDescriptionBloc()
                      ..add(FetchSingleGeneralDescription(
                          id: property_info.id!))),
                BlocProvider(
                    create: (context) => StructuralMaterialOfflineBloc()
                      ..add(FetchSingleStructuralMaterial(
                          id: property_info.id!))),
                BlocProvider(
                    create: (context) => AdditionalItemsOfflineBloc()
                      ..add(LoadAdditionalItemsEdit(
                          items: const <AdditionalItems>[],
                          id: property_info.id!))),
              ],
              child: EditBuildingOffline(
                index: index,
                faas: property_info,
                title: 'Bldg & Structure Edit',
              ),
            );
          }));
        },
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Container(
              width: 40, // Adjust this to your desired size
              height: 40, // Adjust this to your desired size
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                border: Border.all(
                  color: primary, // Border color
                  width: 2, // Border width
                ),
              ),
              child: const Icon(
                Icons.maps_home_work_rounded,
                color: primary, // Icon color
              ),
            ),
            const SizedBox(
              width: 20,
            ),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    '${property_info.owner}',
                    style: const TextStyle(
                      fontSize: 14,
                      fontWeight: FontWeight.bold,
                    ),
                    textAlign: TextAlign.left,
                  ),
                  SizedBox(height: 5),
                  Text(
                    '${property_info.tdn} - ${property_info.id}',
                    style: TextStyle(
                      fontSize: 13,
                    ),
                    textAlign: TextAlign.left,
                  ),
                ],
              ),
            ),
            IconButton(
              onPressed: () {
                deleteItem(property_info.id);
              },
              icon: const Icon(Icons.delete_rounded),
              color: primary,
            ),
          ],
        ),
      ),
    ),
  );
}