import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/localization/localization.dart';
import 'package:test_sa/controllers/providers/api/user_provider.dart';
import 'package:test_sa/models/pantry/calibration_tools.dart';
import 'package:test_sa/views/app_style/sizing.dart';
import 'package:test_sa/views/widgets/buttons/app_button.dart';
import 'package:test_sa/views/widgets/buttons/app_small_button.dart';
import 'package:test_sa/views/widgets/date_and_time/date_picker.dart';
import 'package:test_sa/views/widgets/pentry/auto_complete_fields/auto_complete_devices_field.dart';
import 'package:test_sa/views/widgets/titles/app_sub_title.dart';

class PentryCalibrationToolForm extends StatefulWidget {
  final List<CalibrationTool> models;
  final bool enableValidate;
  const PentryCalibrationToolForm({
    Key key,
    this.models,
    this.enableValidate,
  }) : super(key: key);

  @override
  State<PentryCalibrationToolForm> createState() => _PentryCalibrationToolFormState();
}

class _PentryCalibrationToolFormState extends State<PentryCalibrationToolForm> {
  @override
  Widget build(BuildContext context) {
    final subtitle = AppLocalization.of(context).subtitle;
    final userProvider = Provider.of<UserProvider>(context);
    return ListView.builder(
        padding: EdgeInsets.only(
            top: 12 * AppStyle.getScaleFactor(context), left: 12 * AppStyle.getScaleFactor(context), right: 12 * AppStyle.getScaleFactor(context), bottom: 80 * AppStyle.getScaleFactor(context)),
        itemCount: widget.models.length + 1,
        itemBuilder: (context, index) {
          if (index == widget.models.length) {
            return AButton(
              text: subtitle.add,
              onPressed: () {
                widget.models.add(CalibrationTool());
                setState(() {});
              },
            );
          }
          final model = widget.models[index];
          return ListView(
            shrinkWrap: true,
            physics: const ClampingScrollPhysics(),
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  ASubTitle("#${index + 1}"),
                  if (index != 0)
                    ASmallButton(
                      color: Theme.of(context).colorScheme.error,
                      text: subtitle.delete,
                      onPressed: () {
                        widget.models.remove(model);
                        setState(() {});
                      },
                    ),
                ],
              ),
              const SizedBox(
                height: 8,
              ),
              const ASubTitle("Asset Number"),
              const SizedBox(
                height: 4,
              ),
              AutoCompleteDeviceNumberField(
                initialValue: model.assetsNumber,
                hospitalId: userProvider.user.clientId,
                onPick: (number) {
                  model.assetsNumber = number;
                },
              ),
              const SizedBox(
                height: 8,
              ),
              const ASubTitle("Date of Testing"),
              const SizedBox(
                height: 4,
              ),
              ADatePicker(
                date: model.dataOfTesting,
                onDatePicker: (date) {
                  model.dataOfTesting = date;
                  setState(() {});
                },
              ),
              const SizedBox(
                height: 8,
              ),
              Divider(
                color: Theme.of(context).textTheme.titleMedium.color,
              ),
            ],
          );
        });
  }
}