import 'package:flutter/material.dart';
import 'package:rasadyar_core/core.dart';
import 'package:rasadyar_inspection/presentation/pages/filter/view.dart';
import 'package:rasadyar_inspection/presentation/routes/app_routes.dart';
import 'package:rasadyar_inspection/presentation/widget/base_page/view.dart';
import 'package:rasadyar_inspection/presentation/widget/custom_chips.dart';
import 'package:rasadyar_inspection/presentation/widget/search.dart';

import 'logic.dart';

class InspectionMapPage extends GetView<InspectionMapLogic> {
  const InspectionMapPage({super.key});

  @override
  Widget build(BuildContext context) {
    return BasePage(
      hasSearch: true,
      hasFilter: true,
      hasBack: false,

      defaultSearch: false,
      filteringWidget: filterWidget(showIndex: 3.obs, filterIndex: 5.obs),
      onSearchTap: () {
        controller.baseLogic.isSearchSelected.value = !controller.baseLogic.isSearchSelected.value;
      },

      widgets: [_buildMap()],
      floatingActionButton: _buildGpsButton(),
    );
  }

  Widget _buildMap() {
    return Expanded(
      child: Stack(
        fit: StackFit.expand,
        children: [
          ObxValue((currentLocation) {
            return FlutterMap(
              mapController: controller.animatedMapController.mapController,
              options: MapOptions(
                initialCenter: currentLocation.value,
                initialZoom: 18,
                onPositionChanged: (camera, hasGesture) {
                  controller.debouncedUpdateVisibleMarkers(center: camera.center);
                },
              ),
              children: [
                TileLayer(
                  urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
                  userAgentPackageName: 'ir.mnpc.rasadyar',
                ),
                ObxValue((markers) {
                  return MarkerLayer(
                    markers: markers
                        .map(
                          (e) => markerWidget(
                            marker: e,
                            onTap: () {
                              Get.bottomSheet(
                                selectedLocationWidget2(
                                  showHint: false,
                                  sliderController: controller.slidController.value,
                                  trigger: () {},
                                  toggle: () {},
                                ),
                                isScrollControlled: true,
                                enableDrag: true,
                                backgroundColor: Colors.transparent,
                              );
                            },
                          ),
                        )
                        .toList(),
                  );
                }, controller.markers),
              ],
            );
          }, controller.currentLocation),

          Positioned(
            top: 10,
            left: 20,
            right: 20,
            child: ObxValue((data) {
              if (data.value) {
                return SearchWidget(
                  onSearchChanged: (data) {
                    controller.baseLogic.searchValue.value = data;
                  },
                );
              } else {
                return SizedBox.shrink();
              }
            }, controller.baseLogic.isSearchSelected),
          ),
        ],
      ),
    );
  }

  Widget _buildGpsButton() {
    return ObxValue((data) {
      return RFab(
        backgroundColor: AppColor.greenNormal,
        isLoading: data.value,
        icon: Assets.vec.gpsSvg.svg(width: 40.w, height: 40.h),
        onPressed: () async => await controller.determineCurrentPosition(),
      );
    }, controller.isLoading);
  }

