class CodeEditorWidget extends StatefulWidget {

  CodeEditorWidget();

  @override
  _ContentWidgetState createState() {
    return _ContentWidgetState();
  }
}

class _ContentWidgetState extends BaseState<CodeEditorWidget> {

  String _currentCode = "";

  @override
  void initializeData() {
    _currentCode = "class HelloWorld {\n"
        "public static void main() {\n"
        "System.out.println(\"Hello again\");\n"
        "}\n"
        "}";
    _contentController.addListener(() {
      _currentCode = _contentController.value.text;
      setState(() {

      });
    });
  }

  @override
  Widget build(BuildContext context) => _buildContent();

  Widget _buildContent() {
    //return _buildBody();
    userState = AppStateWidget.of(context).userState;
    return _buildBody();
  }

  Scaffold _buildBody() => Scaffold(
    key: _scaffoldLoginKey,
    appBar: buildAppBar("Code Editor"),
    body: _buildCodeEditor(),
    floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
    floatingActionButton: _buildFab(),
  );

  _buildCodeEditor() => Card(
    margin: const EdgeInsets.fromLTRB(BaseState.horizontalMargin, 0, BaseState.horizontalMargin, 0),
    child: Column(
      children: <Widget>[
        Expanded(
          child: _buildCodeView()//buildSyntaxCodeBlock(_currentCode, 12)//_buildCodeView(),
        ),
        _buildInputContainer()
      ],
    ),
  );

  _buildCodeView() => SingleChildScrollView(
    scrollDirection: Axis.vertical,
    child: Padding(
      padding: const EdgeInsets.all(16.0),
      child: Container(
        width: double.infinity,
        height: double.maxFinite,
        padding: EdgeInsets.all(12),
        decoration: BoxDecoration(color: Colors.black),
        child: RichText(
          text: TextSpan(
            style: TextStyle(fontFamily: 'VarelaRound-Regular', fontSize: 12),
            children: <TextSpan>[
              DartSyntaxHighlighter(SyntaxHighlighterStyle.darkThemeStyle()).format(_currentCode)
            ],
          ),
        ),
      ),
    ),
  );

  Container _buildInputContainer() {
    return Container(
      color: Colors.grey,
      padding: EdgeInsets.all(8),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          _buildInputLayout(),
        ],
      ),
    );
  }

  _buildInputLayout() => Row(
    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    children: <Widget>[_buildTextForm()],
  );

  Widget _buildTextForm() => Flexible(
    child: Container(
      color: Colors.white,
      child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: TextFormField(
          style: buildTextStyleBlack(16),
          decoration: InputDecoration.collapsed(hintText: "Type here..."),
          maxLines: 10,
          validator: _validateEmptyCode,
          controller: _contentController,
          keyboardType: TextInputType.multiline,
          onSaved: (String contentString) {
            //_currentCode = contentString;
          },
        ),
      ),
    ),
  );

  String _validateEmptyCode(String value) {
    return value.isEmpty ? "Required" : null;
  }

  var _contentController = TextEditingController();

  _buildFab() => FloatingActionButton(
    onPressed: () {
      setState(() {

      });
    },
    child: Icon(Icons.add),
    foregroundColor: Colors.white,
    backgroundColor: Colors.green,
  );

  var _scaffoldLoginKey = GlobalKey<ScaffoldState>();

  _showSnackBar(String message) => _scaffoldLoginKey.currentState
      .showSnackBar(SnackBar(content: Text(message, style: buildTextStyle(16),)));

}