import 'dart:async';
import 'package:async/async.dart';
import 'dart:io';
import 'package:path/path.dart';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:flutter/material.dart';
import 'package:media_picker/media_picker.dart';
import 'package:video_player/video_player.dart';
import 'package:Unify_Mobile/globals.dart' as globals;
import 'package:Unify_Mobile/menu/videodetails.dart';
import 'package:dio/dio.dart';

class CameraPage extends StatefulWidget {
  @override
  _CameraPageState createState() => new _CameraPageState();
}

// State for managing fetching name data over HTTP
class _CameraPageState extends State<CameraPage> {
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  Future<File> _mediaFile;
  File _uploadFile;
  bool isVideo = false;
  VideoPlayerController _controller;
  VoidCallback listener;
  bool isPlaying = false;

  void _onImageButtonPressed(ImageSource source) {
    setState(() {
      if (_controller != null) {
        _controller.setVolume(0.0);
        _controller.removeListener(listener);
      }
      _mediaFile = MediaPicker.pickVideo(source: source).then((File _file) {
        _controller = VideoPlayerController.file(_file)
          ..addListener(listener)
          ..setVolume(1.0)
          ..initialize()
          ..setLooping(true)
          ..play();
        setState(() {
          isPlaying = true;
          _uploadFile = _file;
        });
      });
    });
  }

  @override
  void deactivate() {
    if (_controller != null) {
      _controller.setVolume(0.0);
      _controller.removeListener(listener);
    }
    super.deactivate();
  }

  @override
  void dispose() {
    if (_controller != null) {
      _controller.dispose();
    }
    super.dispose();
  }

  @override
  void initState() {
    super.initState();
    listener = () {
      setState(() {});
    };
  }

  Widget _previewVideo(VideoPlayerController controller) {
    if (controller == null) {
      isPlaying = false;
      return const Text('Please Select or Record a Video.');
    } else if (controller.value.initialized) {
      return InkWell(
          child: Padding(
            padding: const EdgeInsets.all(10.0),
            child: AspectRatio(
              aspectRatio:
                  controller.value.size.width / controller.value.size.height,
              child: VideoPlayer(
                controller,
              ),
            ),
          ),
          onTap: () {
            if (isPlaying) {
              _controller.pause();
              isPlaying = false;
            } else {
              _controller.play();
              isPlaying = true;
            }
          });
    } else {
      isPlaying = false;
      return const Text('Error Loading Video');
    }
  }

  Future uploadVideo(BuildContext context, File _uploadFile, String name,
      String description) async {
    final _name = name;
    final _description = description;
    if (_controller == null) {
      globals.Utility
          .showAlertPopup(context, "Info", "Video Required for Upload!");
    } else {
      final _ks = await globals.Utility.getKalturaSession();
      //  Add Video
      String _token = "";
      await http
          .get(
              'https://www.kaltura.com/api_v3/service/uploadtoken/action/add?ks=$_ks&format=1')
          .then((response) {
        Map<String, dynamic> _json = json.decode(response.body);
        _token = _json['id'].toString();
        print('"Token: $_token');
      });

      //  Upload Video
      String _url =
          "https://www.kaltura.com/api_v3/service/uploadtoken/action/upload?ks=$_ks&format=1&uploadTokenId=$_token&resume=false&finalChunk=true&resumeAt=-1";
      print("Path: " + _uploadFile.uri.toString());
      
      await uploadFile(_url, _uploadFile, 'fileData');

      //  Update Video Info (Name, Desctiption, Tags)
      var _formName = Uri.encodeQueryComponent(r'mediaEntry[name]');
      var _formDesription =
          Uri.encodeQueryComponent(r'mediaEntry[description]');
      var _formTags = Uri.encodeQueryComponent(r'mediaEntry[tags]');
      var _formCatagory = Uri.encodeQueryComponent(r'mediaEntry[categories]');
      var _formType = Uri.encodeQueryComponent(r'mediaEntry[mediaType]');
      String _request =
          'https://www.kaltura.com/api_v3/service/media/action/addFromUploadedFile?ks=$_ks&format=1&$_formTags=${globals.userCompanyID}&$_formName=$_name&$_formDesription=$_description&uploadTokenId=$_token&$_formCatagory=Unapproved&$_formType=1';
      print(_request);
      await http.get(_request).then((response) {
        print('Updated Info...\n' + response.body.toString());
        Map<String, dynamic> _json = json.decode(response.body);
        //  Verify Upload
         _scaffoldKey.currentState.hideCurrentSnackBar();
        globals.videoID = "" + _json["id"].toString();
        Navigator.pop(context);
      });
    }
  }

