import 'package:flutter/material.dart';

import 'package:auto_route/auto_route.dart';
import 'package:iconsax_plus/iconsax_plus.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

import 'package:fladder/screens/crash_screen/crash_screen.dart';
import 'package:fladder/screens/settings/settings_scaffold.dart';
import 'package:fladder/screens/shared/fladder_icon.dart';
import 'package:fladder/screens/shared/fladder_logo.dart';
import 'package:fladder/screens/shared/media/external_urls.dart';
import 'package:fladder/util/application_info.dart';
import 'package:fladder/util/list_padding.dart';
import 'package:fladder/util/localization_helper.dart';

class _Socials {
  final String label;
  final String url;
  final IconData icon;

  const _Socials(this.label, this.url, this.icon);
}

const socials = [
  _Socials(
    'Github',
    'https://github.com/DonutWare/Fladder',
    FontAwesomeIcons.githubAlt,
  ),
  _Socials(
    'Weblate',
    'https://hosted.weblate.org/projects/fladder/',
    IconsaxPlusLinear.global,
  ),
];

@RoutePage()
class AboutSettingsPage extends ConsumerWidget {
  const AboutSettingsPage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final applicationInfo = ref.watch(applicationInfoProvider);
    return Card(
      child: SettingsScaffold(
        label: "",
        items: [
          const FladderLogo(),
          Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Text(context.localized.aboutVersion(applicationInfo.versionAndPlatform)),
              Text(context.localized.aboutBuild(applicationInfo.buildNumber)),
              const SizedBox(height: 16),
              Text(context.localized.aboutCreatedBy),
            ],
          ),
          const Divider(),
          Column(
            children: [
              Text(
                context.localized.aboutSocials,
                style: Theme.of(context).textTheme.titleLarge,
              ),
              const SizedBox(height: 6),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: socials
                    .map(
                      (e) => IconButton.filledTonal(
                        onPressed: () => launchUrl(context, e.url),
                        icon: Column(
                          children: [
                            Icon(e.icon),
                            Text(e.label),
                          ],
                        ),
                      ),
                    )
                    .toList()
                    .addInBetween(const SizedBox(width: 16)),
              )
            ],
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              FilledButton.tonal(
                onPressed: () => showLicensePage(
                  context: context,
                  applicationIcon: const FladderIcon(size: 55),
                  applicationVersion: applicationInfo.versionPlatformBuild,
                  applicationLegalese: "DonutWare",
                ),
                child: Text(context.localized.aboutLicenses),
              )
            ],
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              FilledButton.tonal(
                onPressed: () => showDialog(
                  context: context,
                  builder: (context) => const CrashScreen(),
                ),
                child: Text(context.localized.errorLogs),
              )
            ],
          ),
        ].addInBetween(const SizedBox(height: 16)),
      ),
    );
  }
}