import 'package:flutter/material.dart';
import 'mainDrawer.dart';
import 'leafletMap.dart';
import 'dart:async';
import 'package:comunes_flutter/comunes_flutter.dart';
import 'colors.dart';
import 'placesAutocompleteUtils.dart';
import 'basicLocation.dart';
import 'locationUtils.dart';
import 'globals.dart' as globals;
import 'basicLocationPersist.dart';
import 'package:http/http.dart' as http;
import 'dart:convert' show json;
import 'customBottomAppBar.dart';
import 'package:simple_moment/simple_moment.dart';
import 'dart:convert';

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>();
  String lastCheck;
  int activeFires = 0;

  _ActiveFiresPageState();

  Widget _buildRow(BasicLocation loc) {
    String desc = loc.description != null
        ? loc.description
        : 'Position: ${loc.lat}, ${loc.lon}';
    return new ListTile(
        dense: false,
        leading: const Icon(Icons.location_on),
        // trailing: const Icon(Icons.delete),
        title: new Text(desc),
        onLongPress: () {
          _scaffoldKey.currentState.showSnackBar(new SnackBar(
            content: new Text('Slide horizontally to delete this location'),
          ));
        },
        onTap: () {
          const String km = '100';
          var url = '${globals.firesApiUrl}fires-in/${globals
          .firesApiKey}/${loc.lat}/${loc
          .lon}/$km';
          http.read(url).then((result) {
            int numFires = json.decode(result)['real'];
            Navigator.push(
                context,
                new MaterialPageRoute(
                    builder: (context) => new LeafletMap(
                        title: desc,
                        location: loc,
                        numFires: numFires,
                        kmAround: km)));
          });
        });
  }

  Widget _buildSavedLocations() {
    return new ListView.builder(
        padding: const EdgeInsets.all(16.0),
        itemCount: globals.yourLocations.length,
        itemBuilder: (BuildContext _context, int i) {
          // Add a one-pixel-high divider widget before each row
          // in the ListView.
          /* if (i.isOdd) {
          return new Divider();
        } */

          // The syntax "i ~/ 2" divides i by 2 and returns an
          // integer result.
          // For example: 1, 2, 3, 4, 5 becomes 0, 1, 1, 2, 2.
          // This calculates the actual number of saved items
          // in the ListView, minus the divider widgets.
          // final int index = i ~/ 2;
          // print('$i $index');
          // if (index >= _saved.length) return null;
          return _buildItem(globals.yourLocations.elementAt(i));
        });
  }

  void handleUndo(BasicLocation item) {
    setState(() {
      globals.yourLocations.add(item);
      persist();
    });
  }

  Widget _buildItem(BasicLocation item) {
    final ThemeData theme = Theme.of(context);
    return new Dismissible(
        key: new ObjectKey(item),
        direction: DismissDirection.horizontal,
        onDismissed: (DismissDirection direction) {
          setState(() {
            globals.yourLocations.remove(item);
            persist();
          });
          final String action = 'deleted';
          _scaffoldKey.currentState.showSnackBar(new SnackBar(
              content: new Text('You $action this position'),
              action: new SnackBarAction(
                  label: '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)));
  }

  void persist() {
    globals.prefs.then((prefs) {
      persistYourLocations(prefs);
    });
  }

  @override
  void initState() {
    super.initState();
    http.read('${globals.firesApiUrl}status/last-fire-check').then((result) {
      try {
        var now = Moment.now();
        var last = DateTime.parse(json.decode(result)['value']);
        setState(() {
          lastCheck = now.from(last);
        });
      } catch (e) {
        print('Cannot get the last fire check');
      }
    });
    http.read('${globals.firesApiUrl}status/active-fires-count').then((result) {
      try {
        int count = json.decode(result)['total'];
        setState(() {activeFires = count;});
      } catch (e) {
        print('Cannot get the last fire stats');
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    print('Building Active Fires');
    final title = 'Your locations';
    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();
          },
        ),
      ),
      bottomNavigationBar: new CustomBottomAppBar(
          fabLocation: FloatingActionButtonLocation.centerDocked,
          showNotch: true,
          color: fires100,
          actions: listWithoutNulls(<Widget>[
                    activeFires > 0 && lastCheck != null ?
              new Text('${activeFires} active fires worldwide. Updated ${lastCheck}'):
              null,
              SizedBox(width: 10.0)
            ])),
      body: globals.yourLocations.length > 0
          ? _buildSavedLocations()
          : new Center(
              child: new CenteredColumn(children: <Widget>[
              new RoundedBtn(
                  icon: Icons.location_searching,
                  text: 'Add your position',
                  onPressed: onAddYourLocation,
                  backColor: fires600),
              const SizedBox(height: 26.0),
              new RoundedBtn(
                  icon: Icons.edit_location,
                  text: 'Add some other place',
                  onPressed: () {
                    onAddOtherLocation(context);
                  },
                  backColor: fires600),
            ])),
      floatingActionButton: globals.yourLocations.length > 0
          ? Column(mainAxisAlignment: MainAxisAlignment.end, children: <Widget>[
              FloatingActionButton.extended(
                onPressed: onAddYourLocation,
                heroTag: 'yourposition',
                label: const Text('Add your position'),
                icon: const Icon(Icons.location_searching),
              ),
              Padding(
                padding: const EdgeInsets.only(top: 16.0),
                child: FloatingActionButton.extended(
                  onPressed: () {
                    onAddOtherLocation(context);
                  },
                  heroTag: 'otherplace',
                  label: new Text('Add some other place'),
                  icon: const Icon(Icons.edit_location),
                ),
              )
            ])
          : null,
    );
  }

  void onAddYourLocation() {
    Future<BasicLocation> location = getUserLocation(_scaffoldKey);
    _saveLocation(location);
  }

  void onAddOtherLocation(BuildContext context) {
    Future<BasicLocation> location = openPlacesDialog(context);
    _saveLocation(location);
  }

  void _saveLocation(Future<BasicLocation> location) {
    location.then((newLocation) {
      if (newLocation != BasicLocation.noLocation)
        this.setState(() {
          globals.yourLocations.add(newLocation);
          persist();
        });
    });
  }
}