import 'package:driver/constant/constant.dart';
import 'package:driver/controllers/driver_location_controller.dart';
import 'package:driver/themes/theme_controller.dart';
import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart' as flutterMap;
import 'package:get/get.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';

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

  @override
  Widget build(BuildContext context) {
    final themeController = Get.find<ThemeController>();
    final isDark = themeController.isDark.value;
    return GetX(
        init: DriverLocationController(),
        builder: (controller) {
          return Scaffold(
            appBar: AppBar(
              title: Text(
                "Driver Locations",
                style: TextStyle(
                  color: isDark ? Colors.white : Colors.black,
                ),
              ),
              backgroundColor: isDark ? Colors.black : Colors.white,
              iconTheme: IconThemeData(
                color: isDark ? Colors.white : Colors.black,
              ),
            ),
            body: controller.isLoading.value
                ? Constant.loader()
                : Constant.selectedMapType == "osm"
                    ? Obx(() {
                        // Schedule a post-frame callback to ensure the FlutterMap has been built
                        // before we attempt to move the map to the driver's location.
                        WidgetsBinding.instance.addPostFrameCallback((_) {
                          try {
                            controller.animateToSource();
                          } catch (_) {}
                        });

                        return flutterMap.FlutterMap(
                          mapController: controller.osmMapController,
                          options: flutterMap.MapOptions(
                            // center the OSM map on the controller's current position (updated by controller)
                            initialCenter: controller.current.value,
                            initialZoom: 12,
                          ),
                          children: [
                            flutterMap.TileLayer(
                              urlTemplate: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                              subdomains: const ['a', 'b', 'c'],
                              userAgentPackageName: 'com.emart.app',
                            ),
                            flutterMap.MarkerLayer(markers: controller.osmMarkers),
                          ],
                        );
                      })
                    : GoogleMap(
                        initialCameraPosition: controller.driverList.isNotEmpty
                            ? CameraPosition(
                                target: LatLng(controller.driverList.first.location == null ? 12.9716 : controller.driverList.first.location!.latitude!,
                                    controller.driverList.first.location == null ? 77.5946 : controller.driverList.first.location!.longitude!),
                                zoom: 14,
                              )
                            : CameraPosition(
                                target: LatLng(12.9716, 77.5946),
                                zoom: 14,
                              ),
                        myLocationEnabled: true,
                        myLocationButtonEnabled: true,
                        markers: controller.markers.toSet(),
                        onMapCreated: (GoogleMapController mapController) {
                          controller.mapController.complete(mapController);
                          // Wait for markers to load
                          Future.delayed(const Duration(milliseconds: 500), () async {
                            await controller.moveCameraToFirstDriver(mapController);
                          });
                        },
                      ),
          );
        });
  }
}