import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:service/constant/colors.dart';
import 'package:service/constant/style.dart';
import 'package:service/views/widgets/my_scafold.dart';
import 'package:service/views/widgets/my_textField.dart';

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

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

  @override
  Widget build(BuildContext context) {
    Get.put(MainController());

    return GetBuilder<MainController>(builder: (mainController) {
      return MyScaffold(
        title: 'Edit car plate'.tr,
        isleading: true,
        body: [
          Expanded(
            child: ListView.builder(
                padding: const EdgeInsets.all(16.0),
                itemCount: mainController
                    .carPlateNotEdit.length, // 10 fields + 1 save button
                itemBuilder: (context, index) {
                  var carData = mainController.carPlateNotEdit[index];
                  return Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Container(
                        decoration: AppStyle.boxDecoration1,
                        child: Column(
                          children: [
                            Image.network(
                              'https://api.sefer.live/sefer/card_image/car_front-${carData['driverID']}.jpg',
                              height: 200,
                              width: double.maxFinite,
                              fit: BoxFit.fill,
                            ),
                            const SizedBox(
                              height: 9,
                            ),
                            Form(
                                child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                              children: [
                                IconButton(
                                  onPressed: () async {
                                    await mainController.editCarPlateNotEdit(
                                      carData['driverID'].toString(),
                                      mainController.carplateController.text,
                                    );
                                  },
                                  icon: const Icon(
                                    Icons.upload_outlined,
                                    color: AppColor.blueColor,
                                  ),
                                ),
                                SizedBox(
                                  width: Get.width * .6,
                                  child: MyTextForm(
                                    controller:
                                        mainController.carplateController,
                                    label: 'car plate'.tr,
                                    hint: 'car plate'.tr,
                                    type: TextInputType.name,
                                  ),
                                ),
                              ],
                            ))
                          ],
                        )),
                  );
                }),
          ),
        ],
      );
    });
  }
}