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

import 'package:flutter/material.dart';
import 'package:flutter_form_builder/flutter_form_builder.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:siopas/providers/asset_status_provider.dart';

import '../../connection/connection.dart';
import 'package:http/http.dart' as http;

import '../../models/asset_status_model.dart';
import '../../models/user_model.dart';
import '../../providers/auth_provider.dart';
import '../../theme.dart';

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

  @override
  State<CreatePeminjamanBarang> createState() => _CreatePeminjamanBarangState();
}

class _CreatePeminjamanBarangState extends State<CreatePeminjamanBarang> {
  List<M_assetStatusModel> _dataAsset = [];
  List<WarehouseModel> _dataWarehouse = [];
  bool _isLoading = false;
  String? token;
  M_assetStatusModel? _valAsset;
  WarehouseModel? _valWarehouse;
  TextEditingController _tanggalController = TextEditingController();
  TextEditingController _penanggungJawabController = TextEditingController();

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

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

  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/m-asset'));

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

        final List<M_assetStatusModel> newDataAsset = (jsonData as List)
            .map((item) => M_assetStatusModel.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');
      }
    }
  }

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

    controller.scannedDataStream.listen((scanData) {
      if (!scanned) {
        try {
          setState(() {
            result = scanData;

            List<String> lines = result!.code!.split('\n');

            for (String line in lines) {
              if (line.startsWith('ID Asset:')) {
                String idAsset = line.split(': ')[1];
                // Isi formulir dropdown asset
                _valAsset = _dataAsset
                    .firstWhere((asset) => asset.id == int.parse(idAsset));
              } else if (line.startsWith('Date:')) {
                String datePeminjaman = line.split(': ')[1];
                try {
                  DateTime parsedDate =
                      DateFormat('dd-MM-yyyy').parse(datePeminjaman);
                  String formattedDate =
                      DateFormat('yyyy-MM-dd HH:mm:ss.SSS').format(parsedDate);
                  _tanggalController.text = formattedDate;
                } catch (e) {
                  print('Error parsing date: $e');
                  // Lakukan penanganan jika format tanggal tidak sesuai
                }
              } else if (line.startsWith('ID WH:')) {
                String idWarehouse = line.split(': ')[1];
                // Isi formulir dropdown gudang
                _valWarehouse = _dataWarehouse.firstWhere(
                    (warehouse) => warehouse.id == int.parse(idWarehouse));
              }
            }

            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;

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

      try {
        final response = await http.post(
          Uri.parse('$baseUrl/asset-status/store'),
          headers: {
            'Content-Type': 'application/json',
            'Authorization': token!,
          },
          body: jsonEncode({
            'asset_id': _valAsset!.id,
            'exit_at': _tanggalController.text,
            'exit_pic': _penanggungJawabController.text,
            'exit_warehouse': _valWarehouse!.id,
            'created_by': user.id,
            'updated_by': user.id,
          }),
        );

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

          print('Berhasil menyimpan 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 disimpan'),
                ],
              ),
              duration: Duration(seconds: 3), // Durasi tampilan snackbar
            ),
          );

          // Reset form input
          _tanggalController.text = '';
          _penanggungJawabController.text = '';
          _valAsset = null;
          _valWarehouse = null;
          result = null;
        } else {
          // Reset form input
          _tanggalController.text = '';
          _penanggungJawabController.text = '';
          _valAsset = null;
          _valWarehouse = null;
          result = null;
          throw Exception('Gagal menyimpan data Asset Status');
        }
      } catch (e) {
        print('Error storing 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 menyimpan data'),
              ],
            ),
            duration: Duration(seconds: 2), // Durasi tampilan snackbar
          ),
        );
      } finally {
        if (mounted) {
          setState(() {
            _isLoading = false;
          });
        }
      }
    }

    return Scaffold(
      appBar: AppBar(
        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: Column(
                  children: [
                    Card(
                      elevation: 2,
                      child: Padding(
                        padding: const EdgeInsets.all(8),
                        child: DropdownButtonFormField<M_assetStatusModel>(
                          decoration: InputDecoration(
                            labelText: 'Select Asset',
                            border: OutlineInputBorder(),
                          ),
                          hint: Text("Select Asset"),
                          value: _valAsset,
                          items: _dataAsset.map((M_assetStatusModel item) {
                            return DropdownMenuItem(
                              child: Text('${item.name}'),
                              value: item,
                            );
                          }).toList(),
                          onChanged: (M_assetStatusModel? value) {
                            setState(() {
                              _valAsset = value;
                            });
                          },
                        ),
                      ),
                    ),
                    SizedBox(height: 16),
                    Card(
                      elevation: 2,
                      child: Padding(
                        padding: const EdgeInsets.all(8),
                        child: FormBuilderDateTimePicker(
                          controller: _tanggalController,
                          name: 'tanggal',
                          inputType: InputType.date,
                          format: DateFormat('yyyy-MM-dd HH:mm:ss'),
                          decoration: InputDecoration(
                            labelText: 'Tanggal',
                            border: OutlineInputBorder(),
                            suffixIcon: Icon(Icons.calendar_today),
                          ),
                        ),
                      ),
                    ),
                    SizedBox(height: 16),
                    Card(
                      elevation: 2,
                      child: Padding(
                          padding: const EdgeInsets.all(8),
                          child: TextField(
                            controller: _penanggungJawabController =
                                TextEditingController(text: user.fullname),
                            decoration: InputDecoration(
                              labelText: 'Penanggung Jawab',
                              border: OutlineInputBorder(),
                            ),
                          )),
                    ),
                    SizedBox(height: 16),
                    Card(
                      elevation: 2,
                      child: Padding(
                        padding: const EdgeInsets.all(8),
                        child: DropdownButtonFormField<WarehouseModel>(
                          decoration: InputDecoration(
                            labelText: 'Pilih Gudang',
                            border: OutlineInputBorder(),
                          ),
                          hint: Text("Pilih Gudang"),
                          value: _valWarehouse,
                          items: _dataWarehouse.map((WarehouseModel warehouse) {
                            return DropdownMenuItem(
                              child: Text('${warehouse.name}'),
                              value: warehouse,
                            );
                          }).toList(),
                          onChanged: (WarehouseModel? value) {
                            setState(() {
                              _valWarehouse = value;
                            });
                          },
                        ),
                      ),
                    ),
                    SizedBox(height: 16),
                    FractionallySizedBox(
                      widthFactor: 1.0, // Lebar penuh
                      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 ??
                                        'Belum ada data QR Code terpindai'
                                    : 'Belum ada data QR Code terpindai',
                                style: TextStyle(fontSize: 14),
                              ),
                            ],
                          ),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ),
      bottomNavigationBar: BottomAppBar(
        height: MediaQuery.of(context).size.height / 8,
        color: Colors.white, // 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);
                      },
                      icon: Icon(Icons.close, color: Colors.white),
                    ),
                  ),
                ],
              ),
            ),
            Container(
              // width: 50, // Lebar sesuai kebutuhan
              width: MediaQuery.of(context).size.width / 3,
              height: 50, // Tinggi sesuai kebutuhan
              decoration: BoxDecoration(
                color: Colors.indigoAccent, // Warna latar belakang
                shape: BoxShape.circle, // Membuat lingkaran
              ),
              child: IconButton(
                onPressed: () {
                  showModalBottomSheet(
                    context: context,
                    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: 300,
                              ),
                            ),
                          ),
                          Positioned(
                            bottom: 16,
                            child: ElevatedButton(
                              onPressed: () {
                                Navigator.of(context).pop();
                              },
                              child: Text('Tutup'),
                            ),
                          ),
                        ],
                      );
                    },
                  );
                },
                icon: Icon(
                  Icons.qr_code,
                  size: 30,
                ),
                color: Colors.white, // Warna ikon
              ),
            ),
            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: () {
                        try {
                          _storePeminjaman();
                        } catch (e) {
                          print('Error storing data: $e');
                        }
                      },
                      icon: Icon(Icons.save, color: Colors.white),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}