import 'package:SEFER/constant/colors.dart';
import 'package:SEFER/constant/style.dart';
import 'package:SEFER/views/widgets/my_scafold.dart';
import 'package:SEFER/views/widgets/mycircular.dart';
import 'package:flutter/material.dart';
import 'package:flutter_font_icons/flutter_font_icons.dart';
import 'package:get/get.dart';

import '../../auth/captin/driver_car_controller.dart';
import '../../widgets/elevated_btn.dart';
import 'cars_inserting_page.dart';

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

  @override
  Widget build(BuildContext context) {
    Get.put(DriverCarController());
    return MyScafolld(
        title: "Add new car".tr,
        body: [
          Column(
            children: [
              MyElevatedButton(
                title: "Add new car".tr,
                onPressed: () async {
                  Get.to(() => CarsInsertingPage());
                },
              ),
              Expanded(
                child: GetBuilder<DriverCarController>(
                  builder: (controller) {
                    return controller.isLoading
                        ? const MyCircularProgressIndicator()
                        : ListView.builder(
                            itemCount: controller.cars.length,
                            itemBuilder: (context, index) {
                              final car = controller.cars[index];
                              return Padding(
                                padding: const EdgeInsets.all(4.0),
                                child: Card(
                                  elevation: 2,
                                  child: ListTile(
                                    leading: Icon(
                                      Fontisto.car,
                                      size: 50,
                                      color: Color(int.parse(car['color_hex']
                                          .replaceFirst('#', '0xff'))),
                                    ),
                                    title: Text(
                                      car['make'],
                                      style: AppStyle.title,
                                    ), // Assuming `make` is a field in each car item
                                    subtitle: Row(
                                      mainAxisAlignment:
                                          MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          car['model'],
                                          style: AppStyle.title,
                                        ),
                                        Container(
                                          decoration: BoxDecoration(
                                              border: Border.all(
                                                  color: AppColor.blueColor)),
                                          child: Padding(
                                            padding: const EdgeInsets.symmetric(
                                                horizontal: 4),
                                            child: Text(
                                              car['car_plate'],
                                              style: AppStyle.title,
                                            ),
                                          ),
                                        ),
                                        Text(
                                          car['year'],
                                          style: AppStyle.title,
                                        ),
                                      ],
                                    ), // Assuming `model` is a field in each car item
                                    trailing: IconButton(
                                      icon: const Icon(Icons.delete),
                                      onPressed: () {
                                        // Add logic here to remove a car
                                        controller
                                            .removeCar(car['id'].toString());
                                      },
                                    ),
                                    onTap: () {
                                      // Add logic to view or edit the car details
                                    },
                                  ),
                                ),
                              );
                            },
                          );
                  },
                ),
              ),
            ],
          )
        ],
        isleading: true);
  }
}