import 'package:flutter/material.dart';
import 'global_helper_functions.dart';

final double textHeight = 1.5;

InkWell elevAtion(BuildContext context, int elevation, int feetElevation) {
  return InkWell(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Text(
          'Elevation: ',
          style: TextStyle(
            height: textHeight,
            color: candyApple,
            fontSize: 16,
          ),
        ),
        RichText(
          text: TextSpan(
            children: <TextSpan>[
              TextSpan(
                text: feetElevation.toString(),
                style: TextStyle(
                  height: textHeight,
                  color: Colors.black,
                  fontSize: 16,
                ),
              ),
              TextSpan(
                text: ' feet, ',
                style: TextStyle(
                  height: textHeight,
                  color: Colors.black,
                  fontSize: 16,
                  fontStyle: FontStyle.italic,
                ),
              ),
            ],
          ),
        ),
        RichText(
          text: TextSpan(
            children: <TextSpan>[
              TextSpan(
                text: elevation.toString(),
                style: TextStyle(
                  height: textHeight,
                  color: Colors.black,
                  fontSize: 16,
                ),
              ),
              TextSpan(
                text: ' meters',
                style: TextStyle(
                  height: textHeight,
                  color: Colors.black,
                  fontSize: 16,
                  fontStyle: FontStyle.italic,
                ),
              ),
            ],
          ),
        ),
      ],
    ),
    onTap: () {
      showDialog(
        context: context,
        builder: (BuildContext context) {
          return AlertDialog(
            backgroundColor: ivory,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(6.0)),
            ),
            content: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Text(
                  'You have to set up an Open-Elevation Api Server, and specify this in ' 
                  'settings. The instructions are a little bit out-dated, but it\'s not '
                  'too difficult to muddle through and set something up on a vps or '
                  'RaspberryPi or whatever.\n\n'
                  'A \$5 Digital Ocean Droplet doesn\'t have enough disk space, but '
                  'a \$5 LightSail instance does.',
                  textAlign: TextAlign.center,
                ),
                Container(
                  margin: EdgeInsets.only(
                    top: 40,
                    bottom: 10,
                  ),
                  child: ButtonTheme(
                    height: 75,
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.all(Radius.circular(6.0)),
                    ),
                    child: RaisedButton(
                      color: peacockBlue,
                      child: Column(
                        children: <Widget>[
                          Container(
                            width: 150,
                            margin: EdgeInsets.only(
                              top: 10,
                            ),
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceAround,
                              children: <Widget>[
                                Text(
                                  'github',
                                  style: TextStyle(
                                    height: textHeight,
                                    color: Colors.white,
                                    fontSize: 24,
                                  ),
                                ),
                                Icon(
                                  Icons.open_in_browser,
                                  size: 48,
                                  color: Colors.white,
                                ),
                              ],
                            ),
                          ),
                          Container(
                            margin: EdgeInsets.only(
                              bottom: 15,
                            ),
                            child: Text(
                              'open-elevation',
                              style: TextStyle(
                                height: textHeight,
                                color: Colors.white,
                                fontSize: 24,
                              ),
                            ),
                          ),
                        ],
                      ),
                      onPressed: () {
                        Navigator.of(context).pop();
                        urlLaunch('https://github.com/Jorl17/open-elevation/blob/master/docs/host-your-own.md');
                      }
                    ),
                  ),
                ),
              ],
            ),
          );
        }
      );
    },
  );
}