passo_mobile_app/lib/screens/offline/passo/building/edit/AddExtraItemsEdit.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_form_builder/flutter_form_builder.dart';
import 'package:form_builder_validators/form_builder_validators.dart';
import 'package:intl/intl.dart';
import 'package:searchfield/searchfield.dart';
import 'package:unit2/bloc/offline/offline_passo/building/additional_items_offline/additional_items_offline_bloc.dart';
import 'package:unit2/model/passo/class_components%20_offline.dart';

import '../../../../../model/passo/additional_items.dart';
import '../../../../../model/passo/class_components.dart';
import '../../../../../model/passo/unit_construct.dart';
import '../../../../../theme-data.dart/form-style.dart';

class AddExtraItemsEditOffline extends StatefulWidget {
  final List<UnitConstruct> unit;
  final List<ClassComponentsOffline> options;
  final int tempId;

  AddExtraItemsEditOffline(this.unit, this.options, this.tempId);

  @override
  _AddExtraItemsEditOffline createState() => _AddExtraItemsEditOffline();
}

class _AddExtraItemsEditOffline extends State<AddExtraItemsEditOffline> {
  GlobalKey<FormBuilderState> formKey = GlobalKey<FormBuilderState>();
  final focus = FocusNode();
  double _computedValue = 0;
  bool isPainted = false;
  bool isSecondHand = false;
  TextEditingController textEditingController = TextEditingController();
  double _unitBase = 0;
  double _areaValue = 0;
  double _depValue = 0;
  double _unitValue = 0;
  double _marketValue = 0;
  String _className = "";
  int _classId = 0;
  String _structureType = "";
  bool _withoutBUCC = false;
  int _notPaintedUnitVal = 0;
  int _secondHandUnitVal = 0;

