import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:flutter_slidable/flutter_slidable.dart';
import 'package:intl/date_symbol_data_local.dart';
import 'package:siopas/models/condition_peti_model.dart';
import 'package:siopas/models/customer_model.dart';
import 'package:siopas/models/disposal_model.dart';
import 'package:siopas/models/m_asset_status_model.dart';
import 'package:siopas/models/type_peti_model.dart';
import 'package:siopas/models/warehouse_mode.dart';
import 'package:siopas/pages/pengembalian_barang/controller/pengembalian_controller.dart';
import 'package:siopas/pages/pengembalian_barang/show.dart';
import 'package:siopas/services/controllerApi.dart';
import 'package:intl/intl.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:siopas/models/asset_status_model.dart';
import 'package:collection/collection.dart';

import '../../widget/loading_shimmer_show.dart';
import '../home/controller/home_controller.dart';
// import 'show.dart';

class PengembalianBarangPage extends StatefulWidget {
  PengembalianBarangPage({super.key});
  final ControllerHome controllerHome = ControllerHome(); // Declare here

  @override
  State<PengembalianBarangPage> createState() => PengembalianBarangPageState();
}

class PengembalianBarangPageState extends State<PengembalianBarangPage> {
  String? token;
  bool loading = true;

  // Reinit atau Upload Only
  WarehouseModel? warehouseSqfliteApi;
  List<TypePetiModel>? typePetiSqfliteApi;
  List<CustomerModel>? customerSqfliteApi;
  PetiAssetModel? petiSqfliteApi;
  ConditionPetiModel? conditionPetiSqfliteApi;
  DisposalPetiModel? disposalSqfliteApi;

  List<PetiAssetModel>? _valpeti;
  List<WarehouseModel>? _valwarehouse;
  List<ConditionPetiModel>? _valconditionPeti;
  List<DisposalPetiModel>? _valdisposal;

  // Datatable
  int _currentPage = 1;
  int _pageSize = 10;
  List<AssetStatusModel>? _data;
  List<PetiAssetModel>? _petiData;
  List<TypePetiModel>? _tipePetiData;
  List<CustomerModel>? _customerData;
  List<WarehouseModel>? _warehouseData;
  List<ConditionPetiModel>? _conditionData;
  Timer? _timer;

  bool _isLoading = false;
  int _pengembalianCount = 0;
  String _searchQuery = '';

  @override
  void initState() {
    super.initState();
    _getUserToken();

    // Set _isLoading ke true sebelum memulai tugas
    if (mounted) {
      setState(() {
        _isLoading = true;
      });
    }

    Future.wait([
      _initData(),
      warehouseListAPI(),
      conditionPetiListAPI(),
      typePetiListAPI(),
      customerListAPI(),
      petiListAPI(),
      datatablesPengembalianList(),
      datatablesPetiList(),
      datatablesCustomerList(),
      datatablesWarehouseList(),
      datatablesConditionList(),
      initializeDateFormatting('id_ID', null),
    ]).then((_) {
      // Set _isLoading ke false setelah semua tugas selesai
      if (mounted) {
        setState(() {
          _isLoading = false;
        });
      }
    });

    // Inisialisasi _data di sini jika diperlukan
    _data = <AssetStatusModel>[];
  }

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

  Future<void> _initData() async {
    try {
      _pengembalianCount = await widget.controllerHome.getPengembalianCount();
    } catch (error) {
      print('Error fetching pengembalianCount: $error');
    }
    // ... tambahkan inisialisasi lainnya
  }

  // Reinit atau Upload Only ------------------------------------------------------------------------
  Future warehouseListAPI() async {
    if (mounted) {
      await ControllerApi().fetchWarehouseDataAPI().then((value) {
        setState(() {
          _valwarehouse = (value as List<dynamic>)
              .map((item) => WarehouseModel.fromJson(item))
              .toList();
          loading = false;
        });
      });
    }
  }

