import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:jisho_study_tool/bloc/kanji/kanji_bloc.dart';

class KanjiSearchBar extends StatefulWidget {

  const KanjiSearchBar();

  @override
  _KanjiSearchBarState createState() => new _KanjiSearchBarState();
}

enum TextFieldButton {clear, paste}

class _KanjiSearchBarState extends State<KanjiSearchBar> {
  final TextEditingController textController = new TextEditingController();
  TextFieldButton button = TextFieldButton.paste;

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

  void _getKanjiSuggestions(String text) =>
      BlocProvider.of<KanjiBloc>(context).add(GetKanjiSuggestions(text));

  void updateSuggestions() => _getKanjiSuggestions(textController.text);

  void _clearText() {
    textController.text = '';
    updateSuggestions();
  }

  void _pasteText() async {
    ClipboardData? clipboardData = await Clipboard.getData('text/plain');
    if (clipboardData != null && clipboardData.text != null) {
      textController.text = clipboardData.text!;
      updateSuggestions();
    }
  }

  @override
  Widget build(BuildContext context) {
    IconButton clearButton = IconButton(
      icon: Icon(Icons.clear),
      onPressed: () => _clearText(),
    );

    IconButton pasteButton = IconButton(
      icon: Icon(Icons.content_paste),
      onPressed: () => _pasteText(),
    );

    return TextField(
      controller: textController,
      onChanged: (text) => _getKanjiSuggestions(text),
      onSubmitted: (_) => {},
      decoration: new InputDecoration(
        prefixIcon: Icon(Icons.search),
        hintText: 'Search',
        // fillColor: Colors.white,
        // filled: true,        
        border: OutlineInputBorder(
          borderRadius: BorderRadius.circular(10.0),
        ),
        isDense: false,
        suffixIcon: (button == TextFieldButton.clear) ? clearButton : pasteButton,
      ),
    );
  }
}