import 'dart:ui';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_sound/flutter_sound.dart';
import 'package:Parlando/poem/widgets/poem_content.dart';
import 'package:Parlando/routers/fluro_navigator.dart';
import 'package:Parlando/widgets/bars/home_action_bar.dart';
import 'package:Parlando/widgets/bars/home_menu_bar.dart';
import 'package:Parlando/widgets/my_app_bar.dart';

import 'package:Parlando/extension/int_extension.dart';
import 'package:path_provider/path_provider.dart';
import 'package:pausable_timer/pausable_timer.dart';
import 'package:flutter_sound_platform_interface/flutter_sound_recorder_platform_interface.dart';
import 'package:flutter/foundation.dart' show kIsWeb;
import 'package:permission_handler/permission_handler.dart';
import 'package:wakelock/wakelock.dart';

import '../poem_router.dart';

const theSource = AudioSource.microphone;

class PoemRecordAudioPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _PoemRecordAudioPageState();

  const PoemRecordAudioPage({
    Key? key,
    required this.poemId,
    this.poemPanelHeight = 0,
  }) : super(key: key);

  final int poemPanelHeight;
  final int poemId;
}

class _PoemRecordAudioPageState extends State<PoemRecordAudioPage> {
  bool _isGetPoemInProgress = false;
  String poemStr = '';

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

  Future<void> getPoem() async {
    // TODO 等待套入正式接口发布临境
    _isGetPoemInProgress = true;
    await Future.delayed(const Duration(seconds: 2), () {
      poemStr =
          "qīng chén rù gǔ sì\n清晨入古寺，\nchū rì zhào gāo lín\n初日照高林。\nzhú jìng tōng yōu chù\n竹径通幽处，\nchán fáng huā mù shēn\n禅房花木深。\nshān guāng yuè niǎo xìng\n山光悦鸟性，\ntán yǐng kōng rén xīn\n潭影空人心。\nwàn lài cǐ dōu jì\n万籁此都寂，\ndàn yú zhōng qìng yīn\n但余钟磬音。";
      _isGetPoemInProgress = false;
      setState(() {});
    });
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: MyAppBar(
        isBack: true,
        isTransparent: false,
        homeMenuHeader: HomeMenuHeader(
          funcLeft: () {
            setState(() {});
          },
          funcCenter: () {
            setState(() {});
          },
          funcRight: () {},
        ),
        homeActionWidgets: HomeActionWidgets(
          funcStar: () {
            print("starrrrrrr");
          },
        ),
      ),
      body: Container(
        alignment: Alignment.topCenter,
        decoration: const BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/images/poem/poem_background.png"),
            fit: BoxFit.fill,
          ),
        ),
        child: SafeArea(
          child: _isGetPoemInProgress
              ? const Center(
                  child: CupertinoActivityIndicator(
                    radius: 16.0,
                  ),
                )
              : Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Container(
                      margin: EdgeInsets.symmetric(
                          vertical: 20.px, horizontal: 20.px),
                      height: MediaQuery.of(context).size.height -
                          150.px -
                          widget.poemPanelHeight,
                      width: double.infinity,
                      decoration: BoxDecoration(
                        color: Colors.grey.shade200.withOpacity(0.1),
                        border: Border.all(
                          color: Colors.grey.shade50,
                          width: 0.5,
                        ), // 边色与边宽度
                      ),
                      child: ClipRect(
                        child: BackdropFilter(
                          filter: ImageFilter.blur(
                            sigmaX: 10.0,
                            sigmaY: 10.0,
                          ),
                          child: Container(
                            decoration: BoxDecoration(
                              color: Colors.grey.shade200.withOpacity(0.1),
                            ),
                            child: Padding(
                              padding: EdgeInsets.all(10.px),
                              child: SingleChildScrollView(
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.center,
                                  children: [
                                    PoemContent(
                                      title: "题破山寺后禅院",
                                      author: "常建",
                                      poemStr: poemStr,
                                      fontSize: 22.px,
                                    ),
                                    const AudioToolBar(),
                                  ],
                                ),
                              ),
                            ),
                          ),
                        ),
                      ),
                    ),
                  ],
                ),
        ),
      ),
    );
  }
}

