import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:worldhopper/providers/developer_mode_provider.dart';
import 'package:worldhopper/widgets/worldhopper_app_bar.dart';

/// Screen for advanced settings
class AdvancedSettingsScreen extends ConsumerWidget {
  const AdvancedSettingsScreen({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Scaffold(
      appBar: const WorldhopperAppBar(
        title: Text('Advanced'),
      ),
      body: ListView(
        children: [
          const SizedBox(height: 8),
          Card(
            margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
            child: Column(
              children: [
                SwitchListTile(
                  secondary: const Icon(Icons.developer_mode),
                  title: const Text('Developer mode'),
                  subtitle: const Text('Enable debugging tools'),
                  value: ref.watch(developerModeNotifierProvider),
                  onChanged: (value) {
                    ref
                        .read(developerModeNotifierProvider.notifier)
                        .setDeveloperMode(value);
                  },
                ),
              ],
            ),
          ),
          const SizedBox(height: 16),
        ],
      ),
    );
  }
}