// import 'package:flutter/material.dart';
// import 'package:http/http.dart' as http;
// import 'dart:convert';
// import 'dart:ui_web' as ui;
// import 'dart:html' as html;

// // import 'package:flutter_html/flutter_html.dart';

// class SerializableMessage {
//   final String name;
//   final String from;
//   final String path;
//   final String subject;
//   final String date;

//   SerializableMessage(
//       {required this.name,
//       required this.from,
//       required this.path,
//       required this.subject,
//       required this.date});

//   factory SerializableMessage.fromJson(Map<String, dynamic> json) {
//     return SerializableMessage(
//         name: json['name'],
//         from: json['from'],
//         path: json['path'],
//         subject: json['subject'],
//         date: json['date']);
//   }
// }

// class EmailPage extends StatefulWidget {
//   const EmailPage({super.key});
//   final String title = 'cars';

//   @override
//   State<EmailPage> createState() => _EmailPageState();
// }

// class _EmailPageState extends State<EmailPage> {
//   List emails = [];
//   //  @override
//   // void initState() {
//   //   super.initState();
//   // }
//   //register the html element
//   ui.platformViewRegistry.registerViewFactory(
//     'html-view',
//     (int viewId) => html.IFrameElement()
//       ..width = '100%'
//       ..height = '100%'
//       ..srcdoc = r"""
// """
//       ..style.border = 'none',
//   );
 
//   void _displayEmailsFromFolder(String folder) async {
//     Map<String, List<SerializableMessage>> messagesMap = {};

//     try {
//       var url = Uri.http(
//           '127.0.0.1:3001', 'sorted_threads_by_date', {'folder': folder});
//       var response = await http.get(url);

//       Map<String, dynamic> json = jsonDecode(response.body);

//       json.forEach((key, value) {
//         List<SerializableMessage> messages = (value as List)
//             .map((item) => SerializableMessage.fromJson(item))
//             .toList();
//         messagesMap[key] = messages;
//       });
//     } catch (e) {
//       print('_displayEmailsFromFolder caught error: $e');
//     }
//     setState(() {
//       emails.clear();
//       emails = messagesMap.values.toList().expand((list) => list).toList();
//       ;
//     });
//   }

//   Future<List<Widget>> _getDrawerItems() async {
//     List<String> drawerItems = [];

//     try {
//       var url = Uri.http('127.0.0.1:3001', 'folders');
//       var response = await http.get(url);
//       drawerItems = List<String>.from(json.decode(response.body));
//     } catch (e) {
//       print('_getDrawerItems caught error: $e');
//     }

//     List<Widget> drawerWidgets = [];

//     for (String item in drawerItems) {
//       drawerWidgets.add(
//         ListTile(
//           leading: Icon(Icons.mail),
//           title: Text(item),
//           onTap: () {
//             _displayEmailsFromFolder(item);
//             Navigator.pop(context);
//           },
//         ),
//       );
//     }

//     return drawerWidgets;
//   }

//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//       appBar: AppBar(
//         backgroundColor: Theme.of(context).colorScheme.inversePrimary,
//         title: Text(widget.title),
//       ),
//       drawer: Drawer(
//         child: FutureBuilder<List<Widget>>(
//           future:
//               _getDrawerItems(), // call the async function to get the future
//           builder:
//               (BuildContext context, AsyncSnapshot<List<Widget>> snapshot) {
//             if (snapshot.connectionState == ConnectionState.waiting) {
//               // While data is loading, show a progress indicator
//               return Center(child: CircularProgressIndicator());
//             } else if (snapshot.hasError) {
//               // If something went wrong, show an error message
//               return Center(child: Text('Error: ${snapshot.error}'));
//             } else {
//               // When data is fetched successfully, display the items
//               return ListView(
//                 padding: EdgeInsets.zero,
//                 children:
//                     snapshot.data!, // Unwrap the data once confirmed it's there
//               );
//             }
//           },
//         ),
//       ),
//       body: EmailListScreen(
//         emails: emails,
//       ),
//     );
//   }
// }

// class EmailListScreen extends StatelessWidget {
//   List emails;
//   EmailListScreen({required this.emails});

//   @override
//   Widget build(BuildContext context) {
//     print(emails);
//     return Scaffold(
//       appBar: AppBar(
//         title: Text('Emails'),
//       ),
//       body: ListView.separated(
//         itemCount: emails.length,
//         itemBuilder: (context, index) {
//           return ListTile(
//               title: Text(emails[index].from,
//                   style: TextStyle(fontWeight: FontWeight.bold)),
//               subtitle: Column(
//                 crossAxisAlignment: CrossAxisAlignment.start,
//                 children: [
//                   Text(emails[index].subject),
//                 ],
//               ),
//               trailing: Text(emails[index].date.toString()),
//               onTap: () {
//                 Navigator.push(
//                   context,
//                   MaterialPageRoute(
//                       builder: (context) => EmailView(emailContent: "")),
//                 );
//               });
//         },
//         separatorBuilder: (context, index) {
//           return Divider();
//         },
//       ),
//     );
//   }
// }

// class HtmlContentWidget extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//       width: 800,
//       height: 10000,
//       child: HtmlElementView(viewType: 'html-view'),
//     );
//   }
// }

// class EmailView extends StatelessWidget {
//   final String emailContent;

//   EmailView({required this.emailContent});

//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//         appBar: AppBar(
//           title: Text("HTML Content"),
//         ),
//         body: Container(
//           width: 800,
//           height: 10000,
//           child: HtmlElementView(
//             viewType: 'html-view',
//           ),
//         )

//         // Text(
//         //   """
//         //   <h1>Heading</h1>
//         //   <p>This is a <strong>simple</strong> HTML example.</p>
//         //   """,
//         // ),
//         );
//   }r
// }