class AudioToolBar extends StatefulWidget {
  const AudioToolBar({
    Key? key,
  }) : super(key: key);

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

class AudioToolBarState extends State<AudioToolBar> {
  late final PausableTimer _timer;
  int currentTimer = 0;
  int duration = 60 * 1000;

  Codec _codec = Codec.aacMP4; //TODO why accMP4?
  String _mPath = 'tau_file.mp4';
  FlutterSoundPlayer? _mPlayer = FlutterSoundPlayer();
  FlutterSoundRecorder? _mRecorder = FlutterSoundRecorder();
  bool _mPlayerIsInited = false;
  bool _mRecorderIsInited = false;
  bool _mPlaybackReady = false;
  bool _mRecorderIsRecording = false;
  bool _mRecorderIsPaused = false;
  bool _mPlayerIsPlaying = false;

  @override
  void initState() {
    super.initState();
    Wakelock.enable();
    _mPlayer!.openPlayer().then((value) {
      setState(() {
        _mPlayerIsInited = true;
      });
    });

    openTheRecorder().then((value) {
      setState(() {
        _mRecorderIsInited = true;
      });
    });

    _timer = PausableTimer(
      const Duration(milliseconds: 100),
      () {
        currentTimer += 100;
        _timer
          ..reset()
          ..start();
        if (currentTimer >= duration) {
          _mRecorderIsRecording = false;
          stopRecorder();
        }
        setState(() {});
      },
    );
  }

  @override
  void dispose() {
    _mPlayer!.closePlayer();
    _mPlayer = null;

    _mRecorder!.closeRecorder();
    _mRecorder = null;
    Wakelock.disable();
    super.dispose();
  }

  Future<void> openTheRecorder() async {
    if (!kIsWeb) {
      var status = await Permission.microphone.request();
      if (status != PermissionStatus.granted) {
        //TODO 弹出授权提示框
        throw RecordingPermissionException('Microphone permission not granted');
      }
    }
    await _mRecorder!.openRecorder();
    if (!await _mRecorder!.isEncoderSupported(_codec) && kIsWeb) {
      final directory = await getApplicationDocumentsDirectory();
      int currentUnix = DateTime.now().millisecondsSinceEpoch;
      _codec = Codec.opusWebM; //TODO 音频保存格式，mp3?
      _mPath = '${directory.path}/$currentUnix.webm';
      if (!await _mRecorder!.isEncoderSupported(_codec) && kIsWeb) {
        _mRecorderIsInited = true;
        return;
      }
    }
    _mRecorderIsInited = true;
  }

  void record() {
    if (_mRecorderIsInited && _mPlayer!.isStopped) {
      currentTimer = 0;
      _timer
        ..reset()
        ..start();

      _mRecorder!
          .startRecorder(
        toFile: _mPath,
        codec: _codec,
        audioSource: theSource,
      )
          .then((value) {
        setState(() {
          _mPlaybackReady = false;
          _mRecorderIsRecording = true;
        });
      });
    }
  }

  void pauseRecorder() async {
    if (_mRecorderIsInited && _mPlayer!.isStopped) {
      _timer.pause();
      await _mRecorder!.pauseRecorder().then((value) {
        setState(() {
          _mRecorderIsPaused = true;
        });
      });
    }
  }

  void resumeRecorder() async {
    if (_mRecorderIsInited && _mPlayer!.isStopped) {
      _timer.start();
      await _mRecorder!.resumeRecorder().then((value) {
        setState(() {
          _mRecorderIsPaused = false;
        });
      });
    }
  }

  void stopRecorder() async {
    if (_mRecorderIsInited && _mPlayer!.isStopped) {
      _timer.pause();
      await _mRecorder!.stopRecorder().then((value) {
        setState(() {
          _mPlaybackReady = true;
          _mRecorderIsRecording = false;
        });
      });
    }
  }

  void play() {
    if (_mPlayerIsInited && _mPlaybackReady && _mRecorder!.isStopped) {
      _mPlayer!
          .startPlayer(
              fromURI: _mPath,
              whenFinished: () {
                setState(() {
                  _mPlayerIsPlaying = false;
                });
              })
          .then((value) {
        setState(() {
          _mPlayerIsPlaying = true;
        });
      });
    }
  }

