import 'package:aidedejeu_flutter/blocs/player_character/player_character_bloc.dart';
import 'package:aidedejeu_flutter/database.dart';
import 'package:aidedejeu_flutter/localization.dart';
import 'package:aidedejeu_flutter/models/items.dart';
import 'package:aidedejeu_flutter/theme.dart';
import 'package:aidedejeu_flutter/widgets/library.dart';
import 'package:bloc/bloc.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
import 'package:equatable/equatable.dart';

class PCEditorPage extends StatelessWidget {
  // StatefulWidget {
/*  PCEditorPage({Key key}) : super(key: key);

  @override
  State<StatefulWidget> createState() => _PCEditorPageState();
}*/
/*
class PCEditorViewModel {
  RaceItem _race;
  SubRaceItem _subRace;
  List<RaceItem> _races;
  List<SubRaceItem> _subRaces;

  BackgroundItem _background;
  SubBackgroundItem _subBackground;
  List<BackgroundItem> _backgrounds;
  List<SubBackgroundItem> _subBackgrounds;

  _PCEditorPageState state;
  BuildContext context;
  PCEditorViewModel(_PCEditorPageState state, BuildContext context) {
    this.state = state;
    this.context = context;
  }

  void _initRaces() async {
    var races = await loadRaces(context);
    state.setState(() {
      _races = races.toList();
    });
  }

  void _initSubRaces(RaceItem race) async {
    var subRaces = await loadSubRaces(context, race);
    state.setState(() {
      _subRaces = subRaces;
    });
  }

  void _initBackgrounds() async {
    var backgrounds = await loadBackgrounds(context);
    state.setState(() {
      _backgrounds = backgrounds;
    });
  }

  void _initSubBackgrounds(BackgroundItem background) async {
    var subBackgrounds = await loadSubBackgrounds(context, background);
    state.setState(() {
      _subBackgrounds = subBackgrounds;
    });
  }

  // setters

  void _setRace(RaceItem race) {
    state.setState(() {
      this._race = race;
      this._subRace = null;
      this._subRaces = null;
    });
    _initSubRaces(race);
  }

  void _setSubRace(SubRaceItem subRace) {
    state.setState(() {
      this._subRace = subRace;
    });
  }

  void _setBackground(BackgroundItem background) {
    state.setState(() {
      this._background = background;
      this._subBackground = null;
      this._subBackgrounds = null;
    });
    _initSubBackgrounds(background);
  }

  void _setSubBackground(SubBackgroundItem subBackground) {
    state.setState(() {
      this._subBackground = subBackground;
    });
  }


}

 */

//class _PCEditorPageState extends State<PCEditorPage> {
  MarkdownStyleSheet styleSheet;

  //PCEditorViewModel vm;
  // inits
/*
  @override
  void initState() {
    super.initState();
    //vm = PCEditorViewModel(this, context);
    //vm._initRaces();
    //vm._initBackgrounds();
  }

  @protected
  @mustCallSuper
  void didChangeDependencies() {
    super.didChangeDependencies();
    styleSheet = mainMarkdownStyleSheet(context);
  }
*/
  // widgets generics

