import 'dart:async';
import 'dart:io';

import 'package:Parlando/net/dio_utils.dart';
import 'package:Parlando/net/http_api.dart';
import 'package:Parlando/poem/models/poem_entity.dart';
import 'package:camera/camera.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:Parlando/res/resources.dart';
import 'package:Parlando/routers/fluro_navigator.dart';
import 'package:Parlando/util/toast_utils.dart';
import 'package:Parlando/widgets/my_app_bar.dart';
import 'package:path_provider/path_provider.dart';
import 'package:pausable_timer/pausable_timer.dart';
import 'package:video_player/video_player.dart';
import 'package:Parlando/extension/int_extension.dart';
import 'package:wakelock/wakelock.dart';

import '../poem_router.dart';

class PoemRecordVideoPage extends StatefulWidget {
  final int id;
  final int poemId;
  final int type;

  const PoemRecordVideoPage({
    Key? key,
    required this.id,
    required this.type,
    required this.poemId,
  }) : super(key: key);

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

class PoemRecordVideoPageState extends State<PoemRecordVideoPage>
    with WidgetsBindingObserver {
  CameraController? controller;
  VideoPlayerController? videoController;

  File? _videoFile; // 保存的视频文件位置，用于上传视频的时候用！
  PoemData? _poem;
  final bool _isVideoCameraSelected = true;
  bool _isCameraInitialized = false;
  bool _isRearCameraSelected = true;
  bool _isRecordingInProgress = false;

  List<File> allFileList = [];

  final resolutionPresets = ResolutionPreset.values;

  ResolutionPreset currentResolutionPreset = ResolutionPreset.high;

  List<CameraDescription>? cameras = [];

  late final PausableTimer _timer;
  int currentTimer = 0;
  int duration = 60 * 1000;

  @override
  void initState() {
    Wakelock.enable();
    // Hide the status bar in Android
    SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: []);
    initCameras().then((value) {
      cameras = value;
      if (cameras != null) {
        onNewCameraSelected(cameras![0]);
        refreshAlreadyCapturedImages();
      } else {
        Toast.show("摄像头出错啦~");
      }
    });

    fetchPoemDetail();

    _timer = PausableTimer(
      const Duration(milliseconds: 100),
      () {
        currentTimer += 100;
        _timer
          ..reset()
          ..start();
        if (currentTimer >= duration) {
          stopRecordVideo();
        }
        setState(() {});
      },
    );
    super.initState();
  }

  Future<void> fetchPoemDetail() async {
    DioUtils.instance.asyncRequestNetwork<PoemEntity>(
      Method.get,
      "${HttpApi.poem}/${widget.poemId}",
      params: [],
      onSuccess: (data) {
        _poem = data!.data!;
        setState(() {});
      },
      onError: (code, msg) {},
    );
  }

  Future<List<CameraDescription>?> initCameras() async {
    try {
      WidgetsFlutterBinding.ensureInitialized();
      List<CameraDescription> cameras = await availableCameras();
      return cameras;
    } on CameraException catch (e) {
      return null;
    }
  }

  refreshAlreadyCapturedImages() async {
    final directory = await getApplicationDocumentsDirectory();
    List<FileSystemEntity> fileList = await directory.list().toList();
    allFileList.clear();
    List<Map<int, dynamic>> fileNames = [];

    for (var file in fileList) {
      if (file.path.contains('.jpg') || file.path.contains('.mp4')) {
        allFileList.add(File(file.path));

        String name = file.path.split('/').last.split('.').first;
        fileNames.add({0: int.parse(name), 1: file.path.split('/').last});
      }
    }
  }

  Future<XFile?> takePicture() async {
    final CameraController? cameraController = controller;

    if (cameraController!.value.isTakingPicture) {
      // A capture is already pending, do nothing.
      return null;
    }

    try {
      XFile file = await cameraController.takePicture();
      return file;
    } on CameraException catch (e) {
      return null;
    }
  }

