import 'package:expandable_group/expandable_group_widget.dart';
import 'package:flutter/material.dart';
import 'package:fluttericon/brandico_icons.dart';
import 'package:fluttericon/elusive_icons.dart';
import 'package:fluttericon/entypo_icons.dart';
import 'package:fluttericon/font_awesome5_icons.dart';
import 'package:fluttericon/modern_pictograms_icons.dart';
import 'package:unit2/screens/profile/components/main_menu.dart';
import 'package:unit2/screens/profile/components/submenu.dart';

import '../../../theme-data.dart/colors.dart';

class LoadingScreen extends StatelessWidget {
  const LoadingScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
                        padding: const EdgeInsets.symmetric(
                            vertical: 12, horizontal: 12),
                        child: ListView(
                          children: [
                            const Text(
                                "View and Update your Profile Information"),
                            ExpandableGroup(
                                collapsedIcon:
                                    const Icon(Icons.keyboard_arrow_down),
                                expandedIcon:
                                    const Icon(Icons.keyboard_arrow_up),
                                header: const ListTile(
                                  leading: Icon(
                                    Elusive.address_book,
                                    color: primary,
                                  ),
                                  title: Text(
                                    "Basic Information",
                                    style:
                                        TextStyle(fontWeight: FontWeight.bold),
                                  ),
                                ),
                                items: [
                                  subMenu(Icons.person, "Primary",(){}),
                                  subMenu(Icons.home, "Home Addresses",(){}),
                                  subMenu(
                                      Icons.contact_mail, "Identifications",(){}),
                                  subMenu(Icons.contact_phone, "Contact Info",(){}),
                                  subMenu(Icons.flag, "Citizenships",(){}),
                                ]),
                            const Divider(),
                             MainMenu(
                              icon: Elusive.group,
                              title: "Family",
                              onTap: () {
                                
                              },
                            ),
                            const Divider(),
                             MainMenu(
                              icon: FontAwesome5.graduation_cap,
                              title: "Education",
                              onTap: () {
                                
                              },
                            ),
                            const Divider(),
                             MainMenu(
                              icon: Icons.stars,
                              title: "Eligibility",
                              onTap: () {
                                
                              },
                            ),
                            const Divider(),
                             MainMenu(
                              icon: FontAwesome5.shopping_bag,
                              title: "Work History",
                              onTap: () {
                                
                              },
                            ),
                            const Divider(),
                             MainMenu(
                              icon: FontAwesome5.walking,
                              title: "Voluntary Work & Civic Services",
                              onTap: () {
                                
                              },
                            ),
                            const Divider(),
                             MainMenu(
                              icon: Elusive.lightbulb,
                              title: "Learning & Development",
                              onTap: () {
                                
                              },
                            ),
                            const Divider(),
                             MainMenu(
                              icon: Brandico.codepen,
                              title: "Personal References",
                              onTap: () {
                                
                              },
                            ),
                            ExpandableGroup(
                                collapsedIcon:
                                    const Icon(Icons.keyboard_arrow_down),
                                expandedIcon:
                                    const Icon(Icons.keyboard_arrow_up),
                                header: const ListTile(
                                  leading: Icon(
                                    Icons.info,
                                    color: primary,
                                  ),
                                  title: Text(
                                    "Other Information",
                                    style:
                                        TextStyle(fontWeight: FontWeight.bold),
                                  ),
                                ),
                                items: [
                                  subMenu(
                                      Icons.fitness_center, "Skills & Hobbies",(){}),
                                  subMenu(FontAwesome5.certificate,
                                      "Organization Memberships",(){}),
                                  subMenu(Entypo.doc_text,
                                      "Non-Academic Recognitions",(){}),
                                ]),
                            ExpandableGroup(
                                collapsedIcon:
                                    const Icon(Icons.keyboard_arrow_down),
                                expandedIcon:
                                    const Icon(Icons.keyboard_arrow_up),
                                header: const ListTile(
                                  leading: Icon(
                                    FontAwesome5.laptop_house,
                                    color: primary,
                                  ),
                                  title: Text(
                                    "Assets",
                                    style:
                                        TextStyle(fontWeight: FontWeight.bold),
                                  ),
                                ),
                                items: [
                                  subMenu(ModernPictograms.home,
                                      "Real Property Tax",(){}),
                                ]),
                          ],
                        ),
                      );
  }
}