import 'dart:convert';
import 'dart:io' show Platform;

import 'package:contacts_plus_plus/clients/api_client.dart';
import 'package:contacts_plus_plus/auxiliary.dart';
import 'package:contacts_plus_plus/models/message.dart';
import 'package:contacts_plus_plus/widgets/messages_list.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:just_audio/just_audio.dart';

class MessageAudioPlayer extends StatefulWidget {
  const MessageAudioPlayer({required this.message, super.key});

  final Message message;

  @override
  State<MessageAudioPlayer> createState() => _MessageAudioPlayerState();
}

class _MessageAudioPlayerState extends State<MessageAudioPlayer> {
  final AudioPlayer _audioPlayer = AudioPlayer();
  final DateFormat _dateFormat = DateFormat.Hm();
  double _sliderValue = 0;

  @override
  void initState() {
    super.initState();
    if (Platform.isAndroid) {
      _audioPlayer.setAudioSource(AudioSource.uri(Uri.parse(
        Aux.neosDbToHttp(AudioClipContent.fromMap(jsonDecode(widget.message.content)).assetUri)
    ))).whenComplete(() => _audioPlayer.setLoopMode(LoopMode.off));
    }
  }

  @override
  Widget build(BuildContext context) {
    if (!Platform.isAndroid) {
      return Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Icon(Icons.error_outline, color: Theme.of(context).colorScheme.error,),
            const SizedBox(height: 4,),
            Text("Sorry, audio-messages are not\n supported on this platform.", textAlign: TextAlign.center,
              softWrap: true,
              maxLines: 3,
              style: Theme.of(context).textTheme.bodySmall?.copyWith(color: Theme.of(context).colorScheme.error),
            ),
          ],
        ),
      );
    }
    return IntrinsicWidth(
      child: StreamBuilder<PlayerState>(
        stream: _audioPlayer.playerStateStream,
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            final playerState = snapshot.data as PlayerState;
            return Column(
              children: [
                Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    IconButton(
                      onPressed: () {
                        switch (playerState.processingState) {
                          case ProcessingState.idle:
                          case ProcessingState.loading:
                          case ProcessingState.buffering:
                            break;
                          case ProcessingState.ready:
                            _audioPlayer.play();
                            break;
                          case ProcessingState.completed:
                            _audioPlayer.seek(Duration.zero);
                            _audioPlayer.play();
                            break;
                        }},
                      icon: playerState.processingState == ProcessingState.loading
                          ? const Center(child: CircularProgressIndicator(),)
                          : Icon((_audioPlayer.duration! - _audioPlayer.position).inMilliseconds < 10 ? Icons.replay
                          : (playerState.playing ? Icons.pause : Icons.play_arrow)),
                    ),
                    StreamBuilder(
                      stream: _audioPlayer.positionStream,
                      builder: (context, snapshot) {
                        _sliderValue = (_audioPlayer.position.inMilliseconds /
                            (_audioPlayer.duration?.inMilliseconds ?? 0)).clamp(0, 1);
                        return StatefulBuilder(
                          builder: (context, setState) {
                            return Slider(
                              value: _sliderValue,
                              min: 0.0,
                              max: 1.0,
                              onChanged: (value) async {
                                _audioPlayer.pause();
                                setState(() {
                                  _sliderValue = value;
                                });
                                _audioPlayer.seek(Duration(
                                  milliseconds: (value * (_audioPlayer.duration?.inMilliseconds ?? 0)).round(),
                                ));
                              },
                            );
                          }
                        );
                      }
                    )
                  ],
                ),
                Row(
                  mainAxisSize: MainAxisSize.max,
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    const SizedBox(width: 12),
                    StreamBuilder(
                        stream: _audioPlayer.positionStream,
                        builder: (context, snapshot) {
                          return Text("${snapshot.data?.format() ?? "??"}/${_audioPlayer.duration?.format() ?? "??"}");
                        }
                    ),
                    const Spacer(),
                    Padding(
                      padding: const EdgeInsets.symmetric(horizontal: 4.0),
                      child: Text(
                        _dateFormat.format(widget.message.sendTime),
                        style: Theme
                            .of(context)
                            .textTheme
                            .labelMedium
                            ?.copyWith(color: Colors.white54),
                      ),
                    ),
                    const SizedBox(width: 4,),
                    if (widget.message.senderId == ClientHolder.of(context).apiClient.userId) Padding(
                      padding: const EdgeInsets.only(right: 12.0),
                      child: MessageStateIndicator(messageState: widget.message.state),
                    ),
                  ],
                )
              ],
            );
          } else {
            return const Center(child: CircularProgressIndicator(),);
          }
        },
      ),
    );
  }
}