import 'package:flutter/material.dart';
import '../database/database.dart' as db;
import 'settings_screen.dart'; // Импортируем переименованный экран

class SettingsMenuScreen extends StatelessWidget {
  final db.AppDatabase database;

  const SettingsMenuScreen({Key? key, required this.database}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);

    return Scaffold(
      appBar: AppBar(
        title: const Text('Настройки'),
        centerTitle: true,
        backgroundColor: theme.appBarTheme.backgroundColor,
        elevation: theme.appBarTheme.elevation,
      ),
      body: ListView(
        padding: const EdgeInsets.symmetric(vertical: 8.0),
        children: [
          // Опция "Редактирование категорий"
          ListTile(
            leading: CircleAvatar(
              radius: 22,
              backgroundColor: theme.colorScheme.primary.withOpacity(0.15),
              child: Icon(Icons.category_outlined, color: theme.colorScheme.primary, size: 24),
            ),
            title: Text('Редактирование категорий', style: theme.textTheme.titleMedium),
            trailing: Icon(Icons.arrow_forward_ios, size: 18, color: theme.colorScheme.onSurface.withOpacity(0.6)),
            onTap: () {
              // Переход на экран редактирования категорий
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => CategorySettingsScreen(database: database),
                ),
              );
            },
          ),
          // Добавьте другие опции настроек здесь в будущем
          // ListTile(...),
        ],
      ),
    );
  }
}