import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'main.dart';

/// Экран регистрации магазина и кассы.
class RegistrationScreen extends StatefulWidget {
  @override State createState() => new _RegistrationScreenState();
}

class _RegistrationScreenState extends BaseState<RegistrationScreen> {

  static const String _merchantIDHint = 'ID магазина';
  static const String _posIDHint = 'Номер кассы';

  String _merchantID = "";
  String _posID = "";

  @override Widget build(BuildContext context) {
    return new Scaffold(appBar: _getAppBar(), body: _getScreen());
  }

  AppBar _getAppBar() {
    return new AppBar(title: new Text("Регистрация магазина"),
        backgroundColor: const Color(0xff4272e7),  actions: <Widget>[
          new IconButton(
            icon: new Icon(Icons.help_outline),
            tooltip: 'Air it',
            onPressed: faq,
          ),
          new IconButton(
            icon: new Image(height: 24.0, width: 24.0, image: new AssetImage('assets/logout.png')),
            tooltip: 'Restitch it',
            onPressed: logout,
          )
        ]);
  }

  Widget _getScreen() {
    return new Center(child: new Column(children: _getChildren()));
  }

  List<Widget> _getChildren() {
    return<Widget>[
      _getLogo(),
      _getDecoratedInputField(_merchantIDHint, 0.0),
      _getDecoratedInputField(_posIDHint, 36.0),
      _getButton()
    ];
  }

  Container _getLogo() {
    return new Container(height: 192.0,
        child: new Center(
            child: new Image.asset('assets/registration_logo.png',
                height: 24.0,
                width: 156.0)));
  }

  Container _getDecoratedInputField(String hint, double topPadding) {
    return new Container(
        padding: new EdgeInsets.only(left: 28.0, right: 28.0, top: topPadding),
        child: new Container(height: 48.0,
            padding: new EdgeInsets.only(left: 16.0, right: 16.0),
            decoration: _getDecoraionForInputField(),
            child: _getInputField(hint))) ;
  }

  TextField _getInputField(String hint) {
    return new TextField(decoration: new InputDecoration(hintText: hint,
        hideDivider: true,
        hintStyle: new TextStyle(color: const Color(0xffa5a5a5),
            fontSize: 16.0)), onChanged: (text) => _handleUserInput(hint, text));
  }

  void _handleUserInput(String hint, String text) {
    if (text.length > 0) {
      setState(() {
        if (hint == _merchantIDHint)
          _merchantID = text;
        else if (hint == _posIDHint)
          _posID = text;
      });
    }
  }

  Decoration _getDecoraionForInputField() {
    return new BoxDecoration(color: Colors.white,
        border: new Border.all(
          color: const Color(0xffcfd8dc), width: 1.0,),
        borderRadius: new BorderRadius.all(new Radius.circular(4.0)));
  }

  Container _getButton() {
    return new Container(padding: new EdgeInsets.only(top: 36.0),
        child: new Container(height: 64.0, padding: new EdgeInsets.all(8.0),
            child: new RaisedButton(child: new Text('ЗАРЕГИСТРИРОВАТЬ',
                style: new TextStyle(color: Colors.white)),
                onPressed: _isFieldsAreFilled() ? () => _register(_merchantID) : null,
                disabledColor: const Color(0xffbfbfbf))));
  }

  _isFieldsAreFilled() {
    print(_merchantID.length);
    print(_posID.length);
    return _merchantID.length == 5 && _posID.length > 0;
  }

  _register(String merchantShop) async {

    const platform = const MethodChannel('com.dinnect.checker/instance_id');
    String url = intUrl + 'tokens/?_dmapptoken=' + intToken;
    String pos = await platform.invokeMethod('getInstanceID');
    print(pos);
    String userAgent = 'dm-checker-test v1.0.1';

    var body = {
      'merchant_shop': merchantShop,
      'pos': pos,
      'description': userAgent + '-' + pos
    };

    print(url);

    for (var value in body.values) {
      print(value);
    }

    httpClient.post(url, body: body).then((response) {
      print(response.body);
    }).catchError((error) {
      print(error.toString());
    });

  }
}