Untitled

import 'package:easypack/models/item_list.dart';
import 'package:easypack/models/packing_list.dart';
import 'package:easypack/models/weather.dart';
import 'package:easypack/pages/create_packing_list_page.dart';
import 'package:easypack/providers/packing_list_provider.dart';
import 'package:easypack/widgets/loading_widget.dart';
import 'package:easypack/widgets/weather_info.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:provider/provider.dart';
import 'package:easypack/utils/string_extentsion.dart';

class TripBottomSection extends StatelessWidget {
  final String tripTitle;
  final String tripId;
  final List<Weather> weatherData;
  final bool isMobile;

  const TripBottomSection({
    super.key,
    required this.tripTitle,
    required this.tripId,
    required this.weatherData,
    required this.isMobile,
  });

  @override
  Widget build(BuildContext context) {
    print("in build of trip bottom");
    return Expanded(
      child: SingleChildScrollView(
        child: Container(
          padding: const EdgeInsets.all(16.0),
          color: const Color(0xFdfbfbfb),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              WeatherInfo(weatherData: weatherData),
              FutureBuilder<PackingList?>(
                future: Provider.of<PackingListProvider>(context)
                    .getPackingList(tripId),
                builder: (context, snapshot) {
                  if (snapshot.connectionState == ConnectionState.waiting) {
                    return const Center(child: LoadingWidget());
                  } else if (snapshot.hasError) {
                    return Center(child: Text('Error: ${snapshot.error}'));
                  } else if (!snapshot.hasData) {
                    return ElevatedButton.icon(
                      onPressed: () {
                        Navigator.push(
                          context,
                          MaterialPageRoute(
                            builder: (context) => CreatePackingListPage(
                              tripId: tripId,
                              tripTitle: tripTitle,
                            ),
                          ),
                        );
                      },
                      icon: const Icon(Icons.add),
                      label: const Text('Create Packing List'),
                      style: ElevatedButton.styleFrom(
                        foregroundColor: Colors.white,
                        backgroundColor: Colors.green,
                        padding: EdgeInsets.symmetric(
                          horizontal: isMobile ? 20 : 25,
                          vertical: isMobile ? 10 : 12,
                        ),
                        textStyle: TextStyle(fontSize: isMobile ? 16 : 14),
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(10),
                        ),
                      ),
                    );
                  } else {
                    String? description =
                        Provider.of<PackingListProvider>(context)
                            .currentPackingList!
                            .description;
                    Map<String, List<ItemList>> groupedItems =
                        Provider.of<PackingListProvider>(context)
                            .groupItemsByCategory();

                    return Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        const SizedBox(height: 15),
                        Container(
                          padding: const EdgeInsets.all(16.0),
                          margin: const EdgeInsets.only(bottom: 16.0),
                          decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(8.0),
                            boxShadow: [
                              BoxShadow(
                                color: Colors.grey.withOpacity(0.5),
                                spreadRadius: 1,
                                blurRadius: 3,
                                offset: const Offset(0, 1), // changes position of shadow
                              ),
                            ],
                          ),
                          child: Text(
                            description!,
                            textAlign: TextAlign.center,
                            style:  const TextStyle(
                              fontSize: 16,
                              color:  Color.fromARGB(255, 0, 50, 92),
                              fontStyle: FontStyle.normal,
                            ),
                          ),
                        ),
                        Container(
                          padding: const EdgeInsets.all(16.0),
                          decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(8.0),
                            boxShadow: [
                              BoxShadow(
                                color: Colors.grey.withOpacity(0.5),
                                spreadRadius: 1,
                                blurRadius: 3,
                                offset: const Offset(0, 1), // changes position of shadow
                              ),
                            ],
                          ),
                          child: ListView.builder(
                            shrinkWrap: true,
                            physics: const NeverScrollableScrollPhysics(), // Prevents the list from scrolling independently
                            itemCount: groupedItems.length,
                            itemBuilder: (context, index) {
                              String category = groupedItems.keys.elementAt(index);
                              List<ItemList> items = groupedItems[category]!;
                              return Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Padding(
                                    padding: const EdgeInsets.symmetric(vertical: 8.0),
                                    child: Row(
                                      children: [
                                        SvgPicture.asset(
                                          'assets/icons/${category.addUnderscores().toLowerCase()}.svg',
                                          width: 30.0,
                                          height: 30.0,
                                        ),
                                        const SizedBox(width: 8.0),
                                        Text(
                                          category.capitalize().removeUnderscores(),
                                          style: const TextStyle(
                                            fontWeight: FontWeight.bold,
                                            fontSize: 16,
                                            color: Color.fromARGB(255, 0, 50, 92)
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                  ...items.map((item) => ListTile(
                                        title: Text(item.itemName.capitalize()),
                                        trailing: Text('${item.amountPerTrip}'),
                                      )),
                                  if (index < groupedItems.length - 1)
                                    const Divider(),
                                ],
                              );
                            },
                          ),
                        ),
                      ],
                    );
                  }
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}