  Widget selectedLocationWidget2({
    required bool showHint,
    required SlidableController sliderController,
    required VoidCallback trigger,
    required VoidCallback toggle,
  }) {
    return ObxValue((data) {
      return BaseBottomSheet(
        height: data.value ? 450.h : 150.h,
        child: ListItemWithOutCounter(
          secondChild: Column(
            spacing: 8,
            children: [
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 12.w),
                child: Column(
                  spacing: 8,
                  children: [
                    Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Text(
                          'داوود خرم پور',
                          textAlign: TextAlign.center,
                          style: AppFonts.yekan16.copyWith(color: AppColor.greenDark),
                        ),
                      ],
                    ),
                    Container(
                      height: 32.h,
                      padding: EdgeInsets.symmetric(horizontal: 8),
                      decoration: ShapeDecoration(
                        color: AppColor.blueLight,
                        shape: RoundedRectangleBorder(
                          side: BorderSide(width: 1.w, color: AppColor.blueLightHover),
                          borderRadius: BorderRadius.circular(8),
                        ),
                      ),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        spacing: 3,
                        children: [
                          Text(
                            'تاریخ بازرسی',
                            style: AppFonts.yekan14.copyWith(color: AppColor.textColor),
                          ),

                          Text(
                            '1403/12/12',
                            style: AppFonts.yekan14.copyWith(color: AppColor.blueNormal),
                          ),
                        ],
                      ),
                    ),

                    buildRow(
                      title: 'تلفن خریدار',
                      value: '0326598653',
                      valueStyle: AppFonts.yekan14.copyWith(color: AppColor.blueNormal),
                    ),
                    buildRow(title: 'آخرین فعالیت', value: '1409/12/12'),
                    buildRow(title: 'موجودی', value: '5KG'),
                    buildRow(title: 'فروش رفته', value: '5KG'),
                  ],
                ),
              ),
              Row(
                children: [
                  Expanded(
                    child: Row(
                      mainAxisSize: MainAxisSize.min,
                      mainAxisAlignment: MainAxisAlignment.center,
                      spacing: 7,
                      children: [
                        RElevated(
                          width: 40.h,
                          height: 38.h,
                          backgroundColor: AppColor.greenNormal,
                          child: Assets.vec.messageAddSvg.svg(
                            width: 24.w,
                            height: 24.h,
                            colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
                          ),
                          onPressed: () {},
                        ),
                        RElevated(
                          width: 150.w,
                          height: 40.h,
                          backgroundColor: AppColor.blueNormal,
                          onPressed: () {
                            /*controller.setEditData(item);
                        Get.bottomSheet(
                          addOrEditBottomSheet(true),
                          isScrollControlled: true,
                          backgroundColor: Colors.transparent,
                        ).whenComplete(() {

                        });*/
                          },
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.start,
                            spacing: 8,
                            children: [
                              Assets.vec.mapSvg.svg(
                                width: 24.w,
                                height: 24.h,
                                colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
                              ),
                              Text(
                                'مسیریابی',
                                style: AppFonts.yekan14Bold.copyWith(color: Colors.white),
                              ),
                            ],
                          ),
                        ),
                        ROutlinedElevated(
                          width: 150.w,
                          height: 40.h,
                          onPressed: () {
                            buildDeleteDialog(onConfirm: () async {}, onRefresh: () async {});
                          },
                          borderColor: AppColor.bgIcon,
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            spacing: 8,
                            children: [
                              Assets.vec.securityTimeSvg.svg(
                                width: 24.w,
                                height: 24.h,
                                colorFilter: ColorFilter.mode(AppColor.bgIcon, BlendMode.srcIn),
                              ),
                              Text(
                                'سوابق بازرسی',
                                style: AppFonts.yekan14Bold.copyWith(color: AppColor.bgIcon),
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ],
          ),
          labelColor: AppColor.blueLight,
          labelIcon: Assets.vec.cowSvg.path,
          labelIconColor: AppColor.bgIcon,
          onTap: () => data.value = !data.value,
          selected: data.value,
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: [
              Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    'داود خرم مهری پور',
                    style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal),
                  ),
                  Text(
                    'گوشت و مرغ',
                    style: AppFonts.yekan12.copyWith(color: AppColor.darkGreyDarkHover),
                  ),
                ],
              ),
              Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text('باقی مانده', style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal)),
                  Text(
                    '0 کیلوگرم',
                    style: AppFonts.yekan12.copyWith(color: AppColor.darkGreyDarkHover),
                  ),
                ],
              ),
              Assets.vec.scanBarcodeSvg.svg(),
            ],
          ),
        ),
      );
    }, controller.isSelectedDetailsLocation);
  }
}

