import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:intl/intl.dart';

class VisaListWidget extends StatelessWidget {
  final List<Map<String, dynamic>> visaList;
  final Function(bool, Map<String, dynamic>, String) onOpen;
  final Function(Map<String, dynamic>) onDeleteMiscellaneous;
  final Map<String, dynamic>? apiData;
  final List<dynamic>? apiCountryData;

  final Function(String, bool) onAddNew;
  final bool isViewMode;

  const VisaListWidget(
      {super.key,
      required this.visaList,
      required this.onOpen,
      required this.onDeleteMiscellaneous,
      required this.apiData,
      required this.apiCountryData,
      required this.onAddNew,
      required this.isViewMode});

  @override
  Widget build(BuildContext context) {
    final isDesktop = MediaQuery.of(context).size.width > 1024;

    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Container(
        margin: const EdgeInsets.only(top: 16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            // Header with title and button
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                if ((!isDesktop) && visaList.isNotEmpty)
                  Text(
                    " ",
                    style: const TextStyle(
                      fontSize: 18,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                MouseRegion(
                  cursor: isViewMode
                      ? SystemMouseCursors.forbidden
                      : SystemMouseCursors.click,

                  child: GestureDetector(
                    onTap: isViewMode
                        ? null
                        : () {
                            print("New data");
                            onAddNew("Visa", true);
                          },
                    child: Row(
                      mainAxisSize:
                          MainAxisSize.min, // Ensures content fits nicely
                      children: [
                        // Text(
                        //   "Add New",
                        //   style: TextStyle(fontSize: 13),
                        // ),
                        // SizedBox(width: 8), // spacing between icon and text
                        // Icon(
                        //   Icons.add_circle_sharp,
                        //   size: 30,
                        //   color: Color(0xFF114D8B),
                        // )
                      ],
                    ),
                  ),
                  // onPressed: isViewMode
                  //     ? null
                  //     : () {
                  //         print("New data");
                  //
                  //       },
                  // child: Row(
                  //   mainAxisSize: MainAxisSize.min,
                  //   children: [
                  //     Icon(
                  //       Icons.add_circle_sharp,
                  //       size: 30,
                  //       color: Color(0xFF114D8B),
                  //     )
                  //   ],
                  // ),
                ),
              ],
            ),
            const SizedBox(height: 16),
            // Scroll behavior based on device

            _buildData(context, isDesktop)
          ],
        ),
      ),
    );
  }
  // Widget build(BuildContext context) {
  //   return Padding(
  //     padding: const EdgeInsets.all(16.0),
  //     child: Container(
  //       child: Column(
  //         crossAxisAlignment: CrossAxisAlignment.stretch,
  //         children: [
  //           Row(
  //             mainAxisAlignment: MainAxisAlignment.spaceBetween,
  //             children: [
  //               Text(
  //                 "Visa Booking List",
  //                 style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
  //               ),
  //               MouseRegion(
  //                 cursor: isViewMode
  //                     ? SystemMouseCursors.forbidden
  //                     : SystemMouseCursors.click,
  //                 child: ElevatedButton(
  //                   style: ElevatedButton.styleFrom(
  //                     backgroundColor: Color(0xFF114D8B),
  //                     foregroundColor: Colors.white,
  //                     disabledBackgroundColor: Color(0xFF114D8B),
  //                     disabledForegroundColor: Colors.white,
  //                     shape: RoundedRectangleBorder(
  //                       borderRadius: BorderRadius.circular(8),
  //                       side: BorderSide(color: Color(0xFF114D8B), width: 2),
  //                     ),
  //                     padding:
  //                         EdgeInsets.symmetric(horizontal: 20, vertical: 12),
  //                   ),
  //                   onPressed: isViewMode
  //                       ? null
  //                       : () {
  //                           print("New data");
  //                           onAddNew("Visa", true);
  //                         },
  //                   child: Row(
  //                     mainAxisSize:
  //                         MainAxisSize.min, // Ensures content fits nicely
  //                     children: [
  //                       Text(
  //                         "Add New",
  //                         style: TextStyle(fontSize: 13),
  //                       ),
  //                       SizedBox(width: 8), // spacing between icon and text
  //                       Icon(
  //                         Icons.add_circle_outline_rounded,
  //                         size: 15,
  //                         color: Colors.white,
  //                       ),
  //                     ],
  //                   ),
  //                 ),
  //               ),
  //             ],
  //           ),
  //           const SizedBox(height: 16),
  //           Center(
  //             child: SingleChildScrollView(
  //               scrollDirection: Axis.horizontal,
  //               child: SizedBox(
  //                 width: MediaQuery.of(context).size.width,
  //                 child: DataTable(
  //                   border: TableBorder(
  //                     bottom: BorderSide(color: Colors.black12),
  //                     horizontalInside: BorderSide(
  //                         color: Colors.black12), // Only horizontal lines
  //                   ),
  //                   columns: const [
  //                     // DataColumn(label: Text('#')),
  //                     DataColumn(label: Text('Type of Visa')),
  //                     DataColumn(label: Text('Country')),
  //                     DataColumn(label: Text('Start Date')),
  //                     DataColumn(label: Text('Actions')),
  //                   ],
  //                   rows: _buildDataRows(),
  //                 ),
  //               ),
  //             ),
  //           ),
  //         ],
  //       ),
  //     ),
  //   );
  // }

  Widget _buildData(BuildContext context, bool isDesktop) {
    List<Map<String, dynamic>> filteredList =
        visaList.where((item) => item["is_active"] == "1").toList();
    print("filteredList- $filteredList");

    List<dynamic> visatypeList = apiData?['visa_type_of_visa'] ?? [];
    List<dynamic> countryList = apiCountryData ?? [];

    String getRequestForVisa(String? specialRequestKey) {
      if (specialRequestKey == null) return "N/A";

      return visatypeList
          .firstWhere(
            (element) =>
                element["dropdown_key"].toString() == specialRequestKey,
            orElse: () => {"dropdown_value": "N/A"},
          )["dropdown_value"]
          .toString();
    }

    String getRequestForCountry(String? countryCode) {
      if (countryCode == null) return "N/A";

      return countryList
          .firstWhere(
            (element) => element["country_code"].toString() == countryCode,
            orElse: () => {"country_name": "N/A"},
          )["country_name"]
          .toString();
    }

    // String formatDate(String dateString) {
    //   try {
    //     DateTime date = DateTime.parse(dateString);
    //     return DateFormat('d MMM yy').format(date); // Example: 4 Apr 25
    //   } catch (e) {
    //     return "Invalid Date";
    //   }
    // }
    String formatDate(String dateString) {
      try {
        DateTime date = DateFormat("dd-MM-yyyy").parse(dateString);
        return DateFormat('dd MMM yy').format(date); // Example: 23 May 25
      } catch (e) {
        return "Invalid Date";
      }
    }

    String formatTime(String timeString) {
      try {
        final parts = timeString.split(':');
        int hour = int.parse(parts[0]);
        int minute = int.parse(parts[1]);

        final now = DateTime.now();

        DateTime dateTime;

        if (hour == 24 && minute == 0) {
          // 24:00 is treated as 00:00 on the next day
          dateTime = DateTime(now.year, now.month, now.day)
              .add(const Duration(days: 1));
        } else {
          if (hour < 0 || hour > 23 || minute < 0 || minute > 59) {
            throw FormatException("Invalid hour or minute");
          }
          dateTime = DateTime(now.year, now.month, now.day, hour, minute);
        }

        return DateFormat('HH:mm').format(dateTime); // 24-hour format
      } catch (e) {
        return "Invalid Time";
      }
    }

    return ListView.builder(
      shrinkWrap: true,
      physics: NeverScrollableScrollPhysics(),
      itemCount: filteredList.length,
      itemBuilder: (context, index) {
        final item = filteredList[index];

        return Container(
          margin: EdgeInsets.symmetric(horizontal: 8, vertical: 6),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(12),
            // color: Colors.orange.shade50,
            color: Colors.white,
            boxShadow: [
              BoxShadow(
                color: Colors.black12,
                blurRadius: 3,
                offset: Offset(0, 1),
              ),
            ],
            border: Border(
              top: BorderSide(
                color: Colors.white70, // Change color to match your theme
                width: 2,
              ),
            ),
          ),
          child: Padding(
            padding: EdgeInsets.all(12),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: [
                    Text(
                      getRequestForVisa(item["type_of_visa"]!.toString()),
                      style: GoogleFonts.poppins(
                        fontSize: 14,
                        fontWeight: FontWeight.w800,
                          color: !isDesktop ? Color(0xFF114D8B) : Color(0xFF575A74)
                      ),
                    ),
                    Spacer(),
                    GestureDetector(
                      onTap: () => onOpen(true, item, "Visa"),
                      child: Tooltip(
                        message: 'Edit Visa Details',
                        child: Image.asset(
                          'assets/images/IconsImg/edit.png',
                          width: 20,
                          height: 15,
                          color: Color(0xFF114D8B),
                        ),
                      ),
                    ),
                    SizedBox(width: 10),
                    GestureDetector(
                      onTap: () => onDeleteMiscellaneous(item),
                      child: Tooltip(
                        message: 'Delete Visa Details',
                        child: Image.asset(
                          'assets/images/IconsImg/delete.png',
                          width: 20,
                          height: 15,
                          color: Colors.red,
                        ),
                      ),
                    ),
                  ],
                ),
                Divider(
                  color: Colors.blueGrey.shade50,
                ),
                SizedBox(height: 4),
                isDesktop
                    ? Row(
                        children: [
                          Expanded(
                              flex: 2,
                              child: Text(
                                " Country",
                                style: GoogleFonts.poppins(
                                  fontSize: 11,
                                ),
                              )),
                          Expanded(
                              flex: 2,
                              child: Text(
                                " Visa Type",
                                style: GoogleFonts.poppins(
                                  fontSize: 11,
                                ),
                              )),
                          Expanded(
                              flex: 2,
                              child: Text(
                                " Date",
                                style: GoogleFonts.poppins(
                                  fontSize: 11,
                                ),
                              )),
                          Expanded(
                              flex: 2,
                              child: Text(
                                " Comments",
                                style: GoogleFonts.poppins(
                                  fontSize: 11,
                                ),
                              )),
                        ],
                      )
                    : SizedBox.shrink(),
                isDesktop
                    ? Row(
                        children: [
                          Expanded(
                            flex: 2,
                            child: Text(
                              getRequestForCountry(
                                  item["country_code"]!.toString()),
                              style: GoogleFonts.poppins(
                                fontSize: 12,
                                fontWeight: FontWeight.w600,
                              ),
                            ),
                          ),
                          SizedBox(width: 10),
                          Expanded(
                            flex: 2,
                            child: Text(
                              getRequestForVisa(
                                  item["type_of_visa"]!.toString()),
                              style: GoogleFonts.poppins(
                                fontSize: 12,
                                fontWeight: FontWeight.w600,
                              ),
                            ),
                          ),
                          SizedBox(width: 10),
                          Expanded(
                            flex: 2,
                            child: Text(
                              formatDate(item["start_date"]!),
                              style: GoogleFonts.poppins(
                                fontSize: 12,
                                fontWeight: FontWeight.w600,
                              ),
                            ),
                          ),
                          SizedBox(width: 10),
                          Expanded(
                            flex: 2,
                            child: _buildComments(
                                "Comments:", item["comments"] ?? "N/A"),
                          ),
                        ],
                      )
                    :
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    // Top Row (Country, Currency, Total)
                    // Row(
                    //   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    Wrap(
                      spacing: 20, // horizontal space between items
                      runSpacing: 10, // vertical space between rows
                      children: [
                        _infoBlock("Visa Type", getRequestForCountry(item["country_code"]!.toString()) ?? "N/A"),
                        _infoBlock("Country", getRequestForCountry(item["country_code"]!.toString()) ?? "N/A"),
                        _infoBlock("Start Date", formatDate(item["start_date"]!) ?? "N/A"),
                      ],
                    ),
                    const SizedBox(height: 16),

                    // Comment label
                    Text(
                      "Comment",
                      style: GoogleFonts.poppins(
                        fontSize: 14,
                        fontWeight: FontWeight.w600,
                      ),
                    ),
                    const SizedBox(height: 8),
                    if (item["comments"] != null && item["comments"].toString().trim().isNotEmpty)
                      Container(
                        width: double.infinity,
                        padding: const EdgeInsets.all(12),
                        decoration: BoxDecoration(
                          border: Border.all(color: const Color(0xFF7098DD), width: 1),
                          borderRadius: BorderRadius.circular(6),
                        ),
                        child: Text(
                          item["comments"] ?? "N/A",
                          style: GoogleFonts.poppins(fontSize: 12, color: Colors.black87),
                        ),
                      )
                    else
                      const Text( "N/A", style: TextStyle(fontSize: 12), ),
                  ],
                ),
                // Column(
                //         crossAxisAlignment: CrossAxisAlignment.start,
                //         children: [
                //           _buildRow(
                //               "VisaType:",
                //               getRequestForVisa(
                //                   item["type_of_visa"]!.toString())),
                //           SizedBox(height: 6),
                //           _buildRow(
                //               "Country:",
                //               getRequestForCountry(
                //                   item["country_code"]!.toString())),
                //           SizedBox(height: 6),
                //           _buildRow("StartDate:", item["start_date"]!),
                //           SizedBox(height: 6),
                //           _buildRow("Comments:", item["comments"] ?? "N/A"),
                //         ],
                //       ),
              ],
            ),
          ),
        );
      },
    );
  }

  Widget _buildComments(String title, String value) {
    // Define character limits based on title
    Map<String, int> limits = {
      // "Special Request:": 30,
      "Comments:": 20,
      // Add more keys and limits if needed
    };

    int limit = limits[title] ?? 50; // Default limit if title not found
    bool exceedsLimit = value.length > limit;

    String wrapText(String text, int maxLineLength) {
      final pattern = RegExp('.{1,$maxLineLength}(\\s+|\$)');
      return pattern.allMatches(text).map((m) => m.group(0)!).join('\n');
    }

    return Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Expanded(
          child: exceedsLimit
              ? Tooltip(
                  message: wrapText(value, 50),
                  decoration: BoxDecoration(
                    color: Colors.grey.shade200, // Black background
                    borderRadius: BorderRadius.circular(6),
                  ),
                  textStyle:
                      TextStyle(color: Colors.black), // Tooltip text color
                  padding: EdgeInsets.all(8),
                  preferBelow: false,
                  child: Text(value.substring(0, limit) + "...",
                      style: TextStyle(
                          fontSize: 12,
                          fontWeight: FontWeight.w600,
                          fontFamily: "Archivo"),
                      overflow: TextOverflow.ellipsis),
                )
              : Text(
                  value,
                  style: TextStyle(
                      fontSize: 12,
                      fontWeight: FontWeight.w600,
                      fontFamily: "Archivo"),
                ),
        ),
      ],
    );
  }

  Widget _infoBlock(String label, String value) {
    return Expanded(
      child: Padding(
        padding: const EdgeInsets.only(right: 12),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              label,
              style: GoogleFonts.poppins(
                fontSize: 12,
                fontWeight: FontWeight.bold,
                color: Colors.black87,
              ),
            ),
            const SizedBox(height: 4),
            Text(
              value,
              style: GoogleFonts.poppins(
                fontSize: 12,
                color: Colors.black87,
              ),
            ),
          ],
        ),
      ),
    );
  }
  Widget _buildRow(String title, String value) {
    // Define character limits based on title
    Map<String, int> limits = {
      // "Special Request:": 30,
      "Comments:": 40,
      // Add more keys and limits if needed
    };

    int limit = limits[title] ?? 50; // Default limit if title not found
    bool exceedsLimit = value.length > limit;

    String wrapText(String text, int maxLineLength) {
      final pattern = RegExp('.{1,$maxLineLength}(\\s+|\$)');
      return pattern.allMatches(text).map((m) => m.group(0)!).join('\n');
    }

    return Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          title,
          style: GoogleFonts.poppins(
            fontSize: 12,
            fontWeight: FontWeight.w600,
          ),
        ),
        SizedBox(width: 8),
        Expanded(
          child: exceedsLimit
              ? Tooltip(
                  message: wrapText(value, 50),
                  decoration: BoxDecoration(
                    color: Colors.grey.shade200, // Black background
                    borderRadius: BorderRadius.circular(6),
                  ),
                  textStyle:
                      TextStyle(color: Colors.black), // Tooltip text color
                  padding: EdgeInsets.all(8),
                  preferBelow: false,
                  child: Text(value.substring(0, limit) + "...",
                      style: TextStyle(fontSize: 12),
                      overflow: TextOverflow.ellipsis),
                )
              : Text(
                  value,
                  style: TextStyle(fontSize: 12),
                ),
        ),
      ],
    );
  }

  // List<DataRow> _buildDataRows() {
  //   List<Map<String, dynamic>> filteredList =
  //       visaList.where((item) => item["is_active"] == "1").toList();
  //   print("filteredList- $filteredList");
  //
  //   List<dynamic> visatypeList = apiData?['visa_type_of_visa'] ?? [];
  //   List<dynamic> countryList = apiCountryData ?? [];
  //
  //   String getRequestForVisa(String? specialRequestKey) {
  //     if (specialRequestKey == null) return "N/A";
  //
  //     return visatypeList
  //         .firstWhere(
  //           (element) =>
  //               element["dropdown_key"].toString() == specialRequestKey,
  //           orElse: () => {"dropdown_value": "N/A"},
  //         )["dropdown_value"]
  //         .toString();
  //   }
  //
  //   String getRequestForCountry(String? countryCode) {
  //     if (countryCode == null) return "N/A";
  //
  //     return countryList
  //         .firstWhere(
  //           (element) => element["country_code"].toString() == countryCode,
  //           orElse: () => {"country_name": "N/A"},
  //         )["country_name"]
  //         .toString();
  //   }
  //
  //   return filteredList.asMap().entries.map((entry) {
  //     int index = entry.key + 1; // To start index from 1
  //     Map<String, dynamic> item = entry.value;
  //     print(item);
  //     return DataRow(cells: [
  //       // DataCell(Text(item["indx"]?.toString() ??  "N/A")),
  //       // DataCell(Text(item["type_of_visa"]!)),
  //       DataCell(Text(getRequestForVisa(item["type_of_visa"]!.toString()))),
  //       DataCell(Text(getRequestForCountry(item["country_code"]!.toString()))),
  //       // DataCell(Text(item["country_code"]!)),
  //       DataCell(Text(item["start_date"]!)),
  //       DataCell(Row(
  //         children: [
  //           GestureDetector(
  //             onTap: () => onOpen(true, item, "Visa"),
  //             child: Image.asset('assets/images/IconsImg/edit.png',
  //                 width: 20, height: 15),
  //           ),
  //           SizedBox(width: 10),
  //           GestureDetector(
  //             onTap: () => onDeleteMiscellaneous(item),
  //             child: Image.asset('assets/images/IconsImg/delete.png',
  //                 width: 20, height: 15),
  //           ),
  //           IconButton(
  //             icon: Icon(Icons.keyboard_arrow_down_outlined,
  //                 size: 28, color: Color(0xFF475569)),
  //             onPressed: () {
  //               // Expand logic
  //             },
  //           ),
  //         ],
  //       )
  //
  //           //
  //           // Row(
  //           //     children: [
  //           //       IconButton(
  //           //         icon: Icon(Icons.remove_red_eye, color: Colors.blue),
  //           //         onPressed: () {
  //           //           // View action
  //           //         },
  //           //       ),
  //           //       IconButton(
  //           //         icon: Icon(Icons.edit, color: Colors.green),
  //           //         onPressed: () {
  //           //           onOpen(true, item, "Visa");
  //           //         },
  //           //       ),
  //           //       IconButton(
  //           //         icon: Icon(Icons.delete, color: Colors.red),
  //           //         onPressed: () {
  //           //           onDeleteMiscellaneous(item);
  //           //         },
  //           //       ),
  //           //     ],
  //           //   )
  //
  //           ),
  //     ]);
  //   }).toList();
  // }
}