import 'package:flutter/material.dart';
import 'package:get/get.dart';

import '../../../constant/style.dart';
import '../../../controller/home/map_passenger_controller.dart';
import 'hexegone_clipper.dart';

GetBuilder<MapPassengerController> hexagonClipper() {
  return GetBuilder<MapPassengerController>(
      builder: ((controller) => controller.rideConfirm
          ? Positioned(
              top: Get.height * .2,
              left: Get.width * .2,
              right: Get.width * .2,
              child: ClipPath(
                clipper:
                    HexagonClipper(), // CustomClipper to create a hexagon shape
                child: AnimatedContainer(
                  duration: const Duration(microseconds: 300),
                  height: 250,
                  width: 250,
                  decoration: AppStyle.boxDecoration,
                  // gradient: const LinearGradient(
                  //   colors: [AppColor.greenColor, AppColor.secondaryColor],
                  //   begin: Alignment.topLeft,
                  //   end: Alignment.bottomCenter,
                  // ),
                  // border: Border.all(),
                  // color: AppColor.secondaryColor,
                  // borderRadius: BorderRadius.circular(15)),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Text(
                        'Waiting for Captin ...'.tr,
                        style: AppStyle.title,
                      ),
                      // IconButton(
                      //   onPressed: () {
                      //     print(controller.dataCarsLocationByPassenger);
                      //   },
                      //   icon: const Icon(Icons.add),
                      // ),
                      Text(
                        controller.dataCarsLocationByPassenger['message']
                                [controller.carsOrder]['phone']
                            .toString(),
                        style: AppStyle.title,
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: [
                          Text(
                            controller.dataCarsLocationByPassenger['message']
                                        [controller.carsOrder]['first_name']
                                    .toString() +
                                ' ' +
                                controller
                                    .dataCarsLocationByPassenger['message']
                                        [controller.carsOrder]['last_name']
                                    .toString(),
                            style: AppStyle.title,
                          ),
                          Text(
                            'Age is  '.tr +
                                controller
                                    .dataCarsLocationByPassenger['message']
                                        [controller.carsOrder]['age']
                                    .toString(),
                            style: AppStyle.title,
                          ),
                        ],
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: [
                          Text(
                            controller.dataCarsLocationByPassenger['message']
                                    [controller.carsOrder]['make']
                                .toString(),
                            style: AppStyle.title,
                          ),
                          Text(
                            controller.dataCarsLocationByPassenger['message']
                                    [controller.carsOrder]['model']
                                .toString(),
                            style: AppStyle.title,
                          ),
                          Text(
                            controller.dataCarsLocationByPassenger['message']
                                    [controller.carsOrder]['seats']
                                .toString(),
                            style: AppStyle.title,
                          ),
                        ],
                      ),
                      Text(
                        'Rating is  '.tr +
                            controller.dataCarsLocationByPassenger['message']
                                    [controller.carsOrder]['ratingDriver']
                                .toString(),
                        style: AppStyle.title,
                      ),
                    ],
                  ),
                ),
              ),
            )
          : const SizedBox()));
}