import 'dart:io';

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

import 'core/state.dart';

final log = Logger('about');

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

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final rpcState = ref.watch(rpcStateProvider);
    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: [
              Text('ykman version: ${rpcState.version}'),
              Text('Dart version: ${Platform.version}'),
              const SizedBox(height: 8.0),
              Text('Log level: ${ref.watch(logLevelProvider)}'),
              Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  TextButton(
                    onPressed: () {
                      ref.read(logLevelProvider.notifier).setLevel(Level.INFO);
                      log.info('Log level changed to INFO');
                    },
                    child: const Text('Info'),
                  ),
                  TextButton(
                    onPressed: () {
                      ref
                          .read(logLevelProvider.notifier)
                          .setLevel(Level.CONFIG);
                      log.config('Log level changed to CONFIG');
                    },
                    child: const Text('Config'),
                  ),
                  TextButton(
                    onPressed: () {
                      ref.read(logLevelProvider.notifier).setLevel(Level.FINE);
                      log.fine('Log level changed to FINE');
                    },
                    child: const Text('Fine'),
                  ),
                ],
              ),
              const Divider(),
              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...'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}