Marker markerWidget({required LatLng marker, required VoidCallback onTap}) {
  return Marker(
    point: marker,
    child: GestureDetector(
      onTap: onTap,
      behavior: HitTestBehavior.opaque,
      child: SizedBox(
        width: 36,
        height: 36,
        child: Assets.vec.mapMarkerSvg.svg(width: 30, height: 30),
      ),
    ),
  );
}

Widget filterWidget({required RxInt filterIndex, required RxInt showIndex}) {
  return BaseBottomSheet(
    height: Get.height * 0.5,
    child: Column(
      spacing: 16,
      children: [
        SizedBox(height: 1),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          spacing: 16,
          children: [
            cardWithLabel(
              title: 'اصناف',
              count: 1234567,
              icon: Assets.vec.shopSvg.svg(width: 24.w, height: 24.h),
              backgroundColor: AppColor.greenLight,
              backgroundBadgeColor: AppColor.greenLightActive,
            ),
            cardWithLabel(
              title: 'دامداران',
              count: 1234567,
              icon: Assets.vec.peopleSvg.svg(width: 24.w, height: 24.h),

              backgroundColor: AppColor.blueLight,
              backgroundBadgeColor: AppColor.blueLightActive,
            ),
            cardWithLabel(
              title: 'مرغداران',
              count: 1234567,
              icon: Assets.vec.profile2Svg.svg(width: 24.w, height: 24.h),
              backgroundColor: AppColor.redLight,
              backgroundBadgeColor: AppColor.redLightActive,
            ),
          ],
        ),

        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          spacing: 12,
          children: [
            Text(
              'فیلتر نمایش',
              textAlign: TextAlign.center,
              style: AppFonts.yekan13.copyWith(color: AppColor.blueNormal),
            ),
            ObxValue((data) {
              return Row(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.center,
                spacing: 8,
                children: [
                  customChip(
                    isSelected: data.value == 0,
                    onTap: (data) {
                      filterIndex.value = data;
                    },
                    index: 0,
                    title: 'دامداران',
                  ),
                  customChip(
                    isSelected: data.value == 1,
                    title: 'مرغداران',
                    onTap: (data) {
                      filterIndex.value = data;
                    },
                    index: 1,
                  ),
                  customChip(
                    isSelected: data.value == 2,
                    title: 'اصناف',
                    onTap: (data) {
                      filterIndex.value = data;
                    },
                    index: 2,
                  ),
                ],
              );
            }, filterIndex),
          ],
        ),

        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          spacing: 12,
          children: [
            Text(
              'نمایش',
              textAlign: TextAlign.center,
              style: AppFonts.yekan13.copyWith(color: AppColor.blueNormal),
            ),
            ObxValue((data) {
              return SingleChildScrollView(
                scrollDirection: Axis.horizontal,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.start,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  spacing: 8,
                  children: [
                    customChip(
                      isSelected: data.value == 0,
                      title: 'نمایش همه',
                      onTap: (data) {
                        showIndex.value = data;
                      },
                      index: 0,
                    ),
                    customChip(
                      isSelected: data.value == 1,
                      title: 'دارای تراکنش',
                      onTap: (data) {
                        showIndex.value = data;
                      },
                      index: 1,
                    ),

                    customChip(
                      isSelected: data.value == 2,
                      title: 'بازرسی شده ها',
                      onTap: (data) {
                        showIndex.value = data;
                      },
                      index: 2,
                    ),
                    customChip(
                      isSelected: data.value == 3,
                      title: 'بازرسی نشده ها',
                      onTap: (data) {
                        showIndex.value = data;
                      },
                      index: 3,
                    ),
                    customChip(
                      isSelected: data.value == 4,
                      title: 'متخلفین',
                      onTap: (data) {
                        showIndex.value = data;
                      },
                      index: 4,
                    ),
                  ],
                ),
              );
            }, showIndex),
          ],
        ),
      ],
    ),
  );
}

