import 'package:cwtch/themes/opaque.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';
import '../settings.dart';

doNothing(String x) {}

// Provides a styled Text Field for use in Form Widgets.
// Callers must provide a text controller, label helper text and a validator.
class CwtchTextField extends StatefulWidget {
  CwtchTextField(
      {required this.controller, this.hintText = "", this.validator, this.autofocus = false, this.onChanged = doNothing, this.number = false, this.multiLine = false, this.key, this.testKey});
  final TextEditingController controller;
  final String hintText;
  final FormFieldValidator? validator;
  final Function(String) onChanged;
  final bool autofocus;
  final bool multiLine;
  final bool number;
  final Key? key;
  final Key? testKey;

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

class _CwtchTextFieldState extends State<CwtchTextField> {
  late final FocusNode _focusNode;
  late final ScrollController _scrollController;
  @override
  void initState() {
    _scrollController = ScrollController();

    _focusNode = FocusNode();
    _focusNode.addListener(() {
      // Select all...
      if (_focusNode.hasFocus) widget.controller.selection = TextSelection(baseOffset: 0, extentOffset: widget.controller.text.length);
    });
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Consumer<Settings>(builder: (context, theme, child) {
      return Container(
          clipBehavior: Clip.antiAlias,
          decoration: BoxDecoration(),
          // Horrifying Hack: Flutter doesn't give us direct control over system menus but instead picks BG color from TextButtonThemeData ¯\_(ツ)_/¯
          child: Theme(
              data: Theme.of(context).copyWith(
                textButtonTheme: TextButtonThemeData(
                  style: ButtonStyle(backgroundColor: MaterialStateProperty.all(Provider.of<Settings>(context).theme.menuBackgroundColor)),
                ),
              ),
              child: TextFormField(
                key: widget.testKey,
                controller: widget.controller,
                validator: widget.validator,
                onChanged: widget.onChanged,
                autofocus: widget.autofocus,
                autovalidateMode: AutovalidateMode.onUserInteraction,
                textAlign: widget.number ? TextAlign.end : TextAlign.start,
                keyboardType: widget.multiLine
                    ? TextInputType.multiline
                    : widget.number
                        ? TextInputType.number
                        : TextInputType.text,
                inputFormatters: widget.number ? <TextInputFormatter>[FilteringTextInputFormatter.digitsOnly] : null,
                maxLines: widget.multiLine ? null : 1,
                scrollController: _scrollController,
                enableIMEPersonalizedLearning: false,
                focusNode: _focusNode,
                style: Provider.of<Settings>(context).scaleFonts(defaultTextStyle).copyWith(overflow: TextOverflow.clip),
                decoration: InputDecoration(
                    errorMaxLines: 2,
                    hintText: widget.hintText,
                    hintStyle: TextStyle(color: (theme.current().mainTextColor as Color).withOpacity(0.5)),
                    floatingLabelBehavior: FloatingLabelBehavior.never,
                    filled: true,
                    focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(6.0), borderSide: BorderSide(color: theme.current().textfieldBorderColor, width: 1.0)),
                    focusedErrorBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(6.0), borderSide: BorderSide(color: theme.current().textfieldErrorColor, width: 1.0)),
                    errorBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(6.0), borderSide: BorderSide(color: theme.current().textfieldErrorColor, width: 1.0)),
                    errorStyle: TextStyle(color: theme.current().textfieldErrorColor, fontWeight: FontWeight.bold, overflow: TextOverflow.visible),
                    fillColor: theme.current().textfieldBackgroundColor,
                    contentPadding: EdgeInsets.fromLTRB(10.0, 5.0, 10.0, 5.0),
                    enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(6.0), borderSide: BorderSide(color: theme.current().textfieldBorderColor, width: 1.0))),
              )));
    });
  }
}