encrateia/lib/screens/add_power_zone_schema_screen.dart

import 'package:datetime_picker_formfield/datetime_picker_formfield.dart';
import 'package:flutter/material.dart';
import 'package:flutter_material_color_picker/flutter_material_color_picker.dart';
import 'package:intl/intl.dart';
import '/models/power_zone.dart';
import '/models/power_zone_schema.dart';
import '/utils/icon_utils.dart';
import '/utils/my_button.dart';
import '/utils/my_button_style.dart';
import '/utils/my_color.dart';
import 'add_power_zone_screen.dart';

class AddPowerZoneSchemaScreen extends StatefulWidget {
  const AddPowerZoneSchemaScreen({
    Key? key,
    required this.powerZoneSchema,
    required this.numberOfSchemas,
  }) : super(key: key);

  final PowerZoneSchema powerZoneSchema;
  final int numberOfSchemas;

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

class AddPowerZoneSchemaScreenState extends State<AddPowerZoneSchemaScreen> {
  List<PowerZone> powerZones = <PowerZone>[];
  int offset = 0;
  int? rows;

  @override
  void initState() {
    getData();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: MyColor.settings,
        title: const Text('Add Power Zone Schema'),
      ),
      body: SafeArea(
        child: ListView(
          padding: const EdgeInsets.only(left: 20, right: 20),
          children: <Widget>[
            const Card(
              margin: EdgeInsets.all(40),
              child: ListTile(
                leading: MyIcon.warning,
                title: Text('Instructions to update your current base value'),
                subtitle: Text(
                  '1) Change the VALID FROM date to today to copy the power zone schema.\n'
                  '2) Edit the BASE VALUE to the new value.\n'
                  '3) Click SAVE to persist your changes.',
                ),
              ),
            ),
            DateTimeField(
              decoration: const InputDecoration(labelText: 'Valid from'),
              format: DateFormat('yyyy-MM-dd'),
              initialValue: widget.powerZoneSchema.date,
              resetIcon: null,
              onShowPicker: (BuildContext context, DateTime? currentValue) {
                return showDatePicker(
                  context: context,
                  firstDate: DateTime(1969),
                  initialDate: DateTime.now(),
                  lastDate: DateTime(2100),
                );
              },
              onChanged: (DateTime? value) => copyPowerZoneSchema(date: value),
            ),
            TextFormField(
              decoration: const InputDecoration(labelText: 'Name'),
              initialValue: widget.powerZoneSchema.name,
              onChanged: (String value) => widget.powerZoneSchema.name = value,
            ),
            TextFormField(
              decoration: const InputDecoration(
                labelText: 'Base value in W',
                helperText: 'e.g. Critical Power, Functional Threshold Power',
              ),
              initialValue: widget.powerZoneSchema.base.toString(),
              keyboardType: TextInputType.number,
              onChanged: (String value) =>
                  updatePowerZoneBase(base: int.parse(value)),
            ),
            const SizedBox(height: 10),
            DataTable(
              headingRowHeight: kMinInteractiveDimension * 0.80,
              dataRowHeight: kMinInteractiveDimension * 0.75,
              columnSpacing: 20,
              horizontalMargin: 10,
              columns: const <DataColumn>[
                DataColumn(label: Text('Zone')),
                DataColumn(label: Text('Limits (W)')),
                DataColumn(label: Text('Color')),
                DataColumn(label: Text('Edit')),
              ],
              rows: powerZones.map((PowerZone powerZone) {
                return DataRow(
                  key: ValueKey<int?>(powerZone.id),
                  cells: <DataCell>[
                    DataCell(Text(powerZone.name!)),
                    DataCell(Text(
                        '${powerZone.lowerLimit} - ${powerZone.upperLimit}')),
                    DataCell(CircleColor(
                      circleSize: 20,
                      elevation: 0,
                      color: Color(powerZone.color!),
                    )),
                    DataCell(
                      MyIcon.edit,
                      onTap: () async {
                        await Navigator.push(
                          context,
                          MaterialPageRoute<BuildContext>(
                            builder: (BuildContext context) =>
                                AddPowerZoneScreen(
                              powerZone: powerZone,
                              base: widget.powerZoneSchema.base,
                              numberOfZones: powerZones.length,
                            ),
                          ),
                        );
                        getData();
                      },
                    )
                  ],
                );
              }).toList(),
            ),
            const SizedBox(height: 10),
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: <Widget>[
                MyButton.add(
                  child: const Text('Add power zone'),
                  onPressed: () async {
                    await Navigator.push(
                      context,
                      MaterialPageRoute<BuildContext>(
                        builder: (BuildContext context) => AddPowerZoneScreen(
                          powerZone: PowerZone(
                              powerZoneSchema: widget.powerZoneSchema),
                          base: widget.powerZoneSchema.base,
                          numberOfZones: powerZones.length,
                        ),
                      ),
                    );
                    getData();
                  },
                ),
              ],
            ),
            const SizedBox(height: 10),
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: <Widget>[
                if (widget.numberOfSchemas > 1)
                  MyButton.delete(
                    onPressed: () => deletePowerZoneSchema(
                      powerZoneSchema: widget.powerZoneSchema,
                    ),
                  ),
                const SizedBox(width: 5),
                MyButton.cancel(onPressed: () => Navigator.of(context).pop()),
                const SizedBox(width: 5),
                MyButton.save(onPressed: () => savePowerZoneSchema(context)),
              ],
            ),
          ],
        ),
      ),
    );
  }

  Future<void> savePowerZoneSchema(BuildContext context) async {
    await widget.powerZoneSchema.save();
    await PowerZone.upsertAll(powerZones);
    if (context.mounted) {
      Navigator.of(context).pop();
    }
  }

  Future<void> getData() async {
    powerZones = await widget.powerZoneSchema.powerZones;
    setState(() {});
  }

  Future<void> deletePowerZoneSchema(
      {required PowerZoneSchema powerZoneSchema}) async {
    await powerZoneSchema.delete();
    if (context.mounted) {
      Navigator.of(context).pop();
    }
  }

  Future<void>? updatePowerZoneBase({int? base}) {
    setState(() {
      widget.powerZoneSchema.base = base;
      for (final PowerZone powerZone in powerZones) {
        powerZone.lowerLimit =
            (powerZone.lowerPercentage! * base! / 100).round();
        powerZone.upperLimit =
            (powerZone.upperPercentage! * base / 100).round();
      }
    });
    return null;
  }

  Future<void> copyPowerZoneSchema({DateTime? date}) async {
    widget.powerZoneSchema
      ..date = date
      ..id = null;
    final int? powerZoneSchemaId = await widget.powerZoneSchema.save();
    for (final PowerZone powerZone in powerZones) {
      powerZone
        ..powerZoneSchemataId = powerZoneSchemaId
        ..id = null;
    }
    await PowerZone.upsertAll(powerZones);
    await getData();

    if (context.mounted) {
      showDialog<BuildContext>(
        context: context,
        builder: (_) =>
            AlertDialog(
              title: const Text('Power Zone Schema has been copied'),
              content: const Text(
                  'If you only wanted to fix the date you need to delete the old '
                      'power zone schema manually.'),
              actions: <Widget>[
                ElevatedButton(
                  style: MyButtonStyle.raisedButtonStyle(
                      color: MyColor.primary),
                  child: const Text('OK'),
                  onPressed: () => Navigator.of(context).pop(),
                ),
              ],
            ),
      );
    }
  }
}