import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:logging/logging.dart';

import 'core/state.dart';
import 'desktop/state.dart';

final _log = Logger('about');

class AboutPage extends ConsumerWidget {
  const AboutPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('About Yubico Authenticator'),
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              if (isDesktop)
                Text('ykman version: ${ref.watch(rpcStateProvider).version}'),
              Text('Dart version: ${Platform.version}'),
              const SizedBox(height: 8.0),
              const Divider(),
              if (isDesktop)
                TextButton(
                  onPressed: () async {
                    _log.info('Running diagnostics...');
                    final response =
                        await ref.read(rpcProvider).command('diagnose', []);
                    _log.info('Response', response['diagnostics']);
                    ScaffoldMessenger.of(context).showSnackBar(
                      const SnackBar(
                        content:
                            Text('Diagnostics done. See log for results...'),
                        duration: Duration(seconds: 2),
                      ),
                    );
                  },
                  child: const Text('Run diagnostics...'),
                ),
            ],
          ),
        ),
      ),
    );
  }
}