import 'package:permission_handler/permission_handler.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
import 'package:path_provider/path_provider.dart';
import 'package:flutter/material.dart';
import 'global_helper_functions.dart';
import 'dart:io';

class RenderNotes extends StatefulWidget {
  final String notes;

  RenderNotes({
    Key key,
    this.notes,
  }) : super(key: key);

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

class _RenderNotesState extends State<RenderNotes> {
  final double textHeight = 1.5;
  final _textEditingController = TextEditingController();
  String _exportFileNameString = '';
  String fileName = '';

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: ivory,
      body: CustomScrollView(
        slivers: <Widget>[
          SliverAppBar(
            floating: true,
            snap: false,
            pinned: false,
            expandedHeight: 50,
            title: const Text('Notes, MarkDown Supported'),
          ),
          SliverToBoxAdapter(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: <Widget>[
                Container(
                  margin: EdgeInsets.symmetric(
                    horizontal: 10.0,
                  ),
                  child: MarkdownBody(
                    data: widget.notes,
                  ),
                ),
                Row(
                  children: <Widget>[
                    Expanded(
                      child: Container(),
                    ),
                    Container(
                      margin: EdgeInsets.all(20.0),
                      child: ButtonTheme(
                        height: 55,
                        padding: EdgeInsets.only(
                            top: 5, right: 12, bottom: 12, left: 10),
                        child: RaisedButton(
                            shape: RoundedRectangleBorder(
                              borderRadius:
                                  BorderRadius.all(Radius.circular(6.0)),
                            ),
                            color: peacockBlue,
                            child: Text(
                              'Export',
                              style: TextStyle(
                                height: textHeight,
                                color: Colors.white,
                                fontSize: 24,
                              ),
                            ),
                            onPressed: () async {
                              Map<PermissionGroup, PermissionStatus>
                                  _storagePermissions;
                              PermissionStatus _storagePermission =
                                  await PermissionHandler()
                                      .checkPermissionStatus(
                                          PermissionGroup.storage);
                              if (_storagePermission ==
                                  PermissionStatus.denied) {
                                _storagePermissions = await PermissionHandler()
                                    .requestPermissions(
                                        [PermissionGroup.storage]);
                              }
                              if ((_storagePermission ==
                                      PermissionStatus.granted) ||
                                  (_storagePermissions.toString() ==
                                      PermissionStatus.granted.toString())) {
                                Directory sdcard =
                                    await getExternalStorageDirectory();
                                showDialog(
                                    context: context,
                                    builder: (BuildContext context) {
                                      return AlertDialog(
                                        backgroundColor: ivory,
                                        shape: RoundedRectangleBorder(
                                          borderRadius: BorderRadius.all(
                                              Radius.circular(6.0)),
                                        ),
                                        title: Text(
                                          'File Name To Save As?',
                                          textAlign: TextAlign.center,
                                          style: TextStyle(
                                            color: candyApple,
                                          ),
                                        ),
                                        content: Column(
                                          mainAxisSize: MainAxisSize.min,
                                          children: <Widget>[
                                            TextField(
                                              controller:
                                                  _textEditingController,
                                              keyboardType:
                                                  TextInputType.multiline,
                                              maxLines: null,
                                              decoration: InputDecoration(
                                                hintText: 'i.e.  timbuktu.md',
                                              ),
                                              onChanged: (text) {
                                                _exportFileNameString = text;
                                              },
                                            ),
                                            Container(
                                              margin: EdgeInsets.only(
                                                top: 40,
                                                bottom: 10,
                                              ),
                                              child: ButtonTheme(
                                                height: 55,
                                                padding: EdgeInsets.only(
                                                    top: 5,
                                                    right: 12,
                                                    bottom: 12,
                                                    left: 10),
                                                child: RaisedButton(
                                                    shape:
                                                        RoundedRectangleBorder(
                                                      borderRadius:
                                                          BorderRadius.all(
                                                              Radius.circular(
                                                                  6.0)),
                                                    ),
                                                    color: peacockBlue,
                                                    child: Text(
                                                      'Export',
                                                      style: TextStyle(
                                                        height: textHeight,
                                                        color: Colors.white,
                                                        fontSize: 24,
                                                      ),
                                                    ),
                                                    onPressed: () async {
                                                      if (this
                                                              ._exportFileNameString
                                                              .length >
                                                          0) {
                                                        String _fileName =
                                                            '${sdcard.path}/${this._exportFileNameString}';
                                                        File _file =
                                                            File(_fileName);
                                                        File _result =
                                                            await _file
                                                                .writeAsString(
                                                                    widget
                                                                        .notes);
                                                        Navigator.of(context)
                                                            .pop();
                                                        if (_result == null) {
                                                          setState(() {
                                                            this.fileName =
                                                                _fileName;
                                                          });
                                                          showDialog(
                                                              context: context,
                                                              builder:
                                                                  (BuildContext
                                                                      context) {
                                                                return AlertDialog(
                                                                  backgroundColor:
                                                                      ivory,
                                                                  shape:
                                                                      RoundedRectangleBorder(
                                                                    borderRadius:
                                                                        BorderRadius.all(
                                                                            Radius.circular(6.0)),
                                                                  ),
                                                                  title: Text(
                                                                    'Writing To\n\'$fileName\'\n(sdcard) Failed!',
                                                                    textAlign:
                                                                        TextAlign
                                                                            .center,
                                                                    style:
                                                                        TextStyle(
                                                                      color:
                                                                          candyApple,
                                                                    ),
                                                                  ),
                                                                  content:
                                                                      Column(
                                                                    mainAxisSize:
                                                                        MainAxisSize
                                                                            .min,
                                                                    children: <
                                                                        Widget>[
                                                                      Container(
                                                                        margin:
                                                                            EdgeInsets.only(
                                                                          top:
                                                                              40,
                                                                          bottom:
                                                                              10,
                                                                        ),
                                                                        child:
                                                                            ButtonTheme(
                                                                          height:
                                                                              55,
                                                                          padding: EdgeInsets.only(
                                                                              top: 5,
                                                                              right: 12,
                                                                              bottom: 12,
                                                                              left: 10),
                                                                          child: RaisedButton(
                                                                              shape: RoundedRectangleBorder(
                                                                                borderRadius: BorderRadius.all(Radius.circular(6.0)),
                                                                              ),
                                                                              color: peacockBlue,
                                                                              child: Text(
                                                                                'OK',
                                                                                style: TextStyle(
                                                                                  height: textHeight,
                                                                                  color: Colors.white,
                                                                                  fontSize: 24,
                                                                                ),
                                                                              ),
                                                                              onPressed: () async {
                                                                                Navigator.of(context).pop();
                                                                              }),
                                                                        ),
                                                                      ),
                                                                    ],
                                                                  ),
                                                                );
                                                              });
                                                        } else {
                                                          setState(() {
                                                            this.fileName =
                                                                _fileName;
                                                          });
                                                          showDialog(
                                                              context: context,
                                                              builder:
                                                                  (BuildContext
                                                                      context) {
                                                                return AlertDialog(
                                                                  backgroundColor:
                                                                      ivory,
                                                                  shape:
                                                                      RoundedRectangleBorder(
                                                                    borderRadius:
                                                                        BorderRadius.all(
                                                                            Radius.circular(6.0)),
                                                                  ),
                                                                  title: Text(
                                                                    'Writing To\n\'$fileName\'\n(sdcard) Succeeded!',
                                                                    textAlign:
                                                                        TextAlign
                                                                            .center,
                                                                    style:
                                                                        TextStyle(
                                                                      color:
                                                                          candyApple,
                                                                    ),
                                                                  ),
                                                                  content:
                                                                      Column(
                                                                    mainAxisSize:
                                                                        MainAxisSize
                                                                            .min,
                                                                    children: <
                                                                        Widget>[
                                                                      Container(
                                                                        margin:
                                                                            EdgeInsets.only(
                                                                          top:
                                                                              40,
                                                                          bottom:
                                                                              10,
                                                                        ),
                                                                        child:
                                                                            ButtonTheme(
                                                                          height:
                                                                              55,
                                                                          padding: EdgeInsets.only(
                                                                              top: 5,
                                                                              right: 12,
                                                                              bottom: 12,
                                                                              left: 10),
                                                                          child: RaisedButton(
                                                                              shape: RoundedRectangleBorder(
                                                                                borderRadius: BorderRadius.all(Radius.circular(6.0)),
                                                                              ),
                                                                              color: peacockBlue,
                                                                              child: Text(
                                                                                'OK',
                                                                                style: TextStyle(
                                                                                  height: textHeight,
                                                                                  color: Colors.white,
                                                                                  fontSize: 24,
                                                                                ),
                                                                              ),
                                                                              onPressed: () async {
                                                                                Navigator.of(context).pop();
                                                                              }),
                                                                        ),
                                                                      ),
                                                                    ],
                                                                  ),
                                                                );
                                                              });
                                                        }
                                                      }
                                                    }),
                                              ),
                                            ),
                                          ],
                                        ),
                                      );
                                    });
                              }
                            }),
                      ),
                    ),
                  ],
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}