own_vehicles_view.dart

Go to the documentation of this file.

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 '../../operational_details_screen/views/operational_hours_view.dart';
import '../../widgets/step_brogress_bar.dart';
 
class OwnVehiclesView extends StatefulWidget {
  const OwnVehiclesView({super.key});
 
  @override
  State<OwnVehiclesView> createState() => _OwnVehiclesViewState();
}
 
class _OwnVehiclesViewState extends State<OwnVehiclesView> {
  String? useOwnVehicles;
  final Set<String> selectedVehicleTypes = {};
 
  final List<String> yesNoOptions = ['Yes', 'No'];
  final List<String> vehicleTypes = [
    'Petrol cars/vans',
    'Diesel cars/vans',
    'Electric or hybrid vehicles',
    'Other (specify)',
  ];
 
  void _onSelectUseOwnVehicles(String option) {
    setState(() {
      useOwnVehicles = option;
    });
  }
 
  void _onSelectVehicleType(String option) {
    setState(() {
      if (selectedVehicleTypes.contains(option)) {
        selectedVehicleTypes.remove(option);
      } else {
        selectedVehicleTypes.add(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.blue.withOpacity(0.11),
              borderRadius: BorderRadius.circular(10),
            ),
            child: Center(
              child: Text(
                'Transport',
                style: Theme.of(context)
                    .textTheme
                    .bodySmall
                    ?.copyWith(color: Colors.blue),
              ),
            ),
          ),
          SizedBox(height: 10.sp),
          CustomCard(
            padding: EdgeInsets.all(15.sp),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                SimpleProgressBar(
                  totalSteps: 6,
                  currentStep: 5,
                ),
                SizedBox(height: 10.sp),
                Text(
                  'Do You Use Your Own Vehicles For Deliveries Or Business Operations?',
                  style: Theme.of(context).textTheme.displaySmall?.copyWith(
                        fontSize: 12.sp,
                      ),
                ),
                SizedBox(height: 20.sp),
                ...yesNoOptions.map((option) => Padding(
                      padding: const EdgeInsets.only(bottom: 10),
                      child: CustomOptionButton(
                        isSelected: useOwnVehicles == option,
                        onPressed: () => _onSelectUseOwnVehicles(option),
                        option: option,
                      ),
                    )),
                if (useOwnVehicles == 'Yes') ...[
                  SizedBox(height: 20.sp),
                  Text(
                    '(If Yes) What Type Of Vehicles Do You Use For Deliveries And Business Operations?',
                    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),
                  ...vehicleTypes.map((option) => Padding(
                        padding: const EdgeInsets.only(bottom: 10),
                        child: CustomOptionButton(
                          isSelected: selectedVehicleTypes.contains(option),
                          onPressed: () => _onSelectVehicleType(option),
                          option: option,
                        ),
                      )),
                  if (selectedVehicleTypes.contains('Other (specify)'))
                    CustomTextFormField(
                      hintText: 'Type...',
                      maxLines: 4,
                      fillColor:
                          Theme.of(context).highlightColor.withOpacity(0.11),
                      controller: TextEditingController(),
                    ),
                ],
              ],
            ),
          ),
        ],
      ),
    );
  }
}