  Future uploadFile(String url, File file, String name) async {
      var stream =
          new http.ByteStream(DelegatingStream.typed(file.openRead()));
      var length = await file.length();
      var uri = Uri.parse(url);
      var request = new http.MultipartRequest("POST", uri);
      var multipartFile = new http.MultipartFile(name, stream, length,
          filename: basename(file.path));
      request.files.add(multipartFile);
      var response = await request.send();
      print(response.statusCode);
      response.stream.transform(utf8.decoder).listen((value) {
        print(value);
      });
  }

  void _uploadVideo(BuildContext context) async {
    final snackbar = new SnackBar(
      duration: new Duration(seconds: 20),
      content: new Row(
        children: <Widget>[
          new CircularProgressIndicator(),
          new Text("  Uploading...")
        ],
      ),
    );
    _scaffoldKey.currentState.showSnackBar(snackbar);
    await uploadVideo(context, _uploadFile, _nameController.text.toString(),
        _descController.text.toString());
    _scaffoldKey.currentState.hideCurrentSnackBar();
    //  Navigator.pop(context);
  }

  void handelTextChange(String value) {
    setState(() {});
  }

  final TextEditingController _nameController = new TextEditingController();
  final TextEditingController _descController = new TextEditingController();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      appBar: AppBar(
        title: const Text('Video Upload'),
        backgroundColor: Colors.white,
        actions: <Widget>[
          new IconButton(
            icon: new Icon(
              Icons.help,
            ),
            onPressed: () {
              globals.Utility.showAlertPopup(context, 'Info',
                  "Please Record in Landscape Mode for Best Results.\n\nFor Higher Quality Videos and to Prevent Data Loss, Capture and Edit a Video in the Camera App then Select the Video Here.\n\nOnce the Video is Uploaded it will be Avaliable in the 'Videos' Section After it Completes Processing.");
            },
          ),
          new IconButton(
              icon: new Icon(Icons.file_upload),
              onPressed: () {
                if (_nameController.text.toString().isNotEmpty &&
                    _descController.text.toString().isNotEmpty) {
                  _uploadVideo(context);
                } else {
                  globals.Utility.showAlertPopup(
                      context, "Info", "Name and Description Required!");
                }
              })
        ],
      ),
      body: new SingleChildScrollView(
        child: new ListBody(
          children: <Widget>[
            new ListTile(
              title: new TextField(
                controller: _nameController,
                onChanged: handelTextChange,
                decoration: new InputDecoration(
                  hintText: "Name",
                ),
              ),
              trailing: _nameController.text.toString().isEmpty
                  ? new Icon(
                      Icons.error,
                      color: Colors.red,
                    )
                  : new Icon(
                      Icons.check_circle,
                      color: Colors.green,
                    ),
            ),
            new ListTile(
              title: new TextField(
                controller: _descController,
                onChanged: handelTextChange,
                decoration: new InputDecoration(
                  hintText: "Description",
                ),
              ),
              trailing: _descController.text.toString().isEmpty
                  ? new Icon(
                      Icons.error,
                      color: Colors.red,
                    )
                  : new Icon(
                      Icons.check_circle,
                      color: Colors.green,
                    ),
            ),
            new Container(
              height: 20.0,
            ),
            new Center(
              child: _previewVideo(_controller),
            )
          ],
        ),
      ),
      floatingActionButton: Column(
        mainAxisAlignment: MainAxisAlignment.end,
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.only(top: 16.0),
            child: FloatingActionButton(
              backgroundColor: Colors.red,
              onPressed: () {
                _onImageButtonPressed(ImageSource.gallery);
              },
              heroTag: 'video0',
              tooltip: 'Pick Video from gallery',
              child: const Icon(Icons.video_library),
            ),
          ),
          Padding(
            padding: const EdgeInsets.only(top: 16.0),
            child: FloatingActionButton(
              backgroundColor: Colors.red,
              onPressed: () {
                _onImageButtonPressed(ImageSource.camera);
              },
              heroTag: 'video1',
              tooltip: 'Take a Video',
              child: const Icon(Icons.videocam),
            ),
          ),
        ],
      ),
    );
  }
}