import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../providers/display_config_provider.dart';

class DisplayConfigDialog extends ConsumerWidget {
  const DisplayConfigDialog({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final config = ref.watch(displayConfigProvider);
    final notifier = ref.read(displayConfigProvider.notifier);

    return AlertDialog(
      title: const Text('Display Configuration'),
      content: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          SwitchListTile(
            title: const Text('Show Guide'),
            value: config.showGuide,
            onChanged: (_) => notifier.toggleGuide(),
          ),
          SwitchListTile(
            title: const Text('Show Quality Indicators'),
            value: config.showQualityIndicators,
            onChanged: (_) => notifier.toggleQualityIndicators(),
          ),
          SwitchListTile(
            title: const Text('Show Status Text'),
            value: config.showStatusText,
            onChanged: (_) => notifier.toggleStatusText(),
          ),
          SwitchListTile(
            title: const Text('Show Debug Info'),
            value: config.showDebugInfo,
            onChanged: (_) => notifier.toggleDebugInfo(),
          ),
        ],
      ),
      actions: [
        TextButton(
          onPressed: () => Navigator.of(context).pop(),
          child: const Text('Close'),
        ),
      ],
    );
  }
}