import 'package:fladder/models/playback/playback_model.dart';
import 'package:fladder/providers/session_info_provider.dart';
import 'package:fladder/providers/video_player_provider.dart';
import 'package:fladder/util/list_padding.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

Future<void> showVideoPlaybackInformation(BuildContext context) {
  return showDialog(
    context: context,
    builder: (context) => const _VideoPlaybackInformation(),
  );
}

class _VideoPlaybackInformation extends ConsumerWidget {
  const _VideoPlaybackInformation();

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final playbackModel = ref.watch(playBackModel);
    final sessionInfo = ref.watch(sessionInfoProvider);
    return Dialog(
      child: Padding(
        padding: const EdgeInsets.all(12.0),
        child: IntrinsicWidth(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text("Playback information", style: Theme.of(context).textTheme.titleMedium),
              const Divider(),
              ...[
                Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [const Text('type: '), Text(playbackModel.label ?? "")],
                ),
                if (sessionInfo.transCodeInfo != null) ...[
                  const SizedBox(height: 6),
                  Text("Transcoding", style: Theme.of(context).textTheme.titleMedium),
                  if (sessionInfo.transCodeInfo?.transcodeReasons?.isNotEmpty == true)
                    Row(
                      mainAxisSize: MainAxisSize.min,
                      children: [const Text('reason: '), Text(sessionInfo.transCodeInfo?.transcodeReasons.toString() ?? "")],
                    ),
                  if (sessionInfo.transCodeInfo?.completionPercentage != null)
                    Row(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        const Text('transcode progress: '),
                        Text("${sessionInfo.transCodeInfo?.completionPercentage?.toStringAsFixed(2)} %")
                      ],
                    ),
                  if (sessionInfo.transCodeInfo?.container != null)
                    Row(
                      mainAxisSize: MainAxisSize.min,
                      children: [const Text('container: '), Text(sessionInfo.transCodeInfo!.container.toString())],
                    ),
                ],
                Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [const Text('resolution: '), Text(playbackModel?.item.streamModel?.resolutionText ?? "")],
                ),
                Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    const Text('container: '),
                    Text(playbackModel?.playbackInfo?.mediaSources?.firstOrNull?.container ?? "")
                  ],
                ),
              ].addPadding(const EdgeInsets.symmetric(vertical: 3))
            ],
          ),
        ),
      ),
    );
  }
}