  Future typePetiListAPI() async {
    if (mounted) {
      await ControllerApi().fetchTipePetiDataAPI().then((value) {
        setState(() {
          typePetiSqfliteApi = (value as List<dynamic>)
              .map((item) => TypePetiModel.fromJson(item))
              .toList();
          loading = false;
        });
      });
    }
  }

  Future customerListAPI() async {
    if (mounted) {
      await ControllerApi().fetchCustomerDataAPI().then((value) {
        setState(() {
          customerSqfliteApi = (value as List<dynamic>)
              .map((item) => CustomerModel.fromJson(item))
              .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 conditionPetiListAPI() async {
    if (mounted) {
      await ControllerApi().fetchKondisiPetiDataAPI().then((value) {
        setState(() {
          _valconditionPeti = (value as List<dynamic>)
              .map((item) => ConditionPetiModel.fromJson(item))
              .toList();
          loading = false;
        });
      });
    }
  }

  // Datatables ------------------------------------------------------------------------
  Future datatablesPengembalianList() async {
    if (mounted) {
      await ControllerPengembalian()
          .fetchPengembalianLocalController()
          .then((value) {
        setState(() {
          _data = (value as List<dynamic>)
              .map((e) => AssetStatusModel.fromJson(e))
              .toList();
          loading = false;
        });
      });
    }
  }

  Future datatablesPetiList() async {
    if (mounted) {
      await ControllerPengembalian().fetchPetiData().then((value) {
        setState(() {
          _petiData = (value as List<dynamic>)
              .map((e) => PetiAssetModel.fromJson(e))
              .toList();
          loading = false;
        });
      });
    }
  }

  Future datatablesCustomerList() async {
    if (mounted) {
      await ControllerPengembalian().fetchCustomerData().then((value) {
        setState(() {
          _customerData = (value as List<dynamic>)
              .map((e) => CustomerModel.fromJson(e))
              .toList();
          loading = false;
        });
      });
    }
  }

  Future datatablesWarehouseList() async {
    if (mounted) {
      await ControllerPengembalian().fetchWarehouseData().then((value) {
        setState(() {
          _warehouseData = (value as List<dynamic>)
              .map((e) => WarehouseModel.fromJson(e))
              .toList();
          loading = false;
        });
      });
    }
  }

  Future datatablesConditionList() async {
    if (mounted) {
      await ControllerPengembalian().fetchConditionData().then((value) {
        setState(() {
          _conditionData = (value as List<dynamic>)
              .map((e) => ConditionPetiModel.fromJson(e))
              .toList();
          loading = false;
        });
      });
    }
  }

  String _formatDate(String? date) {
    if (date != null) {
      DateTime parsedDate = DateTime.parse(date);
      String formattedDate =
          DateFormat('EEEE, dd MMMM yyyy', 'id_ID').format(parsedDate);
      return formattedDate;
    } else {
      return '';
    }
  }

  List<AssetStatusModel> get _filteredData {
    return _data != null
        ? _data!.where((item) {
            // Sesuaikan dengan properti yang ingin Anda cari
            return item.enter_pic!
                    .toLowerCase()
                    .contains(_searchQuery.toLowerCase()) ||
                _formatDate(item.enter_at.toString())
                    .toLowerCase()
                    .contains(_searchQuery.toLowerCase()) ||
                (_petiData
                            ?.firstWhere((peti) => peti.id == item.peti_id,
                                orElse: () => PetiAssetModel(fix_lot: ''))
                            ?.fix_lot ??
                        '')
                    .toLowerCase()
                    .contains(_searchQuery.toLowerCase()) ||
                (_warehouseData
                            ?.firstWhere((warehouse) => warehouse.id == item.warehouse_id,
                                orElse: () => WarehouseModel(name: ''))
                            ?.name ??
                        '')
                    .toLowerCase()
                    .contains(_searchQuery.toLowerCase()) ||
                (_conditionData
                            ?.firstWhere(
                                (condition) => condition.id == item.kondisi_peti_id,
                                orElse: () => ConditionPetiModel(nama_kondisi: ''))
                            ?.nama_kondisi ??
                        '')
                    .toLowerCase()
                    .contains(_searchQuery.toLowerCase());
          }).toList()
        : [];
  }

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        // Mencegah kembali ke halaman sebelumnya
        return false;
      },
      child: DefaultTabController(
        length: 1,
        child: Scaffold(
          appBar: appBar(context),
          body: _isLoading
              ? Column(
                  children: [
                    // shimmerSearch(),
                    Expanded(
                      child: ListView.builder(
                        itemCount:
                            4, // Set the number of shimmer cards based on your data count
                        itemBuilder: (context, index) {
                          return ShimmerLoadingAssetStatusCard();
                        },
                      ),
                    ),
                  ],
                )
              : bodyPengembalian(),
          bottomNavigationBar: bottomAppBar(context),
        ),
      ),
    );
  }

  AppBar appBar(BuildContext context) {
    return AppBar(
      backgroundColor: Colors.indigo[700],
      elevation: 0,
      title: Text('Data Peti In',
          style: TextStyle(
            fontSize: 16,
          )),
      leading: IconButton(
        icon: Icon(Icons.arrow_back, color: Colors.white),
        onPressed: () {
          Navigator.pushNamed(context, '/home');
        },
      ),
      bottom: TabBar(
        indicator: BoxDecoration(
          color: Color.fromARGB(255, 255, 165, 9),
        ),
        tabs: [
          Tab(
            height: 65,
            child: Container(
              padding: const EdgeInsets.symmetric(horizontal: 16),
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(0),
                border: Border.all(color: Colors.grey, width: 1.0),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Expanded(
                    child: TextField(
                      style: TextStyle(fontSize: 18),
                      decoration: InputDecoration(
                        hintText: 'Masukkan data pencarian...',
                        prefixIcon: Icon(Icons.search),
                        border: InputBorder.none,
                        contentPadding: EdgeInsets.all(10),
                        labelStyle: TextStyle(
                          color: Colors.grey,
                          fontSize: 12,
                        ),
                        hintStyle: TextStyle(
                          color: Colors.grey,
                          fontSize: 12,
                        ),
                      ),
                      onChanged: (value) {
                        setState(() {
                          _searchQuery = value.isNotEmpty
                              ? value
                              : ''; // Memperbarui dengan null jika value kosong
                        });
                      },
                    ),
                  ),
                  Text(
                    'Total: $_pengembalianCount',
                    style: TextStyle(color: Colors.black),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }

  BottomAppBar bottomAppBar(BuildContext context) {
    return BottomAppBar(
      color: Color.fromARGB(255, 5, 28, 158), // Warna latar belakang
      child: Container(
        height: 65.0,
        child: Row(
          mainAxisSize: MainAxisSize.max,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            InkWell(
              customBorder: CircleBorder(),
              onTap: () {
                // Aksi ketika ikon diklik
                Navigator.pushNamed(context, '/pengembalian-barang/edit');
              },
              child: Container(
                width: 45,
                height: 45,
                decoration: BoxDecoration(
                  shape: BoxShape.circle,
                  color: Colors.greenAccent[700],
                ),
                child: Icon(
                  Icons.add,
                  size: 30,
                  color: Colors.white,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Column bodyPengembalian() {
    return Column(
      children: [
        Expanded(
          child: TabBarView(
            children: [
              SingleChildScrollView(
                child: Column(
                  children: _filteredData.isNotEmpty
                      ? _filteredData.asMap().entries.map((entry) {
                          final index = entry.key + 1;
                          final item = entry.value;

                          return AssetStatusCard(
                            assetStatus: item,
                            petiData: _petiData ?? [],
                            tipePetiData: _tipePetiData ?? [],
                            customerData: _customerData ?? [],
                            warehouseData: _warehouseData ?? [],
                            conditionData: _conditionData ?? [],
                            index: index,
                          );
                        }).toList()
                      // : [Text('No results')],
                      : [
                          Center(
                            child: Column(
                              children: [
                                Image.asset(
                                  'assets/item/empty.png',
                                  width: 250, // Set the width as needed
                                  height: 250, // Set the height as needed
                                ),
                                Text(
                                  'Tidak ada data ditemukan',
                                  style: TextStyle(
                                    fontSize: 16,
                                    fontWeight: FontWeight.bold,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}

class AssetStatusCard extends StatelessWidget {
  final AssetStatusModel assetStatus;
  final List<PetiAssetModel> petiData;
  final List<TypePetiModel> tipePetiData;
  final List<CustomerModel> customerData;
  final List<WarehouseModel> warehouseData;
  final List<ConditionPetiModel> conditionData;
  final int index; // Tambahkan parameter nomor urutan

  AssetStatusCard({
    required this.assetStatus,
    required this.petiData,
    required this.tipePetiData,
    required this.customerData,
    required this.warehouseData,
    required this.conditionData,
    required this.index, // Inisialisasi parameter nomor urutan
  });

  @override
  Widget build(BuildContext context) {
    PetiAssetModel? petiSqfliteApi = petiData.firstWhereOrNull(
      (peti) => peti.id == assetStatus.peti_id,
    );

    TypePetiModel? tipePetiSqfliteApi = tipePetiData.firstWhereOrNull(
      (tipePeti) => tipePeti.id == petiSqfliteApi?.tipe_peti_id,
    );

    ConditionPetiModel? conditionPetiSqfliteApi =
        conditionData.firstWhereOrNull(
      (conditionPeti) => conditionPeti.id == assetStatus.kondisi_peti_id,
    );

    WarehouseModel? warehouseSqfliteApi = warehouseData.firstWhereOrNull(
      (warehouse) => warehouse.id == assetStatus.enter_warehouse,
    );

    // WarehouseModel? warehouseTujuanSqfliteApi = warehouseData.firstWhereOrNull(
    //   (warehouse) => warehouse.id == assetStatus.exit_warehouse,
    // );

    String _formatDate(String? date) {
      if (date != null) {
        DateTime parsedDate = DateTime.parse(date);
        String formattedDate =
            DateFormat('EEEE, dd MMMM yyyy', 'id_ID').format(parsedDate);
        return formattedDate;
      } else {
        return '';
      }
    }

    Future<void> _deletePengembalian() async {
      try {
        // Panggil fungsi untuk menghapus Pengembalian berdasarkan ID
        await ControllerPengembalian()
            .deletePengembalianById(assetStatus.id.toString());
        // Navigasi kembali ke halaman sebelumnya atau halaman yang sesuai
        Navigator.pushReplacementNamed(context, '/pengembalian-barang');
      } catch (e) {
        // Tangani kesalahan jika terjadi
        print('Gagal menghapus pengembalian: $e');
      }
    }

    Future<void> _showDeleteConfirmationDialog() async {
      return showDialog<void>(
        context: context,
        builder: (BuildContext context) {
          return AlertDialog(
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(16.0),
            ),
            title: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Row(
                  children: [
                    Icon(
                      Icons.info,
                      color: Colors.blue,
                    ),
                    SizedBox(width: 8),
                    Text(
                      'Konfirmasi Hapus',
                      style: TextStyle(
                        fontSize: 18,
                      ),
                    ),
                  ],
                ),
                IconButton(
                  icon: Icon(
                    Icons.close,
                    color: Colors.black54,
                  ),
                  onPressed: () {
                    Navigator.of(context).pop();
                  },
                ),
              ],
            ),
            content: SingleChildScrollView(
              child: ListBody(
                children: <Widget>[
                  Text(
                    'Anda yakin ingin menghapus pengembalian ini? ${petiSqfliteApi!.fix_lot.toString()}',
                    style: TextStyle(
                      fontSize: 16,
                    ),
                  ),
                ],
              ),
            ),
            actions: <Widget>[
              Container(
                margin: EdgeInsets.only(right: 3.0),
                child: ElevatedButton(
                  child: Text('Hapus'),
                  onPressed: () {
                    // Panggil fungsi untuk menghapus peminjaman berdasarkan ID
                    _deletePengembalian();
                    // Navigator.pushNamed(context, '/peminjaman-barang');
                    EasyLoading.showSuccess(
                        'Berhasil menghapus data pengembalian');
                  },
                  style: ElevatedButton.styleFrom(
                    primary: Colors.red,
                  ),
                ),
              ),
            ],
          );
        },
      );
    }

    return Slidable(
      key: Key(assetStatus.id.toString()),
      endActionPane: ActionPane(
        motion: ScrollMotion(),
        children: [
          SlidableAction(
            onPressed: (context) {
              _showDeleteConfirmationDialog();
            },
            backgroundColor: Color(0xFFFE4A49),
            foregroundColor: Colors.white,
            icon: Icons.delete,
            label: 'Hapus',
          ),
        ],
      ),
      child: GestureDetector(
        onTap: () {
          // Tindakan yang dilakukan saat card diklik
          if (assetStatus != null) {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => DetailPengembalianBarangPage(
                  pengembalianId: assetStatus.id.toString(),
                ),
              ),
            );
          }
        },
        child: Card(
          color: Colors.white60,
          elevation: 0.0,
          shape: RoundedRectangleBorder(
            side: BorderSide(color: Colors.grey, width: 1.0),
          ),
          child: Padding(
            padding: const EdgeInsets.only(
              top: 8.0,
              bottom: 8.0,
              left: 16.0,
              right: 16.0,
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                _buildAvatarAndIndex(index),
                Divider(),
                _buildInfoRow(
                  'PIC/PJ:',
                  '${assetStatus.enter_pic ?? '-'}',
                  'Tanggal Pengembalian:',
                  '${_formatDate(assetStatus.enter_at.toString())}',
                  13,
                ),
                // _buildInfoRow(
                //     'Tanggal Pengembalian:',
                //     '${_formatDate(assetStatus.enter_at.toString())}',
                //     '',
                //     '',
                //     13),
                _buildInfoRow(
                    'Gudang:',
                    '${warehouseSqfliteApi?.name ?? '-'}',
                    'Kondisi Barang',
                    '${conditionPetiSqfliteApi?.nama_kondisi ?? '-'}',
                    13),
              ],
            ),
          ),
        ),
      ),
    );
  }

  Widget _buildAvatarAndIndex(int index) {
    PetiAssetModel? petiSqfliteApi = petiData.firstWhereOrNull(
      (peti) => peti.id == assetStatus.peti_id,
    );
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        _buildAvatar(index),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.only(
              left: 8.0,
              top: 8.0,
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  '${petiSqfliteApi?.fix_lot ?? '-'}',
                  style: TextStyle(
                    fontWeight: FontWeight.bold,
                    fontSize: 14.5,
                  ),
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }

  Widget _buildAvatar(int index) {
    return Container(
      child: CircleAvatar(
        radius: 11,
        backgroundColor: Colors.indigo[700],
        child: Text(
          '$index',
          style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 13,
            color: Colors.white,
          ),
        ),
      ),
    );
  }

  Widget _buildInfoRow(String title1, String content1, String title2,
      String content2, double fontSize) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                title1,
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  fontSize: fontSize,
                ),
              ),
              SizedBox(height: 3),
              Text(
                content1,
                style: TextStyle(
                  fontSize: fontSize -
                      0.5, // Mengurangkan ukuran font agar cocok dengan judul
                ),
              ),
            ],
          ),
        ),
        SizedBox(width: 10), // Memberi jarak antara dua kolom
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                title2,
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  fontSize: fontSize,
                ),
              ),
              SizedBox(height: 3),
              Text(
                content2,
                style: TextStyle(
                  fontSize: fontSize -
                      0.5, // Mengurangkan ukuran font agar cocok dengan judul
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}