  Future<void> startVideoRecording() async {
    final CameraController? cameraController = controller;

    if (controller!.value.isRecordingVideo) {
      // A recording has already started, do nothing.
      return;
    }

    try {
      await cameraController!.startVideoRecording();
      setState(() {
        _isRecordingInProgress = true;
      });
    } on CameraException catch (e) {
      // print('Error starting to record video: $e');
    }
  }

  Future<XFile?> stopVideoRecording() async {
    if (!controller!.value.isRecordingVideo) {
      // Recording is already is stopped state
      return null;
    }

    try {
      XFile file = await controller!.stopVideoRecording();
      setState(() {
        _isRecordingInProgress = false;
      });
      return file;
    } on CameraException catch (e) {
      return null;
    }
  }

  Future<void> pauseVideoRecording() async {
    if (!controller!.value.isRecordingVideo) {
      // Video recording is not in progress
      return;
    }

    try {
      await controller!.pauseVideoRecording();
    } on CameraException catch (e) {
      // print('Error pausing video recording: $e');
    }
  }

  Future<void> resumeVideoRecording() async {
    if (!controller!.value.isRecordingVideo) {
      // No video recording was in progress
      return;
    }

    try {
      await controller!.resumeVideoRecording();
    } on CameraException catch (e) {
      // print('Error resuming video recording: $e');
    }
  }

  void onNewCameraSelected(CameraDescription cameraDescription) async {
    final previousCameraController = controller;

    final CameraController cameraController = CameraController(
      cameraDescription,
      currentResolutionPreset,
      imageFormatGroup: ImageFormatGroup.jpeg,
    );

    await previousCameraController?.dispose();

    if (mounted) {
      setState(() {
        controller = cameraController;
      });
    }

    // Update UI if controller updated
    cameraController.addListener(() {
      if (mounted) setState(() {});
    });

    try {
      await cameraController.initialize();
    } on CameraException catch (e) {
      // print('Error initializing camera: $e');
    }

    if (mounted) {
      setState(() {
        _isCameraInitialized = controller!.value.isInitialized;
      });
    }
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    final CameraController? cameraController = controller;

    // App state changed before we got the chance to initialize.
    if (cameraController == null || !cameraController.value.isInitialized) {
      return;
    }

    if (state == AppLifecycleState.inactive) {
      cameraController.dispose();
    } else if (state == AppLifecycleState.resumed) {
      onNewCameraSelected(cameraController.description);
    }
  }

  @override
  void dispose() {
    controller?.dispose();
    videoController?.dispose();

    ///取消计时器
    _timer.cancel();
    Wakelock.disable();
    super.dispose();
  }

  Future<void> stopRecordVideo() async {
    try {
      XFile? rawVideo = await stopVideoRecording();
      File videoFile = File(rawVideo!.path);
      int currentUnix = DateTime.now().millisecondsSinceEpoch;
      final directory = await getApplicationDocumentsDirectory();
      String fileFormat = videoFile.path.split('.').last;
      _videoFile = await videoFile.copy(
        '${directory.path}/$currentUnix.$fileFormat',
      );
      // TODO why pause！直接使用cancel()会出现问题，暂时这么解决
      _timer.pause();
      _gotoNext(currentUnix, fileFormat);
    } catch (e) {
      // print(e);
    }
  }

