oott/frontend/lib/about/about.dart

import 'package:flutter/material.dart';
import 'package:package_info_plus/package_info_plus.dart';
import 'package:url_launcher/url_launcher.dart';

import '../theme/dimens.dart';

// The version is read at runtime from the bundled package metadata
// (frontend/pubspec.yaml), so it never needs to be hand-edited here.
const _releaseDate = 'June 22, 2026';
const _websiteUrl = 'https://oott-security.net';

class About extends StatelessWidget {
  const About({super.key});

  @override
  Widget build(BuildContext context) {
    final colorScheme = Theme.of(context).colorScheme;
    final textTheme = Theme.of(context).textTheme;

    return SingleChildScrollView(
      padding: const EdgeInsets.all(Insets.xxl),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            'Easy to setup and use network device discovery and alert system. '
            'Notifies you when new or unknown devices join your local area network.',
            style: textTheme.bodyLarge,
          ),
          const SizedBox(height: Insets.sm),
          FutureBuilder<PackageInfo>(
            future: PackageInfo.fromPlatform(),
            builder: (context, snapshot) {
              final version = snapshot.data?.version;
              final label = version == null
                  ? 'Released $_releaseDate'
                  : 'v$version - released $_releaseDate';
              return Text(
                label,
                style: textTheme.bodyMedium?.copyWith(
                  color: colorScheme.onSurfaceVariant,
                ),
              );
            },
          ),
          const SizedBox(height: Insets.xxl),
          _SurfaceContainer(
            colorScheme: colorScheme,
            child: _LinkRow(
              label: 'Check out our website and Git repo here',
              url: _websiteUrl,
              colorScheme: colorScheme,
              textTheme: textTheme,
            ),
          ),
          const SizedBox(height: Insets.lg),
          _SurfaceContainer(
            colorScheme: colorScheme,
            padding: const EdgeInsets.all(Insets.lg),
            child: _NoticesSection(textTheme: textTheme),
          ),
        ],
      ),
    );
  }
}

class _SurfaceContainer extends StatelessWidget {
  const _SurfaceContainer({
    required this.colorScheme,
    required this.child,
    this.padding,
  });

  final ColorScheme colorScheme;
  final Widget child;
  final EdgeInsetsGeometry? padding;

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      clipBehavior: Clip.antiAlias,
      decoration: BoxDecoration(
        color: colorScheme.surfaceContainerHigh,
        borderRadius: BorderRadius.circular(12),
      ),
      padding: padding,
      child: child,
    );
  }
}

class _LinkRow extends StatelessWidget {
  const _LinkRow({
    required this.label,
    required this.url,
    required this.colorScheme,
    required this.textTheme,
  });

  final String label;
  final String url;
  final ColorScheme colorScheme;
  final TextTheme textTheme;

  Future<void> _open() async {
    final uri = Uri.parse(url);
    if (await canLaunchUrl(uri)) {
      await launchUrl(uri, mode: LaunchMode.externalApplication);
    }
  }

  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: _open,
      child: Padding(
        padding: const EdgeInsets.symmetric(
          vertical: Insets.md,
          horizontal: Insets.lg,
        ),
        child: Text(
          label,
          style: textTheme.bodyMedium?.copyWith(
            color: colorScheme.primary,
            decoration: TextDecoration.underline,
            decorationColor: colorScheme.primary,
          ),
        ),
      ),
    );
  }
}

class _NoticesSection extends StatelessWidget {
  const _NoticesSection({required this.textTheme});

  final TextTheme textTheme;

  @override
  Widget build(BuildContext context) {
    final colorScheme = Theme.of(context).colorScheme;

    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          'OOTT, Copyright (C) 2024-2026 Ricardo Zuasti',
          style: textTheme.bodyMedium,
        ),
        const SizedBox(height: Insets.sm),
        Text(
          'This product includes software developed by third parties and distributed '
          'under the Apache License, Version 2.0.',
          style: textTheme.bodySmall?.copyWith(
            color: colorScheme.onSurfaceVariant,
          ),
        ),
        const SizedBox(height: Insets.md),
        ..._thirdPartyComponents.map(
          (c) => _ThirdPartyEntry(component: c, textTheme: textTheme),
        ),
      ],
    );
  }
}

class _ThirdPartyEntry extends StatelessWidget {
  const _ThirdPartyEntry({required this.component, required this.textTheme});

  final _ThirdPartyComponent component;
  final TextTheme textTheme;

  @override
  Widget build(BuildContext context) {
    final colorScheme = Theme.of(context).colorScheme;
    return Padding(
      padding: const EdgeInsets.only(bottom: Insets.sm),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            component.name,
            style: textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.w600),
          ),
          Text(
            component.copyright,
            style: textTheme.bodySmall?.copyWith(
              color: colorScheme.onSurfaceVariant,
            ),
          ),
          SelectableText(
            component.url,
            style: textTheme.bodySmall?.copyWith(color: colorScheme.primary),
          ),
        ],
      ),
    );
  }
}

class _ThirdPartyComponent {
  const _ThirdPartyComponent({
    required this.name,
    required this.copyright,
    required this.url,
  });

  final String name;
  final String copyright;
  final String url;
}

const _thirdPartyComponents = [
  _ThirdPartyComponent(
    name: 'openssl',
    copyright:
        'Copyright 2011-2017 Google Inc., 2013 Jack Lloyd, 2013-2014 Steven Fackler. Apache-2.0.',
    url: 'https://github.com/rust-openssl/rust-openssl',
  ),
  _ThirdPartyComponent(
    name: 'rusqlite_migration',
    copyright: 'Copyright Clément Joly and contributors. Apache-2.0.',
    url: 'https://github.com/cljoly/rusqlite_migration',
  ),
  _ThirdPartyComponent(
    name: 'sync_wrapper',
    copyright: 'Copyright Actyx AG. Apache-2.0.',
    url: 'https://github.com/Actyx/sync_wrapper',
  ),
  _ThirdPartyComponent(
    name: 'zopfli',
    copyright:
        'Copyright the zopfli-rs contributors. Based on the original Zopfli C code by Google. Apache-2.0.',
    url: 'https://github.com/zopfli-rs/zopfli',
  ),
];