import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:flutter_form_builder/flutter_form_builder.dart';
import 'package:intl/date_symbol_data_local.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/connection/connection.dart';
import 'package:http/http.dart' as http;
import 'package:siopas/models/asset_status_model.dart';
import 'package:siopas/models/m_asset_status_model.dart';
// import 'package:siopas/models/m_asset_status_model.dart';
import 'package:siopas/models/user_model.dart';
import 'package:siopas/models/warehouse_mode.dart';
import 'package:siopas/providers/auth_provider.dart';

class EditTransferPetiPage extends StatefulWidget {
  const EditTransferPetiPage({super.key});

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

class EditTransferPetiPageState extends State<EditTransferPetiPage> {
  List<PetiAssetModel> _dataAsset = [];
  List<WarehouseModel> _dataWarehouse = [];
  bool _isLoading = false;
  String? token;
  PetiAssetModel? _valAsset;
  WarehouseModel? _valWarehouse_asal_gudang;
  WarehouseModel? _valWarehouse_tujuan_gudang;
  // TextEditingController _exit_atController = TextEditingController();
  // TextEditingController _est_pengembalianController = TextEditingController();
  // TextEditingController _penanggungJawabController = TextEditingController();
  final _formKey = GlobalKey<FormState>();

  final GlobalKey qrKey = GlobalKey(debugLabel: 'QR');
  Barcode? result;
  QRViewController? controller;

  @override
  void initState() {
    super.initState();
    _getUserToken();
    fetchDataWarehouse();
    fetchDataAsset();
    initializeDateFormatting('id_ID');
  }

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

  Future<void> fetchDataAsset() async {
    setState(() {
      _isLoading = true;
    });

    final response = await http.get(Uri.parse('$baseUrl/peti-asset'));

    if (mounted) {
      // Periksa apakah widget masih "mounted"
      if (response.statusCode == 200) {
        final jsonData = json.decode(response.body)['data']['petis'];

        final List<PetiAssetModel> newDataAsset = (jsonData as List)
            .map((item) => PetiAssetModel.fromJson(item))
            .toList();

        if (mounted) {
          // Periksa lagi sebelum memanggil setState
          setState(() {
            _dataAsset.addAll(newDataAsset);
            _isLoading = false;
          });
        }
      } else {
        if (mounted) {
          setState(() {
            _isLoading = false;
          });
        }
        throw Exception('Failed to fetch data Asset Status');
      }
    }
  }

  Future<void> fetchDataWarehouse() async {
    setState(() {
      _isLoading = true;
    });

    final response = await http.get(Uri.parse('$baseUrl/m-warehouse'));

    if (mounted) {
      if (response.statusCode == 200) {
        final jsonData = json.decode(response.body)['data']['warehouse'];

        final List<WarehouseModel> newDataWarehouse = (jsonData as List)
            .map((item) => WarehouseModel.fromJson(item))
            .toList();

        if (mounted) {
          setState(() {
            _dataWarehouse.addAll(newDataWarehouse);
            _isLoading = false;
          });
        }
      } else {
        if (mounted) {
          setState(() {
            _isLoading = false;
          });
        }
        throw Exception('Failed to fetch data Warehouse');
      }
    }
  }

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

    // code to auto focus kamera belakang
    controller.flipCamera();
    await Future.delayed(const Duration(milliseconds: 400));
    controller.flipCamera();

