import 'dart:async';

import 'package:comunes_flutter/comunes_flutter.dart';
import 'package:fires_flutter/models/yourLocation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_fab_dialer/flutter_fab_dialer.dart';
import 'package:flutter_redux/flutter_redux.dart';

import 'colors.dart';
import 'generated/i18n.dart';
import 'genericMap.dart';
import 'globalFiresBottomStats.dart';
import 'locationUtils.dart';
import 'mainDrawer.dart';
import 'models/appState.dart';
import 'package:redux/src/store.dart';
import 'placesAutocompleteUtils.dart';
import 'redux/actions.dart';

@immutable
class _ViewModel {
  final List<YourLocation> yourLocations;
  final AddYourLocationFunction onAdd;
  final DeleteYourLocationFunction onDelete;
  final ToggleSubscriptionFunction onToggleSubs;
  final OnLocationTapFunction onTap;

  _ViewModel(
      {@required this.onAdd,
      @required this.onDelete,
      @required this.onToggleSubs,
      @required this.onTap,
      @required this.yourLocations});

  @override
  bool operator ==(Object other) =>
      identical(this, other) ||
      other is _ViewModel &&
          runtimeType == other.runtimeType &&
          yourLocations == other.yourLocations &&
          onAdd == other.onAdd &&
          onDelete == other.onDelete &&
          onToggleSubs == other.onToggleSubs &&
          onTap == other.onTap;

  @override
  int get hashCode =>
      yourLocations.hashCode ^
      onAdd.hashCode ^
      onDelete.hashCode ^
      onToggleSubs.hashCode ^
      onTap.hashCode;
}

class ActiveFiresPage extends StatefulWidget {
  static const String routeName = '/fires';

  ActiveFiresPage();

  @override
  _ActiveFiresPageState createState() => _ActiveFiresPageState();
}

class _ActiveFiresPageState extends State<ActiveFiresPage> {
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();

  List<FabMiniMenuItem> _fabMiniMenuItemList(AddYourLocationFunction onAdd) {
    return [
      new FabMiniMenuItem.withText(
        new Icon(Icons.location_searching),
        fires600,
        8.0,
        S.of(context).addYourCurrentPosition,
        () {
          onAddYourLocation(onAdd);
        },
        S.of(context).addYourCurrentPosition,
        Colors.black38,
        Colors.white,
      ),
      new FabMiniMenuItem.withText(new Icon(Icons.edit_location), fires600, 8.0,
          S.of(context).addSomePlace, () {
        onAddOtherLocation(onAdd);
      }, S.of(context).addSomePlace, Colors.black38, Colors.white)
    ];
  }

  _ActiveFiresPageState();

  Widget _buildRow(YourLocation loc, onToggle, onTap) {
    return new ListTile(
        dense: true,
        leading: const Icon(Icons.location_on),
        trailing: new IconButton(
            icon: new Icon(loc.subscribed
                ? Icons.notifications_active
                : Icons.notifications_off),
            onPressed: () {
              loc.subscribed = !loc.subscribed;
              onToggle(loc);
            }),
        title: new Text(loc.description),
        onLongPress: () {
          showSnackMsg(S.of(context).toDeleteThisPlace);
        },
        onTap: () {
          onTap(loc);
        });
  }

  void showSnackMsg(String msg) {
    _scaffoldKey.currentState.showSnackBar(new SnackBar(
      content: new Text(msg),
    ));
  }

  Widget _buildSavedLocations(
      List<YourLocation> yl, onDeleted, onToggle, onTap) {
    return new ListView.builder(
        padding: const EdgeInsets.all(16.0),
        itemCount: yl.length,
        itemBuilder: (BuildContext _context, int i) {
          return _buildItem(yl.elementAt(i), onDeleted, onToggle, onTap);
        });
  }

  void handleUndo(YourLocation item) {
    setState(() {
      /* FIXME 
      globals.yourLocations.add(item);
      persistYourLocations(); */
    });
  }