  BoxDecoration box1() {
    return const BoxDecoration(boxShadow: [
      BoxShadow(color: Colors.black12, spreadRadius: 5, blurRadius: 5)
    ], color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(3)));
  }

  double _computeValue(double unitbase, double unitvalue, double area) {
// Compute some value based on the text here
    return (unitbase * unitvalue) * area;
  }

  double _amountofDepreciation(unitVal, unitBase, area, depreciation) {
    return ((unitVal * unitBase) * area) * depreciation;
  }

  double _adjustedMarketValue(unitVal, unitBase, area, depreciation) {
    double depAmount = ((unitVal * unitBase) * area) * depreciation;

    return ((unitVal * unitBase) * area) - depAmount;
  }

  double _totalMarketValue(unitVal, unitBase, area, depreciation, withBUCC,
      className, painted, secondHand, paintedUnitVal, secondhandUntVal) {
    if (withBUCC == false) {
      if (painted == true || secondHand == true) {
        final deductions = (paintedUnitVal + secondhandUntVal) / 100;

        print(deductions);
        return (((unitVal - deductions) * unitBase) * area);
      } else {
        return ((unitVal * unitBase) * area);
      }
    } else {
      return (unitVal * area);
    }
  }

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<AdditionalItemsOfflineBloc, AdditionalItemsOfflineState>(
        buildWhen: (previous, current) {
      return false;
    }, builder: (context, state) {
      if (state is ShowAddItemsScreen) {
        return FormBuilder(
            key: formKey,
            onChanged: () {
              formKey.currentState?.save();
            },
            autovalidateMode: AutovalidateMode.disabled,
            child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Container(
                  height: 800,
                  child: SingleChildScrollView(
                    padding: const EdgeInsets.all(8.0),
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisSize: MainAxisSize.min,
                      children: <Widget>[
                        Container(
                          margin: const EdgeInsets.only(
                              left: 0, top: 10, right: 0, bottom: 0),
                          child: SizedBox(
                            height: 45,
                            width: 300,
                            child: FormBuilderDropdown(
                              name: 'extra_item',
                              autofocus: false,
                              decoration:
                                  normalTextFieldStyle("Additional Item", ""),
                              items: widget.options
                                  .map((e) => DropdownMenuItem(
                                        value: e,
                                        child: Text(e.componentName!),
                                      ))
                                  .toList(),
                              onChanged: (value) {
                                if (value!.minBaseUnitvalPercent != '0.00') {
                                  setState(() {
                                    _unitValue = double.parse(
                                        value.minBaseUnitvalPercent!);
                                    _className = value.componentName!;
                                    _classId = value.id!;
                                    _withoutBUCC =
                                        value.withoutBucc == 1 ? true : false;
                                  });
                                  formKey.currentState!.patchValue({
                                    'unitValue': value.minBaseUnitvalPercent
                                  });
                                  formKey.currentState!.patchValue({
                                    'buccValue': (double.parse(
                                                value.minBaseUnitvalPercent!) *
                                            100)
                                        .toString()
                                  });
                                }
                                if (value.maxBaseUnitvalPercent != '0.00') {
                                  setState(() {
                                    _unitValue = double.parse(
                                        value.maxBaseUnitvalPercent!);
                                    _className = value.componentName!;
                                    _classId = value.id!;
                                    _withoutBUCC =
                                        value.withoutBucc == 1 ? true : false;
                                  });
                                  formKey.currentState!.patchValue({
                                    'unitValue': value.maxBaseUnitvalPercent
                                  });
                                  formKey.currentState!.patchValue({
                                    'buccValue': (double.parse(
                                                value.maxBaseUnitvalPercent!) *
                                            100)
                                        .toString()
                                  });
                                }
                                if (value.minUnitvalSqrmtr != '0.00') {
                                  setState(() {
                                    _unitValue =
                                        double.parse(value.minUnitvalSqrmtr!);
                                    _className = value.componentName!;
                                    _classId = value.id!;
                                    _withoutBUCC =
                                        value.withoutBucc == 1 ? true : false;
                                  });
                                  formKey.currentState!.patchValue(
                                      {'unitValue': value.minUnitvalSqrmtr});
                                  formKey.currentState!
                                      .patchValue({'buccValue': '100'});
                                }
                                if (value.maxUnitvalSqrmtr != '0.00') {
                                  setState(() {
                                    _unitValue =
                                        double.parse(value.maxUnitvalSqrmtr!);
                                    _className = value.componentName!;
                                    _classId = value.id!;
                                    _withoutBUCC =
                                        value.withoutBucc == 1 ? true : false;
                                  });
                                  formKey.currentState!.patchValue(
                                      {'unitValue': value.maxUnitvalSqrmtr});
                                  formKey.currentState!
                                      .patchValue({'buccValue': '100'});
                                }
                                if (value.minAddBaseunitval != '0.00') {
                                  setState(() {
                                    _unitValue =
                                        double.parse(value.minAddBaseunitval!);
                                    _className = value.componentName!;
                                    _classId = value.id!;
                                    _withoutBUCC =
                                        value.withoutBucc == 1 ? true : false;
                                  });
                                  formKey.currentState!.patchValue(
                                      {'unitValue': value.minAddBaseunitval});
                                  formKey.currentState!
                                      .patchValue({'buccValue': '100'});
                                }
                                if (value.maxAddBaseunitval != '0.00') {
                                  setState(() {
                                    _unitValue =
                                        double.parse(value.maxAddBaseunitval!);
                                    _className = value.componentName!;
                                    _classId = value.id!;
                                    _withoutBUCC =
                                        value.withoutBucc == 1 ? true : false;
                                  });
                                  formKey.currentState!.patchValue(
                                      {'unitValue': value.maxAddBaseunitval});
                                  formKey.currentState!
                                      .patchValue({'buccValue': '100'});
                                }
                                if (value.minDeductBaserate != '0.00') {
                                  setState(() {
                                    _unitValue =
                                        double.parse(value.minDeductBaserate!);
                                    _className = value.componentName!;
                                    _classId = value.id!;
                                    _withoutBUCC =
                                        value.withoutBucc == 1 ? true : false;
                                  });
                                  formKey.currentState!.patchValue(
                                      {'unitValue': value.minDeductBaserate});
                                  formKey.currentState!
                                      .patchValue({'buccValue': '100'});
                                }
                                if (value.maxDeductBaserate != '0.00') {
                                  setState(() {
                                    _unitValue =
                                        double.parse(value.maxDeductBaserate!);
                                    _className = value.componentName!;
                                    _classId = value.id!;
                                    _withoutBUCC =
                                        value.withoutBucc == 1 ? true : false;
                                  });
                                  formKey.currentState!.patchValue(
                                      {'unitValue': value.maxDeductBaserate});
                                  formKey.currentState!
                                      .patchValue({'buccValue': '100'});
                                }
                              },
                            ),
                          ),
                        ),
                        const SizedBox(height: 10),
                        Container(
                          margin: const EdgeInsets.only(
                              left: 0, top: 10, right: 0, bottom: 0),
                          child: SizedBox(
                            height: 45,
                            child: SearchField(
                              itemHeight: 70,
                              suggestions: widget.unit
                                  .map((UnitConstruct unit) =>
                                      SearchFieldListItem(
                                          '${unit.bldgType} - ${unit.building}',
                                          item: unit,
                                          child: ListTile(
                                            title: Text(
                                              '${unit.bldgType} - ${unit.building!.toUpperCase()}',
                                              overflow: TextOverflow.ellipsis,
                                            ),
                                          )))
                                  .toList(),

                              validator: FormBuilderValidators.required(
                                  errorText: "This field is required"),

                              searchInputDecoration: normalTextFieldStyle(
                                      "Structure Type", "")
                                  .copyWith(
                                      suffixIcon:
                                          const Icon(Icons.arrow_drop_down)),
                              ////agency suggestion tap
                              focusNode: focus,
                              suggestionState: Suggestion.expand,
                              onSuggestionTap: (unit) {
                                setState(() {
                                  if (_withoutBUCC) {
                                    _unitBase = _unitValue;
                                    _structureType =
                                        '${unit.item!.bldgType} - ${unit.item!.building}';
                                    formKey.currentState!
                                        .patchValue({'buccValue': '100'});
                                  } else {
                                    _unitBase =
                                        double.parse(unit.item!.unitValue);
                                    _structureType =
                                        '${unit.item!.bldgType} - ${unit.item!.building}';
                                    formKey.currentState!.patchValue(
                                        {'unitValue': unit.item!.unitValue});
                                  }
                                });
                                focus.unfocus();
                              },
                            ),
                          ),
                        ),
                        const SizedBox(height: 10),
                        Row(
                          children: [
                            Expanded(
                              flex: 1,
                              child: FormBuilderTextField(
                                name: 'unitValue',
                                decoration:
                                    normalTextFieldStyle("Unit Value", ""),
                                keyboardType: TextInputType.phone,
                                validator: FormBuilderValidators.compose([]),
                              ),
                            ),
                            const SizedBox(width: 10),
                            Expanded(
                              flex: 1,
                              child: FormBuilderTextField(
                                name: 'buccValue',
                                decoration: normalTextFieldStyle("BUCC", ""),
                                keyboardType: TextInputType.phone,
                                validator: FormBuilderValidators.compose([]),
                                onChanged: (value) {
                                  // setState(() {
                                  //   _areaValue = double.parse(value!);
                                  // });
                                },
                              ),
                            ),
                            const SizedBox(
                              height: 40,
                              width: 40,
                              child: Center(
                                child: Text(
                                  '%',
                                  style: TextStyle(
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold),
                                ),
                              ),
                            )
                          ],
                        ),
                        SizedBox(
                          height: 10,
                        ),
                        Row(
                          children: [
                            Expanded(
                              flex: 1,
                              child: FormBuilderTextField(
                                name: 'areaValue',
                                decoration: normalTextFieldStyle("Area", ""),
                                keyboardType: TextInputType.phone,
                                validator: FormBuilderValidators.compose([]),
                                onChanged: (value) {
                                  setState(() {
                                    _areaValue = double.parse(value!);
                                  });
                                },
                              ),
                            ),
                          ],
                        ),
                        Visibility(
                          visible: !_withoutBUCC,
                          child: Column(
                            children: [
                              const SizedBox(height: 10),
                              Text('Building is not painted?'),
                              const SizedBox(height: 5),
                              Container(
                                child: Row(
                                  children: [
                                    Checkbox(
                                      value: isPainted,
                                      onChanged: (bool? value) {
                                        setState(() {
                                          isPainted = value!;
                                          if (value == false) {
                                            _notPaintedUnitVal = 0;
                                          } else {
                                            _notPaintedUnitVal = 10;
                                          }
                                        });
                                      },
                                    ),
                                    const SizedBox(width: 10),
                                    Container(
                                      height: 40.0,
                                      width: 100,
                                      decoration: BoxDecoration(
                                        color: Colors.white,
                                        border: Border.all(
                                          color: Colors.grey,
                                          width: 1.0,
                                        ),
                                        borderRadius:
                                            BorderRadius.circular(5.0),
                                      ),
                                      child: Align(
                                          alignment: Alignment.center,
                                          child: Text(' - ' +
                                              _notPaintedUnitVal.toString() +
                                              '%')),
                                    ),
                                  ],
                                ),
                              ),
                              const SizedBox(height: 10),
                              Text('Uses second hand materials?'),
                              const SizedBox(height: 5),
                              Container(
                                child: Row(
                                  children: [
                                    Checkbox(
                                      value: isSecondHand,
                                      onChanged: (bool? value) {
                                        setState(() {
                                          isSecondHand = value!;
                                          if (isSecondHand == false) {
                                            _secondHandUnitVal = 0;
                                            formKey.currentState!.patchValue(
                                                {'secondHandMat': '0'});
                                          } else {
                                            _secondHandUnitVal = 5;
                                            formKey.currentState!.patchValue(
                                                {'secondHandMat': '5'});
                                          }
                                        });
                                      },
                                    ),
                                    const SizedBox(width: 10),
                                    Row(
                                      children: [
                                        SizedBox(
                                          height: 40,
                                          width: 100,
                                          child: FormBuilderTextField(
                                            enabled: isSecondHand,
                                            name: 'secondHandMat',
                                            textAlign: TextAlign.center,
                                            decoration: normalTextFieldStyle(
                                                "Unit Value", ""),
                                            validator:
                                                FormBuilderValidators.compose(
                                                    []),
                                            keyboardType: TextInputType.phone,
                                            onChanged: (value) {
                                              // Check if the value is not null before parsing to double
                                              if (value != null &&
                                                  value.isNotEmpty) {
                                                setState(() {
                                                  _secondHandUnitVal =
                                                      int.parse(value);
                                                });
                                              } else {
                                                // Handle the case when the value is empty or null
                                                // For example, set _secondHandUnitVal to a default value or show an error message.
                                              }
                                            },
                                          ),
                                        ),
                                        SizedBox(
                                          height: 40,
                                          width: 40,
                                          child: Center(
                                            child: Text(
                                              '%',
                                              style: TextStyle(
                                                  fontSize: 18,
                                                  fontWeight: FontWeight.bold),
                                            ),
                                          ),
                                        )
                                      ],
                                    ),
                                  ],
                                ),
                              ),
                            ],
                          ),
                        ),
                        const SizedBox(height: 10),
                        Text('Market Value'),
                        const SizedBox(height: 5),
                        Container(
                          height: 45.0,
                          width: double.infinity,
                          decoration: BoxDecoration(
                            color: Colors.white,
                            border: Border.all(
                              color: Colors.grey,
                              width: 1.0,
                            ),
                            borderRadius: BorderRadius.circular(5.0),
                          ),
                          child: Align(
                              alignment: Alignment.center,
                              child: Text(NumberFormat.currency(
                                      locale: 'en-PH', symbol: "₱")
                                  .format(_totalMarketValue(
                                      _unitValue,
                                      _unitBase,
                                      _areaValue,
                                      _depValue,
                                      _withoutBUCC,
                                      _className,
                                      isPainted,
                                      isSecondHand,
                                      _notPaintedUnitVal,
                                      _secondHandUnitVal)))),
                        ),
                        const SizedBox(height: 10),
                        Row(
                          children: [
                            Container(
                              width: 120,
                              height: 60,
                              padding: const EdgeInsets.all(8.0),
                              child: ElevatedButton(
                                onPressed: () {
                                  context
                                      .read<AdditionalItemsOfflineBloc>()
                                      .add(AddAdditionalItems(
                                          id: 1,
                                          bldgapprDetailsId: widget.tempId,
                                          classId: _classId,
                                          assessedById: '',
                                          assessedByName: '',
                                          dateCreated: '',
                                          dateModified: '',
                                          className: _className,
                                          structType: _structureType,
                                          unitValue: _withoutBUCC == true
                                              ? 100
                                              : _unitValue * 100,
                                          baseUnitValue: _unitBase.toString(),
                                          area: _areaValue,
                                          marketValue:
                                              (_unitValue * _unitBase) *
                                                  _areaValue,
                                          depreciationRate: _depValue,
                                          adjustedMarketVal: _totalMarketValue(
                                                  _unitValue,
                                                  _unitBase,
                                                  _areaValue,
                                                  _depValue,
                                                  _withoutBUCC,
                                                  _className,
                                                  isPainted,
                                                  isSecondHand,
                                                  _notPaintedUnitVal,
                                                  _secondHandUnitVal)
                                              .toString(),
                                          actualUse: 'Test',
                                          amtDepreciation:
                                              _amountofDepreciation(
                                            _unitValue,
                                            _unitBase,
                                            _areaValue,
                                            _depValue,
                                          ),
                                          painted: true,
                                          secondhand: true,
                                          paintedUnitval: '1',
                                          secondhandUnitval: '1',
                                          genCode: "5th"));
                                },
                                style: ElevatedButton.styleFrom(
                                  backgroundColor: Colors.black,
                                ),
                                child: const Text("Submit"),
                              ),
                            ),
                            SizedBox(
                                width:
                                    5), // Use SizedBox for horizontal spacing in a Row
                            Container(
                              width: 120,
                              height: 60,
                              padding: const EdgeInsets.all(8.0),
                              child: ElevatedButton(
                                onPressed: () {
                                  context
                                      .read<AdditionalItemsOfflineBloc>()
                                      .add(LoadAdditionalItems());
                                },
                                style: ElevatedButton.styleFrom(
                                  backgroundColor: Colors.black,
                                ),
                                child: const Text("Cancel"),
                              ),
                            ),
                          ],
                        )
                      ],
                    ),
                  ),
                )));
      }
      return Container();
    });
  }
}