  Widget _buildMarkdown(
      BuildContext context, PlayerCharacterState state, String markdown) {
    return MarkdownBody(
      data: markdown ?? "",
      styleSheet: styleSheet,
      onTapLink: (link) => Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => LibraryPage(id: link)),
      ),
    );
  }

  Widget _buildSubTitle(
      BuildContext context, PlayerCharacterState state, String title) {
    return Text(title,
        style: TextStyle(
          fontSize: 16,
          fontFamily: "Cinzel",
        ));
  }

  Widget _buildItemsWidget<T extends Item>(
      BuildContext context, PlayerCharacterState state,
      {String hintText,
      List<T> items,
      T selectedItem,
      ValueChanged<T> onChanged}) {
    return DropdownButton(
      hint: Text(hintText),
      value: items != null ? selectedItem : "",
      onChanged: (value) {
        onChanged(value);
      },
      items: items != null
          ? items
              .map((e) => DropdownMenuItem(
                    value: e,
                    child: Text(e.name),
                  ))
              .toList()
          : null,
    );
  }

  // widgets specifics

  Widget _buildRacesWidget(BuildContext context, PlayerCharacterState state) {
    return _buildItemsWidget<RaceItem>(
      context,
      state,
      hintText: "Race",
      items: state.races,
      selectedItem: state.race,
      onChanged: (value) {
        //state.setRace(value);
        BlocProvider.of<PlayerCharacterBloc>(context).add(RaceEvent(value));
      },
    );
  }

  Widget _buildSubRacesWidget(
      BuildContext context, PlayerCharacterState state) {
    return state.subRaces != null
        ? _buildItemsWidget<SubRaceItem>(
            context,
            state,
            hintText: "Variante",
            items: state.subRaces,
            selectedItem: state.subRace,
            onChanged: (value) {
              //state.setSubRace(value);
              BlocProvider.of<PlayerCharacterBloc>(context)
                  .add(SubRaceEvent(value));
            },
          )
        : SizedBox.shrink();
  }

  Widget _buildRaceDetailsWidget(
      BuildContext context, PlayerCharacterState state) {
    return state.race != null
        ? Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              _buildSubTitle(context, state,
                  AppLocalizations.of(context).raceAbilityScoreIncrease),
              _buildMarkdown(context, state, state.race?.abilityScoreIncrease),
              _buildMarkdown(
                  context, state, state.subRace?.abilityScoreIncrease),
              Text(""),
              _buildSubTitle(
                  context, state, AppLocalizations.of(context).raceAge),
              _buildMarkdown(context, state, state.race?.age),
              Text(""),
              _buildSubTitle(
                  context, state, AppLocalizations.of(context).raceAlignment),
              _buildMarkdown(context, state, state.race?.alignment),
              Text(""),
              _buildSubTitle(
                  context, state, AppLocalizations.of(context).raceSize),
              _buildMarkdown(context, state, state.race?.size),
              Text(""),
              _buildSubTitle(
                  context, state, AppLocalizations.of(context).raceSpeed),
              _buildMarkdown(context, state, state.race?.speed),
              state.race?.darkvision != null ? Text("") : SizedBox.shrink(),
              state.race?.darkvision != null
                  ? _buildSubTitle(context, state,
                      AppLocalizations.of(context).raceDarkvision)
                  : SizedBox.shrink(),
              state.race?.darkvision != null
                  ? _buildMarkdown(context, state, state.race?.darkvision)
                  : SizedBox.shrink(),
              Text(""),
              _buildSubTitle(
                  context, state, AppLocalizations.of(context).raceLanguages),
              _buildMarkdown(context, state, state.race?.languages),
            ],
          )
        : SizedBox.shrink();
  }

  Widget _buildBackgroundsWidget(
      BuildContext context, PlayerCharacterState state) {
    return _buildItemsWidget<BackgroundItem>(
      context,
      state,
      hintText: "Historique",
      items: state.backgrounds,
      selectedItem: state.background,
      onChanged: (value) {
        //state.setBackground(value);
        BlocProvider.of<PlayerCharacterBloc>(context)
            .add(BackgroundEvent(value));
      },
    );
  }

  Widget _buildSubBackgroundsWidget(
      BuildContext context, PlayerCharacterState state) {
    return state.subBackgrounds != null
        ? _buildItemsWidget<SubBackgroundItem>(
            context,
            state,
            hintText: "Variante",
            items: state.subBackgrounds,
            selectedItem: state.subBackground,
            onChanged: (value) {
              //state.setSubBackground(value);
              BlocProvider.of<PlayerCharacterBloc>(context)
                  .add(SubBackgroundEvent(value));
            },
          )
        : SizedBox.shrink();
  }

  @override
  Widget build(BuildContext context) {
    return MultiBlocProvider(
      providers: [
        BlocProvider<PlayerCharacterBloc>(
          create: (context) {
            return PlayerCharacterBloc(context)
              ..add(
                LoadEvent(),
              );
          },
        ),
      ],
      child: BlocBuilder<PlayerCharacterBloc, PlayerCharacterState>(
        builder: (context, state) {
          return buildUI(context, state);
        },
      ),
    );
  }

  Widget buildUI(BuildContext context, PlayerCharacterState state) {
    return DefaultTabController(
      length: 5,
      child: Scaffold(
        appBar: AppBar(
          title: Text(AppLocalizations.of(context).pceditorTitle),
          bottom: TabBar(
            labelColor: Colors.black,
            isScrollable: true,
            indicatorColor: Theme.of(context).accentColor,
            // Colors.red,
            indicatorSize: TabBarIndicatorSize.label,
            tabs: <Widget>[
              Text(
                AppLocalizations.of(context).raceTitle,
                style: TextStyle(
                  fontSize: 25,
                  fontFamily: "Cinzel",
                ),
              ),
              Text(
                AppLocalizations.of(context).backgroundTitle,
                style: TextStyle(
                  fontSize: 25,
                  fontFamily: "Cinzel",
                ),
              ),
              Text(
                AppLocalizations.of(context).classTitle,
                style: TextStyle(
                  fontSize: 25,
                  fontFamily: "Cinzel",
                ),
              ),
              Text(
                AppLocalizations.of(context).abilitiesTitle,
                style: TextStyle(
                  fontSize: 25,
                  fontFamily: "Cinzel",
                ),
              ),
              Text(
                AppLocalizations.of(context).othersTitle,
                style: TextStyle(
                  fontSize: 25,
                  fontFamily: "Cinzel",
                ),
              ),
            ],
          ),
        ),
        body: TabBarView(
          children: [
            Container(
              margin: EdgeInsets.all(10.0),
              child: ListView(
                children: <Widget>[
                  _buildRacesWidget(context, state),
                  _buildSubRacesWidget(context, state),
                  _buildRaceDetailsWidget(context, state),
                ],
              ),
            ),
            Container(
              margin: EdgeInsets.all(10.0),
              child: ListView(
                children: <Widget>[
                  _buildBackgroundsWidget(context, state),
                  _buildSubBackgroundsWidget(context, state),
                ],
              ),
            ),
            Container(
              margin: EdgeInsets.all(10.0),
              child: Text(AppLocalizations.of(context).classTitle),
            ),
            Container(
              margin: EdgeInsets.all(10.0),
              child: Text(AppLocalizations.of(context).abilitiesTitle),
            ),
            Container(
              margin: EdgeInsets.all(10.0),
              child: Text(AppLocalizations.of(context).othersTitle),
            ),
          ],
        ),
      ),
    );
  }
}