  void stopPlayer() {
    if (_mPlayerIsInited && _mPlaybackReady && _mRecorder!.isStopped) {
      _mPlayer!.stopPlayer().then((value) {
        setState(() {
          _mPlayerIsPlaying = false;
        });
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.fromLTRB(
        16.px,
        8.px,
        16.px,
        8.px,
      ),
      child: _mPlaybackReady
          ? Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
                InkWell(
                  onTap: () {
                    _mPlaybackReady = false;
                    setState(() {});
                  },
                  child: Stack(
                    alignment: Alignment.center,
                    children: [
                      Icon(
                        Icons.circle,
                        color: Colors.black38,
                        size: 60.px,
                      ),
                      Icon(
                        Icons.edit,
                        color: Colors.white,
                        size: 30.px,
                      ),
                    ],
                  ),
                ),
                InkWell(
                  onTap: () {
                    _mPlayerIsPlaying ? stopPlayer() : play();
                  },
                  child: Stack(
                    alignment: Alignment.center,
                    children: [
                      Icon(
                        Icons.circle,
                        color: Colors.white,
                        size: 80.px,
                      ),
                      Icon(
                        _mPlayerIsPlaying ? Icons.pause : Icons.play_arrow,
                        color: Colors.red,
                        size: 65.px,
                      ),
                    ],
                  ),
                ),
                InkWell(
                  onTap: () {
                    NavigatorUtils.push(
                      context,
                      '${PoemRouter.poemPublish}?data=100',
                      clearStack: true,
                    );
                  },
                  child: Stack(
                    alignment: Alignment.center,
                    children: [
                      Icon(
                        Icons.circle,
                        color: Colors.black38,
                        size: 60.px,
                      ),
                      Icon(
                        Icons.navigate_next_outlined,
                        color: Colors.white,
                        size: 30.px,
                      ),
                    ],
                  ),
                ),
              ],
            )
          : Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
                InkWell(
                  onTap: () {
                    if (_mRecorderIsRecording) {
                      _mRecorderIsPaused ? resumeRecorder() : pauseRecorder();
                    } else {
                      NavigatorUtils.push(
                        context,
                        '${PoemRouter.poemRecordVideoPage}?id=100',
                      );
                    }
                  },
                  child: Stack(
                    alignment: Alignment.center,
                    children: [
                      Icon(
                        Icons.circle,
                        color: Colors.black38,
                        size: 60.px,
                      ),
                      _mRecorderIsRecording
                          ? _mRecorderIsPaused
                              ? Icon(
                                  Icons.play_arrow,
                                  color: Colors.white,
                                  size: 30.px,
                                )
                              : Icon(
                                  Icons.pause,
                                  color: Colors.white,
                                  size: 30.px,
                                )
                          : Icon(
                              Icons.camera_alt_outlined,
                              color: Colors.white,
                              size: 30.px,
                            ),
                    ],
                  ),
                ),
                InkWell(
                  onTap: () {
                    _mRecorderIsRecording ? stopRecorder() : record();
                  },
                  child: Stack(
                    alignment: Alignment.center,
                    children: [
                      Icon(
                        Icons.circle,
                        color: Colors.white,
                        size: 80.px,
                      ),
                      _mRecorderIsRecording
                          ? SizedBox(
                              width: 60.px,
                              height: 60.px,
                              child: CircularProgressIndicator(
                                strokeWidth: 5.px,
                                value: currentTimer / duration,
                              ),
                            )
                          : Container(),
                      Icon(
                        Icons.circle,
                        color: Colors.red,
                        size: 65.px,
                      ),
                      _mRecorderIsRecording
                          ? Container()
                          : Text(
                              "60s",
                              style: TextStyle(
                                fontSize: 12.px,
                                color: Colors.white,
                              ),
                            ),
                      _mRecorderIsRecording
                          ? Icon(
                              Icons.stop_rounded,
                              color: Colors.white,
                              size: 32.px,
                            )
                          : Container(),
                    ],
                  ),
                ),
                SizedBox(
                  height: 10.px,
                  width: 60.px,
                )
              ],
            ),
    );
  }
}