  void _gotoNext(int currentUnix, String fileFormat) {
    NavigatorUtils.push(
      context,
      '${PoemRouter.poemVideoPlayer}?url=$currentUnix.$fileFormat&id=${widget.id}&poemId=${widget.poemId}&type=${widget.type}',
    );
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        appBar: const MyAppBar(
          isBack: true,
        ),
        backgroundColor: Colors.black,
        body: _isCameraInitialized
            ? Stack(
                children: [
                  controller!.buildPreview(),
                  Padding(
                    padding: EdgeInsets.fromLTRB(10.px, 30.px, 10.px, 10.px),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          _poem != null ? _poem!.title.toString() : "",
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 28.px,
                          ),
                        ),
                        Gaps.vGap10,
                        Text(
                          _poem != null ? _poem!.author.toString() : "",
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 15.px,
                          ),
                        ),
                        Gaps.vGap5,
                        Text(
                          _poem != null ? _poem!.content.toString() : "",
                          style: TextStyle(
                            color: Colors.white,
                            fontFamily: "ZCOOLXiaoWei",
                            fontSize: 25.px,
                          ),
                        ),
                        Gaps.vGap5,
                        Text(
                          "临者：老魔取西经",
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 15.px,
                          ),
                        ),
                        Text(
                          "2022年01月25日 辰时三刻",
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 15.px,
                          ),
                        ),
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.fromLTRB(
                      16.px,
                      8.px,
                      16.px,
                      8.px,
                    ),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.end,
                      children: [
                        // Spacer(),
                        const Spacer(
                          flex: 1,
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          crossAxisAlignment: CrossAxisAlignment.end,
                          children: [
                            InkWell(
                              onTap: _isRecordingInProgress
                                  ? () async {
                                      if (controller!.value.isRecordingPaused) {
                                        await resumeVideoRecording();
                                        _timer.start();
                                      } else {
                                        await pauseVideoRecording();
                                        _timer.pause();
                                      }
                                    }
                                  : () {
                                      setState(() {
                                        _isCameraInitialized = false;
                                      });
                                      onNewCameraSelected(cameras![
                                          _isRearCameraSelected ? 1 : 0]);
                                      setState(() {
                                        _isRearCameraSelected =
                                            !_isRearCameraSelected;
                                      });
                                    },
                              child: Stack(
                                alignment: Alignment.center,
                                children: [
                                  Icon(
                                    Icons.circle,
                                    color: Colors.black38,
                                    size: 60.px,
                                  ),
                                  _isRecordingInProgress
                                      ? controller!.value.isRecordingPaused
                                          ? Icon(
                                              Icons.play_arrow,
                                              color: Colors.white,
                                              size: 30.px,
                                            )
                                          : Icon(
                                              Icons.pause,
                                              color: Colors.white,
                                              size: 30.px,
                                            )
                                      : Icon(
                                          _isRearCameraSelected
                                              ? Icons.camera_front
                                              : Icons.camera_rear,
                                          color: Colors.white,
                                          size: 30.px,
                                        ),
                                ],
                              ),
                            ),
                            InkWell(
                              onTap: () async {
                                if (_isRecordingInProgress) {
                                  stopRecordVideo();
                                } else {
                                  currentTimer = 0;
                                  _timer
                                    ..reset()
                                    ..start();
                                  await startVideoRecording();
                                }
                              },
                              child: Stack(
                                alignment: Alignment.center,
                                children: [
                                  Icon(
                                    Icons.circle,
                                    color: _isVideoCameraSelected
                                        ? Colors.white
                                        : Colors.white38,
                                    size: 80.px,
                                  ),
                                  _isRecordingInProgress
                                      ? SizedBox(
                                          width: 60.px,
                                          height: 60.px,
                                          child: CircularProgressIndicator(
                                            strokeWidth: 5.px,
                                            value: currentTimer / duration,
                                          ),
                                        )
                                      : Container(),
                                  Icon(
                                    Icons.circle,
                                    color: _isVideoCameraSelected
                                        ? Colors.red
                                        : Colors.white,
                                    size: 65.px,
                                  ),
                                  _isRecordingInProgress
                                      ? Container()
                                      : Text(
                                          "60s",
                                          style: TextStyle(
                                            fontSize: 12.px,
                                            color: Colors.white,
                                          ),
                                        ),
                                  _isVideoCameraSelected &&
                                          _isRecordingInProgress
                                      ? Icon(
                                          Icons.stop_rounded,
                                          color: Colors.white,
                                          size: 32.px,
                                        )
                                      : Container(),
                                ],
                              ),
                            ),
                            InkWell(
                              onTap: () {},
                              child: Stack(
                                alignment: Alignment.center,
                                children: [
                                  Icon(
                                    Icons.circle,
                                    color: Colors.black38,
                                    size: 60.px,
                                  ),
                                  Icon(
                                    Icons.photo_album,
                                    color: Colors.white,
                                    size: 30.px,
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                ],
              )
            : const Center(
                child: Text(
                  '开启摄像头..',
                  style: TextStyle(color: Colors.white),
                ),
              ),
      ),
    );
  }
}