    controller.scannedDataStream.listen((scanData) {
      if (!scanned) {
        try {
          setState(() {
            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);
            int? warehouseId = int.tryParse(idWarehouse);

            if (petiId != null && warehouseId != null) {
              _valAsset = _dataAsset.firstWhere(
                (peti) => peti.id == petiId,
                orElse: () => _valAsset!,
              );

              _valWarehouse_asal_gudang = _dataWarehouse.firstWhere(
                (warehouse) => warehouse.id == warehouseId,
                orElse: () => _valWarehouse_asal_gudang!,
              );
            } else {
              // Jika nilai yang dipindai tidak sesuai, tampilkan pesan kesalahan
              ScaffoldMessenger.of(context).showSnackBar(
                SnackBar(
                  content: Row(
                    children: [
                      Icon(
                        Icons.warning,
                        color: Colors.black, // Warna ikon
                      ),
                      SizedBox(width: 8), // Jarak antara ikon dan teks
                      Text(
                        'Nilai QR Code tidak sesuai dengan yang diharapkan.',
                        style: TextStyle(
                          color: Colors.black,
                          fontSize: 12,
                        ), // Warna teks
                      ),
                    ],
                  ),
                  backgroundColor:
                      Colors.yellow[700], // Warna latar belakang SnackBar
                ),
              );
            }

            scanned = true;
          });

          controller.stopCamera();

          Future.delayed(Duration(milliseconds: 500), () {
            if (mounted) {
              Navigator.of(context).pop();
            }
          });
        } catch (e) {
          print('Error scanning QR Code: $e');
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(
              content: Text('Error scanning QR Code: $e'),
            ),
          );
        }
      }
    });
  }

  @override
  void dispose() {
    super.dispose();
    controller?.dispose();
  }

  @override
  Widget build(BuildContext context) {
    AuthProvider authProvider =
        Provider.of<AuthProvider>(context, listen: false);
    UserModel user = authProvider.user;
    var scanArea = (MediaQuery.of(context).size.width < 400 ||
            MediaQuery.of(context).size.height < 400)
        ? 150.0
        : 300.0;

    // var now = DateTime.now();
    // var dt = DateTime(DateTime.now().year, DateTime.now().month,
    //     DateTime.now().day, DateTime.now().hour, DateTime.now().minute);

    // // _exit_atController.text = DateFormat('yyyy-MM-dd HH:mm:ss').format(dt);
    // _exit_atController.text = DateFormat('dd-MM-yyyy').format(dt);

    Future<void> _updateTransferPeti() async {
      setState(() {
        _isLoading = true;
      });

      try {
        final response = await http.put(
          Uri.parse('$baseUrl/peti-asset/update/${_valAsset!.id}'),
          headers: {
            'Content-Type': 'application/json',
            'Authorization': token!,
          },
          body: jsonEncode({
            'warehouse_id': _valWarehouse_tujuan_gudang!.id,
            'updated_by': user.fullname,
          }),
        );

        print(response.body);

        if (response.statusCode == 200) {
          final jsonData = json.decode(response.body)['data']['petis'];

          print('Berhasil memperbarui data: $jsonData');

          // Tampilkan snackbar
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(
              backgroundColor: Colors.greenAccent[700],
              content: Row(
                children: [
                  Icon(
                    Icons.check_circle_outline,
                    color: Colors.white,
                  ),
                  SizedBox(width: 5),
                  Text('Data berhasil ditransferkan'),
                ],
              ),
              duration: Duration(seconds: 3), // Durasi tampilan snackbar
            ),
          );

          // Reset form input
          _valAsset = null;
          _valWarehouse_asal_gudang = null;
          _valWarehouse_tujuan_gudang = null;
          // _enterAtController.text = '';
          // _enterPicController.text = '';
          // _kondisiPetiController.text = '';
          // _valWarehouse = null;
        } else {
          _valAsset = null;
          _valWarehouse_asal_gudang = null;
          _valWarehouse_tujuan_gudang = null;
          throw Exception('Gagal memperbarui data Asset Status');
        }
      } catch (e) {
        print('Error updating data: $e');
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
            backgroundColor: Colors.redAccent[700],
            content: Row(
              children: [
                Icon(
                  Icons.error_outline,
                  color: Colors.white,
                ),
                SizedBox(width: 5),
                Text('Gagal memperbarui data'),
              ],
            ),
            duration: Duration(seconds: 2), // Durasi tampilan snackbar
          ),
        );
      } finally {
        if (mounted) {
          setState(() {
            _isLoading = false;
          });
        }
      }
    }

    return Scaffold(
      appBar: AppBar(
        automaticallyImplyLeading: false,
        backgroundColor: Colors.indigo[700],
        elevation: 0,
        title: Text('Buat Peminjaman Barang',
            style: TextStyle(
              fontSize: 16,
            )),
      ),
      body: _isLoading
          ? const Center(child: CircularProgressIndicator())
          : SingleChildScrollView(
              child: Padding(
                padding: const EdgeInsets.all(16),
                child: Form(
                  key: _formKey,
                  child: Column(
                    children: [
                      Row(
                        children: [
                          Expanded(
                            child: Card(
                              elevation: 2,
                              child: Container(
                                margin: EdgeInsets.all(8),
                                child: DropdownButtonFormField<PetiAssetModel>(
                                  validator: (value) {
                                    if (value == null) {
                                      return 'Harus diisi';
                                    }
                                    return null;
                                  },
                                  decoration: InputDecoration(
                                    labelText: 'Peti',
                                    border: OutlineInputBorder(),
                                  ),
                                  hint: Text("Pilih Peti"),
                                  value: _valAsset,
                                  items: _dataAsset.map((PetiAssetModel item) {
                                    return DropdownMenuItem<PetiAssetModel>(
                                      child: Text('${item.fix_lot}'),
                                      value: item,
                                    );
                                  }).toList(),
                                  onChanged: (PetiAssetModel? value) {
                                    setState(() {
                                      _valAsset = value;
                                      if (value != null) {
                                        // Set _valWarehouse berdasarkan warehouse_id dari PetiAssetModel
                                        _valWarehouse_asal_gudang =
                                            _dataWarehouse.firstWhere(
                                          (warehouse) =>
                                              warehouse.id ==
                                              int.parse(value.warehouse_id
                                                  .toString()),
                                        );
                                      }
                                    });
                                  },
                                ),
                              ),
                            ),
                          ),
                          SizedBox(width: 8), // Spacer antara dua card
                          Card(
                            elevation: 2,
                            child: Container(
                              margin: EdgeInsets.all(8),
                              height: MediaQuery.of(context).size.height / 10,
                              decoration: BoxDecoration(
                                color: Colors.indigoAccent,
                                borderRadius: BorderRadius.circular(5),
                              ),
                              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
                              ),
                            ),
                          ),
                        ],
                      ),
                      SizedBox(height: 16),
                      Card(
                        elevation: 2,
                        child: Padding(
                          padding: const EdgeInsets.all(8),
                          child: DropdownButtonFormField<WarehouseModel>(
                            validator: (value) {
                              if (value == null) {
                                return 'Harus diisi';
                              }
                              return null;
                            },
                            decoration: InputDecoration(
                              labelText: 'Asal Gudang',
                              border: OutlineInputBorder(),
                            ),
                            hint: Text("Asal Gudang"),
                            value: _valWarehouse_asal_gudang,
                            items:
                                _dataWarehouse.map((WarehouseModel warehouse) {
                              return DropdownMenuItem<WarehouseModel>(
                                child: Text('${warehouse.name}'),
                                value: warehouse,
                              );
                            }).toList(),
                            onChanged: null,
                            // (WarehouseModel? value) {
                            //   setState(() {
                            //     _valWarehouse_asal_gudang = value;
                            //   });
                            // },
                          ),
                        ),
                      ),
                      SizedBox(height: 16),
                      Card(
                        elevation: 2,
                        child: Padding(
                          padding: const EdgeInsets.all(8),
                          child: DropdownButtonFormField<WarehouseModel>(
                            validator: (value) {
                              if (value == null) {
                                return 'Harus diisi';
                              }
                              return null;
                            },
                            decoration: InputDecoration(
                              labelText: 'Tujuan Gudang',
                              border: OutlineInputBorder(),
                            ),
                            hint: Text("Tujuan Gudang"),
                            value: _valWarehouse_tujuan_gudang,
                            items:
                                _dataWarehouse.map((WarehouseModel warehouse) {
                              return DropdownMenuItem<WarehouseModel>(
                                child: Text('${warehouse.name}'),
                                value: warehouse,
                              );
                            }).toList(),
                            onChanged: (WarehouseModel? value) {
                              setState(() {
                                _valWarehouse_tujuan_gudang = value;
                              });
                            },
                          ),
                        ),
                      ),
                      Visibility(
                        visible: false,
                        child: FractionallySizedBox(
                          widthFactor: 1.0,
                          child: Card(
                            elevation: 1,
                            child: Padding(
                              padding: const EdgeInsets.all(8),
                              child: Column(
                                children: [
                                  Text(
                                    'Data dari QR Code:',
                                    style: TextStyle(
                                      fontSize: 16,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                  SizedBox(height: 8),
                                  Text(
                                    result != null && result!.code != null
                                        ? result!.code!
                                        : 'Belum ada data QR Code terpindai',
                                    style: TextStyle(fontSize: 14),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ),
      bottomNavigationBar: BottomAppBar(
        height: MediaQuery.of(context).size.height / 8,
        color: Color.fromARGB(255, 5, 28, 158), // Warna latar belakang
        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);
                        Navigator.pushNamed(context, '/transfer-peti');
                      },
                      icon: Icon(Icons.close, color: Colors.white),
                    ),
                  ),
                ],
              ),
            ),
            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.green, // Warna hijau untuk save
                    ),
                    child: IconButton(
                      onPressed: () {
                        if (_formKey.currentState!.validate()) {
                          try {
                            _updateTransferPeti();
                          } catch (e) {
                            print('Error storing data: $e');
                          }
                        }
                      },
                      icon: Icon(Icons.save, color: Colors.white),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}