import 'package:flutter/material.dart';
import 'package:maui/db/entity/unit.dart';
import 'package:maui/games/single_game.dart';
import 'package:maui/repos/unit_repo.dart';
import 'package:maui/state/app_state_container.dart';
import 'package:maui/state/app_state.dart';
import 'package:meta/meta.dart';
import 'dart:math';

import 'flash_card.dart';

class UnitButton extends StatefulWidget {
  final String text;
  final VoidCallback onPress;
  final UnitMode unitMode;
  final bool disabled;
  final bool highlighted;
  final bool primary;
  final bool showHelp;
  final String bgImage;
  final double maxWidth;
  final double maxHeight;
  final double fontSize;

  UnitButton(
      {Key key,
      @required this.text,
      this.onPress,
      this.disabled = false,
      this.showHelp = true,
      this.highlighted = false,
      this.primary = true,
      this.bgImage,
      this.maxHeight,
      this.maxWidth,
      this.fontSize,
      this.unitMode = UnitMode.text})
      : super(key: key);

  @override
  _UnitButtonState createState() {
    return new _UnitButtonState();
  }

  static void saveButtonSize(
      BuildContext context, int maxChars, double maxWidth, double maxHeight) {
    AppState state = AppStateContainer.of(context).state;
    final fontWidthFactor = maxChars == 1 ? 1.1 : 0.7;
    final fontSizeByWidth = maxWidth / (maxChars * fontWidthFactor);
    final fontSizeByHeight = maxHeight / 1.8;
    state.buttonFontSize = min(fontSizeByHeight, fontSizeByWidth);
    state.buttonRadius = min(maxWidth, maxHeight) / 8.0;

    state.buttonWidth = (maxChars == 1)
        ? min(maxWidth, maxHeight)
        : state.buttonFontSize * maxChars * 0.7;
    state.buttonHeight = (maxChars == 1)
        ? min(maxWidth, maxHeight)
        : min(maxHeight, maxWidth * 0.75);
    print(
        'width: ${state.buttonWidth} height: ${state.buttonHeight} maxWidth: ${maxWidth} maxHeight: ${maxHeight} maxChars: ${maxChars}');
    print(
        'fontsize: ${state.buttonFontSize} fontSizeByWidth: ${fontSizeByWidth} fontSizeByHeight ${fontSizeByHeight}');
  }
}

class _UnitButtonState extends State<UnitButton> {
  Unit _unit;
  bool _isLoading = true;
  UnitMode get _unitMode => widget.unitMode;

  @override
  void initState() {
    super.initState();
//    _unitMode = widget.unitMode;
    print('initState');
    _getData();
  }

  void _getData() async {
    if (_unitMode == UnitMode.audio || _unitMode == UnitMode.image) {
      _unit = await new UnitRepo().getUnit(widget.text.toLowerCase());
      print(_unit);
      if ((_unitMode == UnitMode.audio && (_unit.sound?.length ?? 0) == 0) ||
          (_unitMode == UnitMode.image && (_unit.image?.length ?? 0) == 0)) {
        _unitMode = UnitMode.text;
      }
    }
    setState(() => _isLoading = false);
  }

  @override
  Widget build(BuildContext context) {
    return widget.showHelp
        ? new GestureDetector(
            onLongPress: () {
              AppStateContainer.of(context).play(widget.text.toLowerCase());
              if (_unitMode != UnitMode.audio) {
                AppStateContainer.of(context).display(context, widget.text.toLowerCase());
              }
            },
            child: _buildButton(context))
        : _buildButton(context);
  }

  Widget _buildButton(BuildContext context) {
    AppState state = AppStateContainer.of(context).state;
    return Container(
        constraints: BoxConstraints.tightFor(
            height: widget.maxHeight ?? state.buttonHeight,
            width: widget.maxWidth ?? state.buttonWidth),
        decoration: new BoxDecoration(
            image: widget.bgImage != null
                ? new DecorationImage(
                    image: new AssetImage(widget.bgImage), fit: BoxFit.contain)
                : null),
        child: FlatButton(
            color: widget.highlighted
                ? Theme.of(context).primaryColor
                : Colors.transparent,
            splashColor: Theme.of(context).accentColor,
            highlightColor: Theme.of(context).accentColor,
            disabledColor: Color(0xFFDDDDDD),
            onPressed: widget.disabled
                ? null
                : () {
                    AppStateContainer
                        .of(context)
                        .play(widget.text.toLowerCase());
                    widget.onPress();
                  },
            padding: EdgeInsets.all(0.0),
            shape: new RoundedRectangleBorder(
                side: new BorderSide(
                    color: widget.disabled
                        ? Color(0xFFDDDDDD)
                        : widget.primary
                            ? Theme.of(context).primaryColor
                            : Colors.white,
                    width: 4.0),
                borderRadius: BorderRadius
                    .all(Radius.circular(state.buttonRadius ?? 8.0))),
            child: _buildUnit(widget.fontSize ?? state.buttonFontSize)));
  }

  Widget _buildUnit(double fontSize) {
    print("UnitButton _buildUnit ${_unitMode}  ${widget.text}");
    if (_unitMode == UnitMode.audio) {
      return new Icon(Icons.volume_up);
    } else if (_unitMode == UnitMode.image) {
      return _isLoading
          ? new Container()
          : new Image.asset('assets/dict/${widget.text.toLowerCase()}.png');
    } else {
      return Center(
          child: Text(widget.text,
              style: new TextStyle(
                  color: widget.highlighted || !widget.primary
                      ? Colors.white
                      : Theme
                      .of(context)
                      .primaryColor,
                  fontSize: fontSize)));
    }
  }

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