import 'package:flutter/material.dart';

import '../../core/services/voice_command_handler.dart';
import '../../core/theme/app_colors.dart';
import '../../core/theme/app_decorations.dart';
import '../../shared/widgets/animations/animations.dart';
import '../../shared/widgets/feature_page.dart';

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

  @override
  Widget build(BuildContext context) {
    final commands = VoiceCommandKey.values.map((key) => key.name).toList();
    return FeaturePage(
      title: 'Manual',
      subtitle: 'Voice command yang tersedia',
      child: ListView(
        children: [
          StaggerWrapper(
            children: [
              for (final command in commands)
                Container(
                  margin: const EdgeInsets.only(bottom: 10),
                  decoration: BoxDecoration(
                    color: AppColors.cardWhite,
                    borderRadius: AppDecorations.cardRadius,
                    border: Border.all(color: AppColors.border),
                    boxShadow: AppDecorations.cardShadow,
                  ),
                  child: ListTile(
                    leading: Container(
                      width: 44,
                      height: 44,
                      decoration: AppDecorations.iconCircle(),
                      child: const Icon(
                        Icons.record_voice_over,
                        color: AppColors.primaryBlue,
                      ),
                    ),
                    title: Text(command),
                  ),
                ),
            ],
          ),
        ],
      ),
    );
  }
}