import 'dart:convert';
import 'dart:core';

import 'package:flutter/material.dart';
import 'package:siopas/models/transfer_peti_model.dart';
import 'package:siopas/pages/transfer_peti/controller/transfer_peti_controller.dart';
import 'package:siopas/pages/transfer_peti/edit-finish.dart';
import 'package:siopas/services/controllerApi.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';
import 'package:qr_code_scanner/qr_code_scanner.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:siopas/models/m_asset_status_model.dart';
import 'package:siopas/models/warehouse_mode.dart';
import 'package:intl/date_symbol_data_local.dart'; // Import package intl
import 'package:dropdown_search/dropdown_search.dart';

import '../../models/user_model.dart';
import '../../providers/auth_provider.dart';
import 'package:collection/collection.dart';

class EditTransferPetiPage extends StatefulWidget {
  const EditTransferPetiPage({Key? key}) : super(key: key);

  @override
  State<EditTransferPetiPage> createState() => _EditTransferPetiPageState();
}

class _EditTransferPetiPageState extends State<EditTransferPetiPage> {
  String? token;
  PetiAssetModel? petiSqfliteApi;
  WarehouseModel? warehouseSqfliteApi;
  List<PetiAssetModel>? _valpeti;
  List<PetiAssetModel> _filteredPetiList = [];
  bool isQRCodeScanned = false;
  String searchText = '';
  PetiAssetModel? selectedPeti;

  List<PetiAssetModel>? selectedPetiList = [];
  List<PetiAssetModel> scannedPetiList = [];
  List<PetiAssetModel> localSelectedPetiList = [];
  List<TransferPetiModel> temporaryDataList = [];
  List<TransferPetiModel>? _data;

  final _formKey = GlobalKey<FormState>();
  final GlobalKey qrKey = GlobalKey(debugLabel: 'QR');
  Barcode? result;
  QRViewController? controller;
  bool loading = true;

  TextEditingController searchBoxController = TextEditingController();

  @override
  void initState() {
    super.initState();
    _getUserToken();
    petiListAPI();
    initializeDateFormatting('id_ID', null);
    assetStatusListSqflite();
    getSelectedPetiListFromSharedPreferences().then((retrievedPetiList) {
      setState(() {
        // Update the state with the retrieved list
        selectedPetiList = retrievedPetiList;
        loading = false;
      });
    });
  }

  void _getUserToken() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    if (mounted) {
      setState(() {
        token = prefs.getString('token');
        loading = false;
      });
    }
  }

  // Menyimpan nilai ke SharedPreferences untuk Menu 2
  void saveSelectedPetiListToSharedPreferences(
      List<PetiAssetModel> selectedPetiList) async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    List<Map<String, dynamic>> petiListJson =
        selectedPetiList.map((peti) => peti.toJson()).toList();
    List<String> petiListJsonString =
        petiListJson.map((peti) => json.encode(peti)).toList();
    prefs.setStringList('menu2_transferPetiList', petiListJsonString);
  }

