source_of_electricity_view.dart

Go to the documentation of this file.

import 'package:connect/core/ui/widgets/custom_text_form_field.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:connect/core/ui/widgets/custom_card.dart';
import 'package:connect/features/co2_emmissions/screens/widgets/step_brogress_bar.dart';
 
import '../../operational_details_screen/views/operational_hours_view.dart';
 
class SourceofElectricityView extends StatefulWidget {
  const SourceofElectricityView({super.key});
 
  @override
  State<SourceofElectricityView> createState() =>
      _SourceofElectricityViewState();
}
 
class _SourceofElectricityViewState extends State<SourceofElectricityView> {
  List<String> options = [
    'Grid electricity (provided by Saudi Electricity Company - SEC) (Allow API integration for direct data entry if using SEC smart meters)',
    'Onsite solar panels or renewable sources',
    'Diesel generator (backup or primary source)',
    'Other (specify)',
  ];
 
  List<String> selectedOption = [];
 
  void onSelect(String option) {
    if (selectedOption.contains(option)) {
      selectedOption.remove(option);
    } else {
      selectedOption.add(option);
    }
    setState(() {});
  }
 
  bool isSelected(String option) {
    return selectedOption.contains(option);
  }
 
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      padding: EdgeInsets.all(15.sp),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
            width: double.infinity,
            padding: EdgeInsets.all(15.sp),
            decoration: BoxDecoration(
                color: Colors.red.withOpacity(0.11),
                borderRadius: BorderRadius.circular(10)),
            child: Center(
              child: Text(
                'Energy',
                style: Theme.of(context)
                    .textTheme
                    .bodySmall
                    ?.copyWith(color: Colors.red),
              ),
            ),
          ),
          SizedBox(height: 10.sp),
          CustomCard(
            padding: EdgeInsets.all(15.sp),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                SimpleProgressBar(
                  totalSteps: 6,
                  currentStep: 2,
                ),
                SizedBox(height: 10.sp),
                Text(
                  'What is the source of your electricity?',
                  style: Theme.of(context).textTheme.displaySmall?.copyWith(
                        fontSize: 12.sp,
                      ),
                ),
                SizedBox(height: 5.sp),
                Text(
                  '(Select all that apply):',
                  style: Theme.of(context).textTheme.displaySmall?.copyWith(
                        color: Theme.of(context).hintColor,
                        fontSize: 10.sp,
                      ),
                ),
                SizedBox(height: 10.sp),
                ListView.separated(
                  physics: NeverScrollableScrollPhysics(),
                  shrinkWrap: true,
                  itemCount: options.length,
                  separatorBuilder: (context, index) => SizedBox(height: 10.sp),
                  itemBuilder: (BuildContext context, int index) {
                    return CustomOptionButton(
                      option: options[index],
                      onPressed: () {
                        onSelect(options[index]);
                      },
                      isSelected: isSelected(options[index]),
                    );
                  },
                ),
                SizedBox(height: 10.sp),
                CustomTextFormField(
                  hintText: 'Type...',
                  maxLines: 4,
                  fillColor: Theme.of(context).highlightColor.withOpacity(0.11),
                  controller: TextEditingController(),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}