Widget cardWithLabel({
  required String title,
  required int count,
  String unit = 'عدد',
  required Widget icon,
  required Color backgroundColor,
  required Color backgroundBadgeColor,
}) {
  return SizedBox(
    width: 114.w,
    height: 115.h,
    child: Stack(
      clipBehavior: Clip.antiAlias,
      alignment: Alignment.topCenter,
      children: [
        Positioned(
          bottom: 0,
          right: 0,
          left: 0,
          child: Container(
            width: 114.w,
            height: 91.h,
            clipBehavior: Clip.antiAlias,
            decoration: BoxDecoration(
              color: backgroundColor,
              borderRadius: BorderRadius.circular(8),
              border: Border.all(width: 0.25, color: AppColor.blackLightHover),
            ),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              spacing: 6,
              children: [
                Text(title, style: AppFonts.yekan12.copyWith(color: AppColor.textColor)),
                Text(
                  count.separatedByComma,
                  style: AppFonts.yekan16.copyWith(color: AppColor.textColor),
                ),
                Text(unit, style: AppFonts.yekan12.copyWith(color: AppColor.textColor)),
              ],
            ),
          ),
        ),
        Positioned(
          top: 5.h,
          child: Container(
            width: 32.w,
            height: 32.h,
            padding: EdgeInsets.all(4),
            decoration: BoxDecoration(
              color: backgroundBadgeColor,
              borderRadius: BorderRadius.circular(50),
              border: Border.all(color: AppColor.borderColor, width: 0.25),
            ),
            child: Center(child: icon),
          ),
        ),
      ],
    ),
  );
}


Widget selectedLocationWidget({
  required bool showHint,
  required SlidableController sliderController,
  required VoidCallback trigger,
  required VoidCallback toggle,
}) {
  if (showHint) {
    trigger.call();
  }
  return BaseBottomSheet(
    height: 150.h,
    child: Padding(
      padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 20),
      child: Slidable(
        key: Key('selectedLocationWidget'),
        controller: sliderController,
        endActionPane: ActionPane(
          motion: StretchMotion(),
          children: [
            CustomSlidableAction(
              onPressed: (context) {
                Get.toNamed(InspectionRoutes.inspectionLocationDetails);
              },
              backgroundColor: AppColor.blueNormal,
              foregroundColor: Colors.white,
              padding: EdgeInsets.all(16),
              borderRadius: BorderRadius.only(
                bottomRight: Radius.circular(8),
                topRight: Radius.circular(8),
              ),
              child: Assets.vec.mapSvg.svg(width: 24, height: 24),
            ),
            CustomSlidableAction(
              onPressed: (context) {
                Get.toNamed(InspectionRoutes.inspectionAddSupervision);
              },
              backgroundColor: AppColor.greenNormal,
              padding: EdgeInsets.all(16),
              child: Assets.vec.messageAddSvg.svg(),
            ),
            CustomSlidableAction(
              onPressed: (context) {},
              backgroundColor: AppColor.warning,
              padding: EdgeInsets.all(16),
              borderRadius: BorderRadius.only(
                bottomLeft: Radius.circular(8),
                topLeft: Radius.circular(8),
              ),
              child: Assets.vec.securityTimeSvg.svg(),
            ),
          ],
        ),
        child: GestureDetector(
          onTap: toggle,
          child: Container(
            height: 58,
            padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15),
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.circular(8),
              border: Border.all(width: 1, color: AppColor.blackLightHover),
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Column(
                  children: [
                    Text(
                      'داود خرم مهری پور',
                      style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal),
                    ),
                    Text(
                      'گوشت و مرغ',
                      style: AppFonts.yekan12.copyWith(color: AppColor.darkGreyDarkHover),
                    ),
                  ],
                ),
                Column(
                  children: [
                    Text(
                      'باقی مانده',
                      style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal),
                    ),
                    Text(
                      '0 کیلوگرم',
                      style: AppFonts.yekan12.copyWith(color: AppColor.darkGreyDarkHover),
                    ),
                  ],
                ),
                Assets.vec.scanBarcodeSvg.svg(),
              ],
            ),
          ),
        ),
      ),
    ),
  );
}