import 'dart:convert';
import 'dart:io';

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

import 'app/logging.dart';
import 'app/message.dart';
import 'core/state.dart';
import 'desktop/state.dart';
import 'widgets/responsive_dialog.dart';

final _log = Logger('about');

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

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return ResponsiveDialog(
      title: const Text('Yubico Authenticator'),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // TODO: Store the version number elsewhere
          const Text('Yubico Authenticator: 6.0.0-alpha.2'),
          if (isDesktop)
            Text('ykman version: ${ref.watch(rpcStateProvider).version}'),
          Text('Dart version: ${Platform.version}'),
          const SizedBox(height: 8.0),
          const Divider(),
          const LoggingPanel(),
          if (isDesktop) ...[
            const Divider(),
            OutlinedButton(
              onPressed: () async {
                _log.info('Running diagnostics...');
                final response =
                    await ref.read(rpcProvider).command('diagnose', []);
                final data = response['diagnostics'];
                final text = const JsonEncoder.withIndent('  ').convert(data);
                await Clipboard.setData(ClipboardData(text: text));
                showMessage(context, 'Diagnostic data copied to clipboard');
              },
              child: const Text('Run diagnostics...'),
            ),
          ]
        ],
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Row(
      children: [
        const Text('Log level:'),
        const SizedBox(width: 8.0),
        DropdownButton<Level>(
          value: ref.watch(logLevelProvider),
          isDense: true,
          items: [Level.WARNING, Level.INFO, Level.CONFIG, Level.FINE]
              .map((e) => DropdownMenuItem(
                    value: e,
                    child: Text(e.name.toUpperCase()),
                  ))
              .toList(),
          onChanged: (level) {
            ref.read(logLevelProvider.notifier).setLogLevel(level!);
            _log.config('Log level set to $level');
            showMessage(context, 'Log level set to $level');
          },
        ),
        const SizedBox(width: 8.0),
        OutlinedButton(
          child: const Text('Copy log'),
          onPressed: () async {
            _log.info('Copying log to clipboard...');
            final logs = LogBuffer.of(context).getLogs().join('\n');
            await Clipboard.setData(ClipboardData(text: logs));
            showMessage(context, 'Log copied to clipboard');
          },
        ),
      ],
    );
  }
}