import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:ride/controller/home/captin/map_dirction.dart';
import 'package:ride/views/widgets/my_scafold.dart';

import '../../constant/colors.dart';
import '../../constant/style.dart';
import '../../controller/functions/launch.dart';
import '../../controller/functions/location_controller.dart';
import '../home/map_widget.dart/passenger_info_window.dart';
import '../home/map_widget.dart/timer_to_passenger_from_driver.dart';

class PassengerLocationDirection extends StatelessWidget {
  PassengerLocationDirection({super.key});
  final LocationController locationController = Get.put(LocationController());
  @override
  Widget build(BuildContext context) {
    Get.put(MapDirection());

    // mapDirection.getMap();//todo get this argument
    return MyScafolld(
        title: 'Map'.tr,
        body: [
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: GetBuilder<MapDirection>(
              builder: (controller) => GoogleMap(
                onMapCreated: controller.onMapCreated,
                initialCameraPosition: CameraPosition(
                  target: locationController.myLocation,
                  zoom: 15,
                ),
                // onCameraMove: (position) {
                //   locationController.myLocation = position.target;
                //   print(position);
                // },
                minMaxZoomPreference: const MinMaxZoomPreference(6, 18),
                buildingsEnabled: true,
                mapToolbarEnabled: true,
                polylines: {
                  Polyline(
                    zIndex: 2,
                    consumeTapEvents: true,
                    geodesic: true,
                    endCap: Cap.buttCap,
                    startCap: Cap.buttCap,
                    visible: true,
                    polylineId: const PolylineId('route'),
                    points: controller.polylineCoordinates,
                    color: AppColor.greenColor,
                    width: 5,
                  ),
                },
                markers: {
                  Marker(
                    markerId: MarkerId('MyLocation'.tr),
                    position: locationController.myLocation,
                    draggable: true,
                    icon: controller.carIcon,
                    infoWindow: const InfoWindow(
                      title: 'Time',
                      // snippet: controller.durationFromDriverToPassenger
                      //     .toString(),
                    ),
                  ),
                },
              ),
            ),
          ),
          const PassengerInfoWindow(),
        ],
        isleading: true);
  }
}