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 'globalFiresBottomStats.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>();

  _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
  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();
          },
        ),
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
      bottomNavigationBar: new GlobalFiresBottomStats(),
      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,
              // crossAxisAlignment: CrossAxisAlignment.center,
              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();
        });
    });
  }
}