  Widget _buildItem(YourLocation item, onDelete, onToggle, onTap) {
    final ThemeData theme = Theme.of(context);
    return new Dismissible(
        key: new ObjectKey(item),
        direction: DismissDirection.horizontal,
        onDismissed: (DismissDirection direction) {
          setState(() {
            onDelete(item.id);
          });

          _scaffoldKey.currentState.showSnackBar(new SnackBar(
              content: new Text(S.of(context).youDeletedThisPlace),
              action: new SnackBarAction(
                  label: S.of(context).UNDO,
                  onPressed: () {
                    handleUndo(item);
                  })));
        },
        background: new Container(
            color: theme.primaryColor,
            child: const ListTile(
                leading:
                    const Icon(Icons.delete, color: Colors.white, size: 36.0))),
        secondaryBackground: new Container(
            color: theme.primaryColor,
            child: const ListTile(
                trailing:
                    const Icon(Icons.delete, color: Colors.white, size: 36.0))),
        child: new Container(
            decoration: new BoxDecoration(
                color: theme.canvasColor,
                border: new Border(
                    bottom: new BorderSide(color: theme.dividerColor))),
            child: _buildRow(item, onToggle, onTap)));
  }

  @override
  Widget build(BuildContext context) {
    return new StoreConnector<AppState, _ViewModel>(
        distinct: false, // FIXME
        converter: (store) {
          return new _ViewModel(
              onAdd: (loc) {
                store.dispatch(new AddYourLocationAction(loc));
                gotoLocationMap(store, loc, context);
              },
              onDelete: (id) {
                store.dispatch(new DeleteYourLocationAction(id));
              },
              onToggleSubs: (loc) {
                store.dispatch(new ToggleSubscriptionAction(loc));
              },
              onTap: (loc) {
                gotoLocationMap(store, loc, context);
              },
              yourLocations: store.state.yourLocations);
        },
        builder: (context, view) {
          var hasLocations = view.yourLocations.length > 0;
          final title = hasLocations
              ? S.of(context).firesInYourPlaces
              : S.of(context).firesInTheWorld;
          print('Building Active Fires');

          return Scaffold(
            key: _scaffoldKey,
            // FIXME new?
            drawer: new MainDrawer(context),
            appBar: new AppBar(
              title: Text(title),
              leading: IconButton(
                icon: Icon(Icons.menu),
                onPressed: () {
                  _scaffoldKey.currentState.openDrawer();
                },
              ),
            ),
            floatingActionButtonLocation:
                FloatingActionButtonLocation.centerFloat,
            bottomNavigationBar: new GlobalFiresBottomStats(),
            body: hasLocations
                ? new Stack(children: <Widget>[
                    _buildSavedLocations(view.yourLocations, view.onDelete,
                        view.onToggleSubs, view.onTap),
                    new FabDialer(_fabMiniMenuItemList(view.onAdd), fires600,
                        new Icon(Icons.add))
                  ])
                : new Center(
                    child: new CenteredColumn(children: <Widget>[
                    new RoundedBtn(
                        icon: Icons.location_searching,
                        text: 'Fires near your',
                        onPressed: () => onAddYourLocation(view.onAdd),
                        backColor: fires600),
                    const SizedBox(height: 26.0),
                    new RoundedBtn(
                        icon: Icons.edit_location,
                        text: S.of(context).firesNearPlace,
                        onPressed: () => onAddOtherLocation(view.onAdd),
                        backColor: fires600),
                  ])),
          );
        });
  }

  void gotoLocationMap(Store<AppState> store, YourLocation loc, BuildContext context) {
    store.dispatch(new ShowYourLocationMapAction(loc));
    Navigator.push(
            context, new MaterialPageRoute(builder: (context) => new GenericMap()));
  }

  void onAddYourLocation(AddYourLocationFunction onAdd) {
    Future<YourLocation> location = getUserLocation(_scaffoldKey);
    _saveLocation(location, onAdd);
  }

  void onAddOtherLocation(AddYourLocationFunction onAdd) {
    Future<YourLocation> location = openPlacesDialog(_scaffoldKey);
    _saveLocation(location, onAdd);
  }

  void _saveLocation(Future<YourLocation> location, onAdd) {
    location.then((newLocation) {
      if (newLocation != YourLocation.noLocation) {
        onAdd(newLocation);
      }
    });
  }
}