import 'package:color_blindness/color_blindness.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:logging/logging.dart';
import 'package:provider/provider.dart';

import '../controls/padding.dart';
import '../controls/responsive_max_width.dart';
import '../controls/standard_appbar.dart';
import '../di_initialization.dart';
import '../globals.dart';
import '../routes.dart';
import '../services/setting_service.dart';
import '../utils/theme_mode_extensions.dart';

class SettingsScreen extends StatelessWidget {
  const SettingsScreen({super.key});

  @override
  Widget build(BuildContext context) {
    final settings = context.watch<SettingsService>();
    return Scaffold(
        appBar: StandardAppBar.build(context, 'Settings'),
        body: Center(
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: ResponsiveMaxWidth(
              child: ListView(
                children: [
                  buildLowBandwidthWidget(settings),
                  buildThemeWidget(settings),
                  if (!kReleaseMode) buildColorBlindnessTestSettings(settings),
                  buildClearCaches(context),
                  buildLogPanel(context, settings),
                ],
              ),
            ),
          ),
        ));
  }

  Widget buildLowBandwidthWidget(SettingsService settings) {
    return ListTile(
      title: const Text('Low bandwidth mode'),
      trailing: Switch(
        onChanged: (value) {
          settings.lowBandwidthMode = value;
        },
        value: settings.lowBandwidthMode,
      ),
    );
  }

  Widget buildThemeWidget(SettingsService settings) {
    return ListTile(
      title: const Text('Dark Mode Theme:'),
      trailing: DropdownButton<ThemeMode>(
        value: settings.themeMode,
        items: ThemeMode.values
            .map((m) => DropdownMenuItem(value: m, child: Text(m.toLabel())))
            .toList(),
        onChanged: (value) {
          if (value != null) {
            settings.themeMode = value;
          }
        },
      ),
    );
  }

  Widget buildColorBlindnessTestSettings(SettingsService settings) {
    return ListTile(
      title: const Text('Color Blindness Testing'),
      trailing: DropdownButton<ColorBlindnessType>(
          value: settings.colorBlindnessType,
          items: ColorBlindnessType.values
              .map((c) => DropdownMenuItem(value: c, child: Text(c.name)))
              .toList(),
          onChanged: (value) {
            settings.colorBlindnessType = value ?? ColorBlindnessType.none;
          }),
    );
  }

  Widget buildClearCaches(BuildContext context) {
    return ListTile(
      title: const Text('Clear local caches'),
      subtitle: const Text('This does not affect server side data at all.'),
      trailing: ElevatedButton(
        onPressed: () async {
          final confirm = await showYesNoDialog(context,
              'Are you sure you want to clear all local data for this account?');
          if (confirm != true) {
            return;
          }

          clearCaches();
        },
        child: const Text('Clear'),
      ),
    );
  }

  Widget buildLogPanel(BuildContext context, SettingsService settings) {
    return ListTile(
      title: Wrap(
        children: [
          const Text('Log Level'),
          const HorizontalPadding(),
          ElevatedButton(
            onPressed: () => context.pushNamed(ScreenPaths.logViewer),
            child: const Text('Open Log Viewer'),
          )
        ],
      ),
      trailing: DropdownButton<Level>(
          value: settings.logLevel,
          items: Level.LEVELS
              .map((c) => DropdownMenuItem(value: c, child: Text(c.name)))
              .toList(),
          onChanged: (value) {
            settings.logLevel = value ?? Level.OFF;
          }),
    );
  }
}