saved_locations_list.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:fluentui_system_icons/fluentui_system_icons.dart';
 
import '../../../../../../core/ui/theme/color_palette.dart';
import '../models/saved_location.dart';
 
class SavedLocationsList extends StatelessWidget {
  final List<SavedLocation> savedLocations;
  final Function(SavedLocation) onLocationSelected;
  final bool isExpanded;
  final VoidCallback onToggle;
  final VoidCallback onClose;
 
  const SavedLocationsList({
    super.key,
    required this.savedLocations,
    required this.onLocationSelected,
    required this.isExpanded,
    required this.onToggle,
    required this.onClose,
  });
 
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(20.r),
          topRight: Radius.circular(20.r),
        ),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.1),
            blurRadius: 10,
            offset: const Offset(0, -2),
          ),
        ],
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          GestureDetector(
            onTap: onToggle,
            child: Container(
              width: double.infinity,
              padding: EdgeInsets.symmetric(vertical: 10.h),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Container(
                    width: 40.w,
                    height: 4.h,
                    decoration: BoxDecoration(
                      color: Colors.grey[300],
                      borderRadius: BorderRadius.circular(2.r),
                    ),
                  ),
                  if (!isExpanded) ...[
                    SizedBox(height: 6.h),
                    Text(
                      'scheduling.saved_locations'.tr(),
                      style: TextStyle(
                        fontSize: 15.sp,
                        fontWeight: FontWeight.w600,
                        color: Colors.black87,
                      ),
                    ),
                  ],
                ],
              ),
            ),
          ),
          if (isExpanded)
            Expanded(
              child: GestureDetector(
                onTap: onToggle,
                behavior: HitTestBehavior.opaque,
                child: SingleChildScrollView(
                  child: Padding(
                    padding: EdgeInsets.fromLTRB(16.w, 0, 16.w, 16.h),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        GestureDetector(
                          onTap: () {}, // Prevent tap from bubbling up
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  Text(
                                    'scheduling.saved_locations'.tr(),
                                    style: TextStyle(
                                      fontSize: 18.sp,
                                      fontWeight: FontWeight.w600,
                                      color: Colors.black87,
                                    ),
                                  ),
                                  GestureDetector(
                                    onTap: onClose,
                                    child: Container(
                                      padding: EdgeInsets.all(4.w),
                                      decoration: BoxDecoration(
                                        color: Colors.grey[100],
                                        borderRadius: BorderRadius.circular(16.r),
                                      ),
                                      child: Icon(
                                        FluentIcons.dismiss_16_regular,
                                        size: 16.sp,
                                        color: Colors.grey[600],
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                              SizedBox(height: 16.h),
                              ListView.separated(
                                shrinkWrap: true,
                                physics: const NeverScrollableScrollPhysics(),
                                itemCount: savedLocations.length,
                                separatorBuilder: (context, index) => SizedBox(height: 8.h),
                                itemBuilder: (context, index) {
                                  final location = savedLocations[index];
                                  return _SavedLocationTile(
                                    location: location,
                                    onTap: () => onLocationSelected(location),
                                  );
                                },
                              ),
                              // SizedBox(height: 16.h),
                              // _AddLocationTile(),
                            ],
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
              ),
            ),
        ],
      ),
    );
  }
}
 
class _SavedLocationTile extends StatelessWidget {
  final SavedLocation location;
  final VoidCallback onTap;
 
  const _SavedLocationTile({
    required this.location,
    required this.onTap,
  });
 
  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: onTap,
      borderRadius: BorderRadius.circular(12.r),
      child: Container(
        padding: EdgeInsets.all(12.w),
        decoration: BoxDecoration(
          color: ColorPalette.antiFlashWhite,
          borderRadius: BorderRadius.circular(12.r),
          border: Border.all(
            color: Colors.grey[200]!,
            width: 1,
          ),
        ),
        child: Row(
          children: [
            Container(
              width: 40.w,
              height: 40.w,
              decoration: BoxDecoration(
                color: ColorPalette.lightGreen.withValues(alpha: 0.1),
                borderRadius: BorderRadius.circular(8.r),
              ),
              child: Icon(
                location.icon,
                color: ColorPalette.lightGreen,
                size: 20.sp,
              ),
            ),
            SizedBox(width: 12.w),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    location.name,
                    style: TextStyle(
                      fontSize: 16.sp,
                      fontWeight: FontWeight.w600,
                      color: Colors.black87,
                    ),
                  ),
                  SizedBox(height: 2.h),
                  Text(
                    location.address,
                    style: TextStyle(
                      fontSize: 14.sp,
                      color: Colors.grey[600],
                    ),
                    maxLines: 1,
                    overflow: TextOverflow.ellipsis,
                  ),
                ],
              ),
            ),
            Icon(
              FluentIcons.chevron_right_16_regular,
              color: Colors.grey[400],
              size: 16.sp,
            ),
          ],
        ),
      ),
    );
  }
}
 
// class _AddLocationTile extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return InkWell(
//       onTap: () {
//         // Handle add new location
//         ScaffoldMessenger.of(context).showSnackBar(
//           const SnackBar(
//             content: Text('Add new location feature coming soon'),
//           ),
//         );
//       },
//       borderRadius: BorderRadius.circular(12.r),
//       child: Container(
//         padding: EdgeInsets.all(12.w),
//         decoration: BoxDecoration(
//           color: Colors.white,
//           borderRadius: BorderRadius.circular(12.r),
//           border: Border.all(
//             color: ColorPalette.lightGreen.withValues(alpha: 0.3),
//             width: 1,
//           ),
//         ),
//         child: Row(
//           children: [
//             Container(
//               width: 40.w,
//               height: 40.w,
//               decoration: BoxDecoration(
//                 color: ColorPalette.lightGreen.withValues(alpha: 0.1),
//                 borderRadius: BorderRadius.circular(8.r),
//               ),
//               child: Icon(
//                 FluentIcons.add_16_regular,
//                 color: ColorPalette.lightGreen,
//                 size: 20.sp,
//               ),
//             ),
//             SizedBox(width: 12.w),
//             Expanded(
//               child: Text(
//                 'Add new location',
//                 style: TextStyle(
//                   fontSize: 16.sp,
//                   fontWeight: FontWeight.w500,
//                   color: ColorPalette.lightGreen,
//                 ),
//               ),
//             ),
//             Icon(
//               FluentIcons.chevron_right_16_regular,
//               color: ColorPalette.lightGreen.withValues(alpha: 0.7),
//               size: 16.sp,
//             ),
//           ],
//         ),
//       ),
//     );
//   }
// }