ente/mobile/lib/ui/viewer/file/video_exif_dialog.dart

import 'package:flutter/material.dart';
import "package:photos/l10n/l10n.dart";
import "package:photos/models/ffmpeg/ffprobe_keys.dart";
import "package:photos/models/ffmpeg/ffprobe_props.dart";
import "package:photos/theme/ente_theme.dart";

class VideoExifDialog extends StatelessWidget {
  final FFProbeProps props;

  const VideoExifDialog({super.key, required this.props});

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            _buildGeneralInfo(context),
            const SizedBox(height: 8),
            _buildSection(context, 'Streams', _buildStreamsList(context)),
          ],
        ),
      ),
    );
  }

  Widget _buildSection(BuildContext context, String title, Widget content) {
    return Theme(
      data: Theme.of(context).copyWith(dividerColor: Colors.transparent),
      child: ExpansionTile(
        initiallyExpanded: false,
        title: Text(title, style: getEnteTextTheme(context).body),
        childrenPadding: EdgeInsets.zero, // Remove padding around children
        tilePadding: EdgeInsets.zero,
        collapsedShape: const Border(), // Remove border when collapsed
        shape: const Border(),
        children: [content],
      ),
    );
  }

  Widget _buildGeneralInfo(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          context.l10n.videoInfo,
          style: getEnteTextTheme(context).large,
        ),
        _buildInfoRow(context, 'Creation Time', props, 'creation_time'),
        _buildInfoRow(context, 'Duration', props, 'duration'),
        _buildInfoRow(context, context.l10n.location, props, 'location'),
        _buildInfoRow(context, 'Bitrate', props, 'bitrate'),
        _buildInfoRow(context, 'Frame Rate', props, FFProbeKeys.rFrameRate),
        _buildInfoRow(context, 'Width', props, null),
        _buildInfoRow(context, 'Height', props, null),
        _buildInfoRow(context, 'Model', props, 'com.apple.quicktime.model'),
        _buildInfoRow(context, 'OS', props, 'com.apple.quicktime.software'),
        _buildInfoRow(context, 'Major Brand', props, 'major_brand'),
        _buildInfoRow(context, 'Format', props, 'format'),
      ],
    );
  }

  Widget _buildStreamsList(BuildContext context) {
    final List<dynamic> streams = props.propData!['streams'];
    final List<Map<String, dynamic>> data = [];
    for (final stream in streams) {
      final Map<String, dynamic> streamData = {};

      for (final key in stream.keys) {
        final dynamic value = stream[key];
        if (value is List) {
          continue;
        }
        // print type of value
        if (value is int ||
            value is double ||
            value is String ||
            value is bool) {
          streamData[key] = stream[key];
        } else {
          streamData[key] = stream[key].toString();
        }
      }
      data.add(streamData);
    }

    return Column(
      children:
          data.map((stream) => _buildStreamInfo(context, stream)).toList(),
    );
  }

  Widget _buildStreamInfo(BuildContext context, Map<String, dynamic> stream) {
    String titleString = stream['type']?.toString().toUpperCase() ?? '';
    final codeName = stream['codec_name']?.toString().toUpperCase() ?? '';
    if (codeName != 'NULL' && codeName.isNotEmpty) {
      titleString += ' - $codeName';
    }
    return ExpansionTile(
      title: Text(
        titleString,
        style: getEnteTextTheme(context).small,
      ),
      childrenPadding: const EdgeInsets.symmetric(vertical: 0, horizontal: 4),
      tilePadding: EdgeInsets.zero,
      collapsedShape: const Border(), // Remove border when collapsed
      shape: const Border(),
      children: [
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: stream.entries
              .map(
                (entry) => _buildInfoRow(
                  context,
                  entry.key,
                  FFProbeProps()..propData = stream,
                  entry.key,
                ),
              )
              .toList(),
        ),
      ],
    );
  }

  Widget _buildInfoRow(
    BuildContext context,
    String rowName,
    FFProbeProps data,
    String? dataKey,
  ) {
    final propData = data.propData;
    rowName = rowName.replaceAll('_', ' ');
    rowName = rowName[0].toUpperCase() + rowName.substring(1);
    try {
      dynamic value;

      if (rowName == 'Width' || rowName == 'Height') {
        rowName == 'Width' ? value = data.width : value = data.height;
      } else {
        value = propData![dataKey];
      }

      if (value == null) {
        return const SizedBox
            .shrink(); // Return an empty container if there's no data for the key.
      }
      return Padding(
        padding: const EdgeInsets.symmetric(vertical: 4.0),
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            SizedBox(
              width: 150,
              child: Text(
                rowName,
                style: getEnteTextTheme(context).smallMuted,
              ),
            ),
            Expanded(child: Text(value.toString())),
          ],
        ),
      );
    } catch (e, _) {
      return const SizedBox.shrink();
    }
  }
}