show_documents_option.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../ui/theme/color_palette.dart';
 
class DocumentOption {
  final IconData icon;
  final String title;
  final Color color;
  final VoidCallback onTap;
 
  DocumentOption({
    required this.icon,
    required this.title,
    required this.color,
    required this.onTap,
  });
}
 
void showDocumentOptions(
  BuildContext context,
  List<DocumentOption> options,
) {
  showDialog(
    context: context,
    builder: (BuildContext context) {
      return Dialog(
        backgroundColor: Colors.transparent,
        elevation: 0,
        child: Container(
          width: 300.w,
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(20.r),
            boxShadow: [
              BoxShadow(
                color: Colors.black.withValues(alpha: 0.1),
                blurRadius: 10,
                spreadRadius: 1,
              ),
            ],
          ),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(
                padding: EdgeInsets.symmetric(vertical: 15.sp),
                decoration: BoxDecoration(
                  color: ColorPalette.lightGreen,
                  borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(20.r),
                    topRight: Radius.circular(20.r),
                  ),
                ),
                child: Center(
                  child: Text(
                    'Select Document Type',
                    style: Theme.of(context).textTheme.titleMedium?.copyWith(
                          fontWeight: FontWeight.bold,
                          color: Colors.white,
                        ),
                  ),
                ),
              ),
              SizedBox(height: 20.h),
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 15.w),
                child: Text(
                  'Choose which document you want to view:',
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    color: ColorPalette.grey,
                    fontSize: 14.sp,
                  ),
                ),
              ),
              SizedBox(height: 20.h),

              Padding(
                padding: EdgeInsets.symmetric(horizontal: 10.w),
                child: Wrap(
                  alignment: WrapAlignment.center,
                  spacing: 10.w,
                  runSpacing: 10.h,
                  children: options.map((option) {
                    return _buildDocumentOption(
                      icon: option.icon,
                      title: option.title,
                      color: option.color,
                      onTap: () {
                        Navigator.pop(context);
                        option.onTap();
                      },
                    );
                  }).toList(),
                ),
              ),
 
              SizedBox(height: 20.h),
              Divider(height: 1, color: Colors.grey.withValues(alpha: 0.3)),
              InkWell(
                onTap: () => Navigator.pop(context),
                borderRadius: BorderRadius.only(
                  bottomLeft: Radius.circular(20.r),
                  bottomRight: Radius.circular(20.r),
                ),
                child: Container(
                  padding: EdgeInsets.symmetric(vertical: 15.sp),
                  width: double.infinity,
                  alignment: Alignment.center,
                  child: Text(
                    'Cancel',
                    style: TextStyle(
                      color: Colors.grey,
                      fontWeight: FontWeight.w500,
                      fontSize: 16.sp,
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      );
    },
  );
}
 
Widget _buildDocumentOption({
  required IconData icon,
  required String title,
  required Color color,
  required VoidCallback onTap,
}) {
  return InkWell(
    onTap: onTap,
    borderRadius: BorderRadius.circular(15.r),
    child: Container(
      width: 120.w,
      padding: EdgeInsets.symmetric(vertical: 15.sp, horizontal: 10.w),
      decoration: BoxDecoration(
        color: color.withValues(alpha: 0.1),
        borderRadius: BorderRadius.circular(15.r),
        border: Border.all(color: color.withValues(alpha: 0.3)),
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Icon(icon, color: color, size: 40.sp),
          SizedBox(height: 10.h),
          Text(
            title,
            textAlign: TextAlign.center,
            style: TextStyle(
              color: color,
              fontWeight: FontWeight.w500,
              fontSize: 14.sp,
            ),
          ),
        ],
      ),
    ),
  );
}