// Mendapatkan nilai dari SharedPreferences untuk Menu 2
  Future<List<PetiAssetModel>>
      getSelectedPetiListFromSharedPreferences() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    List<String>? petiListJson = prefs.getStringList('menu2_transferPetiList');
    if (petiListJson != null) {
      List<PetiAssetModel> selectedPetiList = petiListJson
          .map((petiJson) => PetiAssetModel.fromJson(json.decode(petiJson)))
          .toList();
      return selectedPetiList;
    } else {
      return [];
    }
  }

  void _handlePetiScanResult(int petiId) {
    bool isPetiInAssetStatusList =
        _data?.any((assetStatus) => assetStatus.peti_id == petiId) ?? false;

    bool isPetiInSelectedPetiList =
        selectedPetiList!.any((peti) => peti.id == petiId);

    PetiAssetModel? petiSqfliteApi = _valpeti?.firstWhereOrNull(
      (peti) => peti.id == petiId,
    );

    String fixLot = petiSqfliteApi?.fix_lot ??
        ''; // Menyimpan nilai fix_lot jika petiSqfliteApi tidak null

    if (isPetiInAssetStatusList) {
      showErrorMessage(
        'Peti dengan $fixLot sudah terdaftar dalam daftar menu transfer peti. Harap periksa kembali.',
        Colors.yellow[700]!,
      );
    } else if (!isPetiInSelectedPetiList) {
      PetiAssetModel? allowedPeti = _valpeti?.firstWhereOrNull(
        (peti) =>
            peti.id == petiId &&
            peti.deleted_at != true &&
            peti.status == 'AKTIF',
      );

      if (allowedPeti != null) {
        setState(() {
          isQRCodeScanned = true;
          _filteredPetiList = [allowedPeti];
          petiSqfliteApi = allowedPeti;
          selectedPetiList!.add(allowedPeti);
          saveSelectedPetiListToSharedPreferences(selectedPetiList!);
        });
      } else {
        showErrorMessage(
          'Data Peti tidak ditemukan atau tidak sesuai dengan hak akses.',
          Colors.red[700]!,
        );
        setState(() {
          isQRCodeScanned = false;
          petiSqfliteApi = null;
        });
      }
    } else {
      showErrorMessage(
        'Peti dengan $fixLot sudah ada dalam daftar pilihan List Peti. Harap periksa kembali.',
        Colors.yellow[700]!,
      );
    }
  }

  void _onQRViewCreated(QRViewController controller) async {
    this.controller = controller;
    bool scanned = false;

    // Code to auto-focus the back camera
    controller.flipCamera();
    await Future.delayed(const Duration(milliseconds: 400));
    controller.flipCamera();

    controller.scannedDataStream.listen(
      (scanData) async {
        if (!scanned) {
          try {
            result = scanData;
            List<String> lines = result!.code!.split('\n');
            String idPeti = '';
            String idWarehouse = '';
            for (String line in lines) {
              if (line.contains(';')) {
                List<String> values = line.split(';');
                if (values.length >= 3) {
                  idPeti = values[1];
                  idWarehouse = values[2];
                  break;
                }
              }
            }
            int? petiId = int.tryParse(idPeti);

            if (petiId != null) {
              _handlePetiScanResult(petiId);
            } else {
              showErrorMessage(
                'Nilai QR Code tidak sesuai dengan yang diharapkan.',
                Colors.yellow[700]!,
              );
              setState(() {
                isQRCodeScanned = false;
                petiSqfliteApi = null;
              });
            }

            scanned = true;
          } catch (e) {
            controller.stopCamera();
            setState(() {
              petiSqfliteApi = null;
            });
            print('Error scanning QR Code: $e');
            showErrorMessage(e.toString(), Colors.red[700]!);
          } finally {
            controller.stopCamera();
            await Future.delayed(Duration(milliseconds: 500));
            if (mounted) {
              Navigator.of(context).pop();
            }
          }
        }
      },
    );
  }

  void showErrorMessage(String message, Color backgroundColor) {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text(
          message,
          style: TextStyle(
            color: Colors.black,
            fontSize: 12,
          ),
        ),
        backgroundColor: backgroundColor,
      ),
    );
  }

  Future assetStatusListSqflite() async {
    if (mounted) {
      await ControllerTransferPeti()
          .fetchTransferPetiLocalController()
          .then((value) {
        setState(() {
          _data = (value as List<dynamic>)
              .map((e) => TransferPetiModel.fromJson(e))
              .toList();
          loading = false;
        });
      });
    }
  }

  Future petiListAPI() async {
    if (mounted) {
      await ControllerApi().fetchPetiDataAPI().then((value) {
        setState(() {
          _valpeti = (value as List<dynamic>)
              .map((item) => PetiAssetModel.fromJson(item))
              .toList();
          loading = false;
        });
      });
    }
  }

  Future<List<PetiAssetModel>> _petiListAPI() async {
    List petiList = await ControllerApi().fetchPetiDataAPI();
    return petiList.map((item) => PetiAssetModel.fromJson(item)).toList();
  }

  @override
  Widget build(BuildContext context) {
    AuthProvider authProvider =
        Provider.of<AuthProvider>(context, listen: false);
    UserModel user = authProvider.user;

    Future<void> saveAssetData() async {
      print('Entering saveAssetData');
      DateTime now = DateTime.now().toLocal();
      String formattedDate = DateFormat('yyyy-MM-dd HH:mm:ss.SSS').format(now);

      // Cek apakah ada item yang dipilih di dalam selectedPetiList
      if (selectedPetiList!.any((peti) => peti == null)) {
        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
          content: Text("Pilih setidaknya satu peti"),
          backgroundColor: Colors.red,
        ));
        print('Exiting saveAssetData - No peti selected');
        return;
      }

      // Iterasi melalui selectedPetiList
      for (var peti in selectedPetiList!) {
        // Buat model baru
        TransferPetiModel assetAddModel = TransferPetiModel(
          id: null,
          peti_id: peti!.id,
          // Tambahkan properti lainnya sesuai kebutuhan
        );

        int index =
            temporaryDataList.indexWhere((data) => data.peti_id == peti.id);

        if (index != -1) {
          // Jika peti_id sudah ada, ganti entri yang sudah ada
          temporaryDataList[index] = assetAddModel;
        } else {
          // Jika peti_id belum ada, tambahkan ke dalam list
          temporaryDataList.add(assetAddModel);
        }
      }

      print('Temporary data added. Length: ${temporaryDataList.length}');
      // Navigasi ke halaman selanjutnya dengan membawa data temporaryDataList
      Navigator.push(
        context,
        MaterialPageRoute(
          builder: (context) => EditFinishTransferPeti(
            temporaryDataList: temporaryDataList,
          ),
        ),
      );
      print('Exiting saveAssetData');
    }

    Future<void> checkAndAddPeti(PetiAssetModel value) async {
      // print('Checking and adding Peti: ${value.fix_lot}');
      List assetStatusList =
          await ControllerTransferPeti().fetchTransferPetiLocalController();

      // Ensure assetStatusList is of type List
      if (assetStatusList is List) {
        // Convert JSON strings to AssetStatusModel objects
        assetStatusList = assetStatusList
            .map((item) =>
                TransferPetiModel.fromJson(item as Map<String, dynamic>))
            .toList();
      }

      bool isPetiInSqflite =
          assetStatusList.any((assetStatus) => assetStatus.peti_id == value.id);

      bool isPetiInLocalList = localSelectedPetiList.contains(value);

      bool isPetiInSelectedPetiList =
          selectedPetiList!.any((peti) => peti.id == value.id);

      if (isPetiInSqflite) {
        // print('Peti is already in Sqflite.');
        showErrorMessage(
          'Peti dengan ${value.fix_lot} sudah ada dalam daftar menu transfer peti. Harap periksa kembali.',
          Colors.yellow[700]!,
        );
      } else if (isPetiInSelectedPetiList || isPetiInLocalList) {
        // print('Peti is already in selectedPetiList.');
        showErrorMessage(
          'Peti dengan ${value.fix_lot} sudah ada dalam daftar pilihan List Peti. Harap periksa kembali.',
          Colors.yellow[700]!,
        );
      } else {
        // If the item passes all conditions, add it to the list
        print('Adding Peti to the list.');
        setState(() {
          selectedPetiList!.add(value);
          saveSelectedPetiListToSharedPreferences(selectedPetiList!);
        });
      }
    }

