water_disposal_view.dart

Go to the documentation of this file.

import 'package:connect/features/co2_emmissions/screens/operational_details_screen/views/operational_hours_view.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../../../core/ui/widgets/custom_card.dart';
import '../../../../../core/ui/widgets/custom_text_form_field.dart';
import '../../widgets/step_brogress_bar.dart';
 
class WastewaterDisposalView extends StatefulWidget {
  const WastewaterDisposalView({super.key});
 
  @override
  State<WastewaterDisposalView> createState() => _WastewaterDisposalViewState();
}
 
class _WastewaterDisposalViewState extends State<WastewaterDisposalView> {
  final List<String> options = [
    'Municipal sewage system',
    'Septic tank',
    'On-site treatment plant',
    'Other (specify)',
  ];
  List<String> selectedOptions = [];
 
  void _onSelect(String option) {
    setState(() {
      if (selectedOptions.contains(option)) {
        selectedOptions.remove(option);
      } else {
        selectedOptions.add(option);
      }
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      padding: EdgeInsets.all(15.sp),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          _buildHeader(context),
          SizedBox(height: 10.sp),
          CustomCard(
            padding: EdgeInsets.all(15.sp),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                SimpleProgressBar(
                  totalSteps: 6,
                  currentStep: 6,
                ),
                SizedBox(height: 10.sp),
                Text(
                  'How Do You Dispose Of Wastewater?',
                  style: Theme.of(context).textTheme.displaySmall?.copyWith(
                        fontSize: 12.sp,
                      ),
                ),
                Text(
                  '(Select All That Apply)',
                  style: Theme.of(context).textTheme.displaySmall?.copyWith(
                        color: Theme.of(context).hintColor,
                        fontSize: 10.sp,
                      ),
                ),
                SizedBox(height: 20.sp),
                ...options.map((option) => Padding(
                      padding: const EdgeInsets.only(bottom: 10),
                      child: CustomOptionButton(
                        isSelected: selectedOptions.contains(option),
                        onPressed: () => _onSelect(option),
                        option: option,
                      ),
                    )),
                if (selectedOptions.contains('Other (specify)'))
                  CustomTextFormField(
                    hintText: 'Type...',
                    maxLines: 4,
                    fillColor:
                        Theme.of(context).highlightColor.withOpacity(0.11),
                    controller: TextEditingController(),
                  ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}
 
// Helper widget for the blue header shown in all views
Widget _buildHeader(BuildContext context) {
  return Container(
    width: double.infinity,
    padding: EdgeInsets.all(15.sp),
    decoration: BoxDecoration(
      color: Colors.blue.withOpacity(0.11),
      borderRadius: BorderRadius.circular(10),
    ),
    child: Center(
      child: Text(
        'Water',
        style: Theme.of(context)
            .textTheme
            .bodySmall
            ?.copyWith(color: Colors.blue),
      ),
    ),
  );
}