flutter/lib/widgets/core/about.dart

/*
 * This file is part of wger Workout Manager <https://github.com/wger-project>.
 * Copyright (C) 2020, 2025 wger Team
 *
 * wger Workout Manager is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * wger Workout Manager is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:provider/provider.dart';
import 'package:wger/core/wide_screen_wrapper.dart';
import 'package:wger/helpers/consts.dart';
import 'package:wger/helpers/misc.dart';
import 'package:wger/l10n/generated/app_localizations.dart';
import 'package:wger/providers/auth.dart';
import 'package:wger/screens/add_exercise_screen.dart';

import 'log_overview.dart';

class AboutPage extends StatelessWidget {
  static String routeName = '/AboutPage';

  const AboutPage({super.key});

  Widget _buildSectionSpacer() => const SizedBox(height: 24.0);

  // Helper function for section headers
  Widget _buildSectionHeader(BuildContext context, String title) {
    return Padding(
      padding: const EdgeInsets.only(bottom: 8.0),
      child: Text(
        title,
        style: Theme.of(context).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    final authProvider = Provider.of<AuthProvider>(context, listen: false);
    final i18n = AppLocalizations.of(context);
    final today = DateTime.now();

    return Scaffold(
      appBar: AppBar(title: Text(i18n.aboutPageTitle)),
      body: WidescreenWrapper(
        child: SingleChildScrollView(
          padding: const EdgeInsets.all(20.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Image.asset(
                    'assets/images/logo.png',
                    width: 60,
                    semanticLabel: 'wger logo',
                  ),
                  const SizedBox(width: 20),
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      const Text(
                        'wger',
                        style: TextStyle(
                          fontSize: 23,
                          fontWeight: FontWeight.w600,
                        ),
                      ),
                      Text(
                        'App: ${authProvider.applicationVersion?.version ?? 'N/A'}\n'
                        'Server: ${authProvider.serverVersion ?? 'N/A'}',
                        style: Theme.of(context).textTheme.bodySmall,
                      ),
                      Padding(
                        padding: const EdgeInsets.only(top: 4.0),
                        child: Text(
                          '\u{a9} ${today.year} wger contributors',
                          style: Theme.of(context).textTheme.bodySmall,
                        ),
                      ),
                    ],
                  ),
                ],
              ),

              _buildSectionSpacer(),
              _buildSectionHeader(context, i18n.aboutWhySupportTitle),
              Text(i18n.aboutDescription),

              _buildSectionSpacer(),
              _buildSectionHeader(context, i18n.aboutContributeTitle),
              Text(i18n.aboutContributeText),
              ListTile(
                leading: const Icon(Icons.bug_report),
                title: Text(i18n.aboutBugsListTitle),
                contentPadding: EdgeInsets.zero,
                onTap: () => launchURL(GITHUB_ISSUES_URL, context),
              ),
              ListTile(
                leading: const Icon(Icons.translate),
                title: Text(i18n.aboutTranslationListTitle),
                contentPadding: EdgeInsets.zero,
                onTap: () => launchURL(WEBLATE_URL, context),
              ),
              ListTile(
                leading: const Icon(Icons.code),
                title: Text(i18n.aboutSourceListTitle),
                contentPadding: EdgeInsets.zero,
                onTap: () => launchURL(GITHUB_PROJECT_URL, context),
              ),
              ListTile(
                leading: const FaIcon(FontAwesomeIcons.dumbbell, size: 18),
                title: Text(i18n.contributeExercise),
                contentPadding: EdgeInsets.zero,
                onTap: () => Navigator.of(context).pushNamed(AddExerciseScreen.routeName),
              ),

              _buildSectionSpacer(),
              _buildSectionHeader(context, i18n.aboutDonateTitle),
              Text(i18n.aboutDonateText),
              const SizedBox(height: 15),
              // Using Wrap for buttons to handle different screen sizes potentially
              Center(
                child: Wrap(
                  spacing: 10.0,
                  runSpacing: 10.0,
                  alignment: WrapAlignment.center,
                  children: [
                    ElevatedButton.icon(
                      icon: const FaIcon(FontAwesomeIcons.mugHot, size: 18),
                      label: const Text('Buy me a coffee'),
                      onPressed: () => launchURL(BUY_ME_A_COFFEE_URL, context),
                    ),
                    ElevatedButton.icon(
                      icon: const FaIcon(FontAwesomeIcons.solidHeart, size: 18),
                      label: const Text('Liberapay'),
                      onPressed: () => launchURL(LIBERAPAY_URL, context),
                    ),
                    ElevatedButton.icon(
                      icon: const FaIcon(FontAwesomeIcons.github, size: 18),
                      label: const Text('GitHub Sponsors'),
                      onPressed: () => launchURL(GITHUB_SPONSORS_URL, context),
                    ),
                  ],
                ),
              ),

              _buildSectionSpacer(),
              _buildSectionHeader(context, i18n.aboutJoinCommunityTitle),
              ListTile(
                leading: const FaIcon(FontAwesomeIcons.discord),
                trailing: const Icon(Icons.arrow_outward),
                title: Text(i18n.aboutDiscordTitle),
                contentPadding: EdgeInsets.zero,
                onTap: () => launchURL(DISCORD_URL, context),
              ),
              ListTile(
                leading: const FaIcon(FontAwesomeIcons.mastodon),
                trailing: const Icon(Icons.arrow_outward),
                title: Text(i18n.aboutMastodonTitle),
                contentPadding: EdgeInsets.zero,
                onTap: () => launchURL(MASTODON_URL, context),
              ),

              _buildSectionSpacer(),
              _buildSectionHeader(context, i18n.others),

              ListTile(
                leading: const Icon(Icons.article),
                trailing: const Icon(Icons.chevron_right),
                title: Text(i18n.applicationLogs),
                contentPadding: EdgeInsets.zero,
                onTap: () {
                  Navigator.of(context).pushNamed(LogOverviewPage.routeName);
                },
              ),
              ListTile(
                leading: const Icon(Icons.article),
                trailing: const Icon(Icons.chevron_right),
                title: const Text('View Licenses'),
                contentPadding: EdgeInsets.zero,
                onTap: () {
                  showLicensePage(
                    context: context,
                    applicationName: 'wger',
                    applicationVersion:
                        'App: ${authProvider.applicationVersion?.version ?? 'N/A'} '
                        'Server: ${authProvider.serverVersion ?? 'N/A'}',
                    applicationLegalese: '\u{a9} ${today.year} wger contributors',
                    applicationIcon: Padding(
                      padding: const EdgeInsets.only(top: 10),
                      child: Image.asset(
                        'assets/images/logo.png',
                        width: 60,
                        semanticLabel: 'wger logo',
                      ),
                    ),
                  );
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}