// Function to remove peti data from SharedPreferences
    Future<void> removePetiFromSharedPreferences(
        PetiAssetModel removedPeti) async {
      SharedPreferences prefs = await SharedPreferences.getInstance();

      // Retrieve existing data from SharedPreferences
      List<String>? petiListJson =
          prefs.getStringList('menu2_transferPetiList');

      if (petiListJson != null) {
        // Convert JSON strings to PetiAssetModel objects
        List<PetiAssetModel> existingPetiList = petiListJson
            .map((petiJson) => PetiAssetModel.fromJson(json.decode(petiJson)))
            .toList();

        // Remove the specified peti from the list
        existingPetiList.removeWhere((peti) => peti.id == removedPeti.id);

        // Save the updated list back to SharedPreferences
        List<String> updatedPetiListJson =
            existingPetiList.map((peti) => json.encode(peti.toJson())).toList();

        prefs.setStringList('menu2_transferPetiList', updatedPetiListJson);
      }
    }

    void removePeti(int index) async {
      PetiAssetModel? selectedPeti =
          selectedPetiList != null ? selectedPetiList![index] : null;

      print(
          'Before Remove: ${selectedPeti?.fix_lot}'); // Cetak atribut tertentu sebelum penghapusan

      if (index >= 0 && index < selectedPetiList!.length) {
        if (mounted) {
          // Simpan peti yang akan dihapus
          PetiAssetModel removedPeti = selectedPetiList![index];

          // Hapus item dari selectedPetiList
          selectedPetiList!.removeAt(index);

          // Hapus entri yang sesuai dari temporaryDataList berdasarkan peti_id
          temporaryDataList
              .removeWhere((data) => data.peti_id == removedPeti.id);

          // Hapus data dari SharedPreferences
          await removePetiFromSharedPreferences(removedPeti);

          print(
              'After Remove: ${selectedPeti?.fix_lot}'); // Cetak daftar setelah penghapusan
        }
      } else {
        print('Invalid index: $index. Tidak ada penghapusan yang dilakukan.');
      }
    }

    var scanArea = (MediaQuery.of(context).size.width < 400 ||
            MediaQuery.of(context).size.height < 400)
        ? 250.0
        : 300.0;

    return WillPopScope(
      onWillPop: () async {
        // Mencegah kembali ke halaman sebelumnya
        return false;
      },
      child: Scaffold(
        backgroundColor: Colors.grey[100],
        appBar: AppBar(
          automaticallyImplyLeading: false,
          backgroundColor: Colors.indigo[700],
          elevation: 0,
          title: Text('Buat Transfer Peti',
              style: TextStyle(
                fontSize: 16,
              )),
        ),
        body: loading
            ? Center(child: CircularProgressIndicator())
            : SingleChildScrollView(
                child: Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Form(
                    key: _formKey,
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.stretch,
                      children: [
                        Card(
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(10),
                            side: BorderSide(
                                color: Colors.grey.withOpacity(0.8),
                                width:
                                    1), // Tambahkan ini untuk menambahkan border
                          ),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Container(
                                margin:
                                    EdgeInsets.only(left: 8, right: 8, top: 13),
                                child: Text(
                                  'Tambah List Peti / Scan Peti:',
                                  style: TextStyle(
                                    fontSize: 14,
                                    fontWeight: FontWeight.bold,
                                  ),
                                ),
                              ),
                              Row(
                                children: [
                                  Expanded(
                                    child: Container(
                                      margin: EdgeInsets.only(left: 8),
                                      child:
                                          FutureBuilder<List<PetiAssetModel>>(
                                        future: _petiListAPI(),
                                        builder: (context,
                                            AsyncSnapshot<List<PetiAssetModel>>
                                                snapshot) {
                                          if (snapshot.connectionState ==
                                              ConnectionState.waiting) {
                                            return Center(
                                              child:
                                                  CircularProgressIndicator(),
                                            );
                                          } else if (snapshot.hasError) {
                                            return Text(
                                                'Error: ${snapshot.error}');
                                          } else {
                                            List<PetiAssetModel> filteredItems =
                                                snapshot.data?.where((peti) {
                                                      // Replace the condition with your logic
                                                      return !localSelectedPetiList
                                                              .contains(
                                                                  peti.id) &&
                                                          !scannedPetiList
                                                              .contains(
                                                                  peti.id);
                                                    }).toList() ??
                                                    [];
                                            return DropdownSearch<
                                                PetiAssetModel>(
                                              popupProps:
                                                  PopupProps.bottomSheet(
                                                showSearchBox: true,
                                                itemBuilder: (context,
                                                    PetiAssetModel? peti,
                                                    bool? isSelected) {
                                                  if (peti == null) {
                                                    return SizedBox.shrink();
                                                  }
                                                  String itemAsString(
                                                      PetiAssetModel item) {
                                                    return item.fix_lot ?? '';
                                                  }

                                                  // Convert the item to a string for comparison
                                                  String petiAsString =
                                                      itemAsString(peti);

                                                  // Check if the selected item is already in the list obtained from SharedPreferences
                                                  bool
                                                      isPetiInSharedPreferences =
                                                      localSelectedPetiList.any(
                                                          (selectedPeti) =>
                                                              itemAsString(
                                                                  selectedPeti) ==
                                                              petiAsString);

                                                  // Check if the selected item is already in the list of scanned peti IDs
                                                  bool isPetiInScannedList =
                                                      scannedPetiList.any(
                                                          (scannedPeti) =>
                                                              itemAsString(
                                                                  scannedPeti) ==
                                                              petiAsString);

                                                  // Include the item only if it's not in either list
                                                  if (!isPetiInSharedPreferences &&
                                                      !isPetiInScannedList) {
                                                    // Tentukan warna dan ikon berdasarkan kondisi status
                                                    Color bulletColor =
                                                        peti.status == 'AKTIF'
                                                            ? Colors.green
                                                            : Colors.red;
                                                    IconData bulletIcon =
                                                        peti.status == 'AKTIF'
                                                            ? Icons.circle
                                                            : Icons.circle;

                                                    return Container(
                                                      child: Column(
                                                        children: [
                                                          ListTile(
                                                            title: Text(
                                                              peti.fix_lot
                                                                  .toString(),
                                                              style: TextStyle(
                                                                fontSize: 16,
                                                                fontFamily:
                                                                    'OpenSansCondensed',
                                                              ),
                                                            ),
                                                            leading: Icon(
                                                              bulletIcon,
                                                              color:
                                                                  bulletColor,
                                                              size: 24,
                                                            ),
                                                          ),
                                                          Divider(
                                                            height: 1,
                                                            color: Colors
                                                                .grey, // Warna pembatas (divider)
                                                          ),
                                                        ],
                                                      ),
                                                      color: peti.id ==
                                                              petiSqfliteApi?.id
                                                          ? Colors.grey
                                                              .withOpacity(0.7)
                                                          : Colors.white,
                                                    );
                                                  } else {
                                                    // Return an empty container for items that should be hidden
                                                    return SizedBox.shrink();
                                                  }
                                                },
                                                fit: FlexFit.loose,
                                                title: Padding(
                                                  padding: EdgeInsets.all(8.0),
                                                  child: Column(
                                                    children: [
                                                      Row(
                                                        mainAxisAlignment:
                                                            MainAxisAlignment
                                                                .spaceBetween,
                                                        children: [
                                                          Text(
                                                            'Pilih Peti',
                                                            style: TextStyle(
                                                                fontSize: 18,
                                                                fontWeight:
                                                                    FontWeight
                                                                        .bold),
                                                          ),
                                                          IconButton(
                                                            icon: Icon(
                                                              Icons.close,
                                                              color: Colors.red,
                                                            ),
                                                            onPressed: () {
                                                              Future.delayed(
                                                                  Duration.zero,
                                                                  () {
                                                                Navigator.pop(
                                                                    context);
                                                              });
                                                            },
                                                          ),
                                                        ],
                                                      ),
                                                      Divider(),
                                                    ],
                                                  ),
                                                ),
                                              ),
                                              dropdownDecoratorProps:
                                                  DropDownDecoratorProps(
                                                dropdownSearchDecoration:
                                                    InputDecoration(
                                                  hintText: 'Pilih Peti',
                                                  border: OutlineInputBorder(
                                                    borderRadius:
                                                        BorderRadius.all(
                                                      Radius.circular(5.0),
                                                    ),
                                                  ),
                                                ),
                                              ),
                                              items: filteredItems,
                                              itemAsString:
                                                  (PetiAssetModel item) =>
                                                      item.fix_lot ?? '',
                                              onBeforeChange: (PetiAssetModel?
                                                      from,
                                                  PetiAssetModel? to) async {
                                                // The logic here should remain the same
                                                bool isPetiInSharedPreferences =
                                                    localSelectedPetiList
                                                        .contains(to);
                                                bool isPetiInScannedList =
                                                    scannedPetiList
                                                        .contains(to?.id);

                                                if (isPetiInSharedPreferences ||
                                                    isPetiInScannedList) {
                                                  showErrorMessage(
                                                    'Peti dengan ${to?.fix_lot} sudah ada dalam daftar pilihan List Peti. Harap periksa kembali.',
                                                    Colors.yellow[700]!,
                                                  );

                                                  // Wait for a short time to display the error message before returning false
                                                  await Future.delayed(Duration(
                                                      milliseconds: 500));
                                                  return false; // Cancel the change
                                                }

                                                return true; // Allow the change
                                              },
                                              onChanged: (PetiAssetModel?
                                                  value) async {
                                                if (value != null) {
                                                  bool
                                                      isPetiInSharedPreferences =
                                                      localSelectedPetiList
                                                          .contains(value);
                                                  bool isPetiInScannedList =
                                                      scannedPetiList
                                                          .contains(value.id);

                                                  if (isPetiInSharedPreferences ||
                                                      isPetiInScannedList) {
                                                    print(
                                                        'Peti is already in SharedPreferences or Scanned List.');
                                                    showErrorMessage(
                                                      'Peti dengan ${value.fix_lot} sudah ada dalam daftar pilihan List Peti. Harap periksa kembali.',
                                                      Colors.yellow[700]!,
                                                    );
                                                  } else {
                                                    // Move the asynchronous work outside the setState
                                                    await checkAndAddPeti(
                                                        value);
                                                  }
                                                }
                                              },
                                            );
                                          }
                                        },
                                      ),
                                    ),
                                  ),
                                  SizedBox(width: 8), // Spacer antara dua card
                                  Container(
                                    margin: EdgeInsets.all(8),
                                    height:
                                        MediaQuery.of(context).size.height / 10,
                                    decoration: BoxDecoration(
                                      color: Colors.indigoAccent,
                                      borderRadius: BorderRadius.circular(15),
                                      border: Border.all(
                                        color: Colors.white,
                                        width: 3,
                                      ),
                                    ),
                                    child: IconButton(
                                      onPressed: () {
                                        showModalBottomSheet(
                                          context: context,
                                          isScrollControlled:
                                              true, // Set modal menjadi fullscreen
                                          builder: (BuildContext context) {
                                            return Stack(
                                              alignment: Alignment.center,
                                              children: [
                                                Container(
                                                  height: double.infinity,
                                                  width: double.infinity,
                                                  child: QRView(
                                                    key: qrKey,
                                                    onQRViewCreated:
                                                        _onQRViewCreated,
                                                    overlay:
                                                        QrScannerOverlayShape(
                                                      borderColor: Colors.red,
                                                      borderRadius: 10,
                                                      borderLength: 30,
                                                      borderWidth: 10,
                                                      cutOutSize: scanArea,
                                                    ),
                                                  ),
                                                ),
                                                Positioned(
                                                  bottom: 30,
                                                  height: 60,
                                                  child: Container(
                                                    height:
                                                        60, // Lebar dan tinggi sesuai kebutuhan
                                                    width: 60,
                                                    decoration: BoxDecoration(
                                                      shape: BoxShape.circle,
                                                      color: Colors
                                                          .red, // Warna merah untuk close
                                                    ),
                                                    child: IconButton(
                                                      onPressed: () {
                                                        Navigator.of(context)
                                                            .pop();
                                                      },
                                                      icon: Icon(
                                                        Icons.close,
                                                        size: 40,
                                                      ),
                                                      color: Colors.white,
                                                    ),
                                                  ),
                                                ),
                                              ],
                                            );
                                          },
                                        );
                                      },
                                      icon: Icon(
                                        Icons.qr_code,
                                        size: 30,
                                      ),
                                      color: Colors.white, // Warna ikon
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ),
                        Divider(),
                        SizedBox(height: 8),
                        Visibility(
                          visible: selectedPetiList!.isEmpty == false,
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Container(
                                margin: EdgeInsets.only(left: 8, bottom: 8),
                                child: Text(
                                  'List Peti:',
                                  style: TextStyle(
                                    fontSize: 14,
                                    fontWeight: FontWeight.bold,
                                  ),
                                ),
                              ),
                              Card(
                                shape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.circular(10),
                                  side: BorderSide(
                                      color: Colors.grey.withOpacity(0.8),
                                      width:
                                          1), // Tambahkan ini untuk menambahkan border
                                ),
                                child: Container(
                                  margin: EdgeInsets.all(8),
                                  child: ListView.builder(
                                    shrinkWrap: true,
                                    physics: NeverScrollableScrollPhysics(),
                                    itemCount: selectedPetiList!.length,
                                    itemBuilder: (BuildContext context, int i) {
                                      return Container(
                                        margin: EdgeInsets.only(bottom: 8),
                                        padding: EdgeInsets.all(8),
                                        child: Row(
                                          children: [
                                            Text(
                                              '${i + 1}.',
                                              style: TextStyle(
                                                fontSize: 14,
                                                fontWeight: FontWeight.bold,
                                              ),
                                            ),
                                            SizedBox(width: 8),
                                            Expanded(
                                              child: Container(
                                                padding: EdgeInsets.all(8.0),
                                                decoration: BoxDecoration(
                                                  borderRadius:
                                                      BorderRadius.circular(
                                                          5.0),
                                                  border: Border.all(
                                                      color: Colors.grey),
                                                ),
                                                child: Column(
                                                  crossAxisAlignment:
                                                      CrossAxisAlignment.start,
                                                  children: [
                                                    Text(
                                                      selectedPetiList![i]
                                                              ?.fix_lot ??
                                                          'Belum dipilih',
                                                      style: TextStyle(
                                                          fontSize: 16,
                                                          fontFamily:
                                                              'OpenSansCondensed'),
                                                    ),
                                                  ],
                                                ),
                                              ),
                                            ),
                                            Container(
                                              margin: EdgeInsets.only(left: 8),
                                              width: 30,
                                              height: 30,
                                              decoration: BoxDecoration(
                                                shape: BoxShape.circle,
                                                color: Colors.red,
                                              ),
                                              child: InkWell(
                                                onTap: () {
                                                  setState(() {
                                                    removePeti(i);
                                                  });
                                                },
                                                child: Center(
                                                  child: Icon(
                                                    Icons.delete,
                                                    color: Colors.white,
                                                  ),
                                                ),
                                              ),
                                            ),
                                          ],
                                        ),
                                      );
                                    },
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
              ),
        bottomNavigationBar: BottomAppBar(
          height: MediaQuery.of(context).size.height / 10,
          color: Color.fromARGB(255, 5, 28, 158),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Container(
                width: MediaQuery.of(context).size.width / 3,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Container(
                      height: 50, // Lebar dan tinggi sesuai kebutuhan
                      width: 50,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Colors.red, // Warna merah untuk close
                      ),
                      child: IconButton(
                        onPressed: () {
                          Navigator.pop(context);
                        },
                        icon: Icon(Icons.close, color: Colors.white),
                      ),
                    ),
                  ],
                ),
              ),
              Container(
                width: MediaQuery.of(context).size.width / 3,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Container(
                      height: 50,
                      width: 50,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Colors.blue,
                      ),
                      child: IconButton(
                        onPressed: () async {
                          // Cek apakah ada setidaknya satu peti terpilih
                          if (selectedPetiList!.isEmpty ||
                              selectedPetiList!.any((peti) => peti == null)) {
                            ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                              content: Text(
                                "Tidak ada peti yang dipilih",
                                style: TextStyle(
                                  color: Colors.black,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                              backgroundColor: Colors.yellow[700],
                            ));
                            return;
                          }

                          await saveAssetData();
                        },
                        icon: Icon(Icons.save, color: Colors.white),
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}