import 'package:flutter/material.dart';
import 'package:food_ai/l10n/app_localizations.dart';

/// The planning horizon selected by the user.
enum PlanMode { singleMeal, singleDay, days, week }

/// Bottom sheet that lets the user choose a planning horizon.
/// Closes itself and calls [onModeSelected] with the chosen mode and the
/// product IDs selected in the previous step (may be empty).
class PlanMenuSheet extends StatelessWidget {
  const PlanMenuSheet({
    super.key,
    required this.onModeSelected,
    required this.selectedProductIds,
  });

  final void Function(PlanMode mode, List<String> productIds) onModeSelected;
  final List<String> selectedProductIds;

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

    return SafeArea(
      child: Padding(
        padding: const EdgeInsets.fromLTRB(16, 20, 16, 16),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            Text(
              l10n.planMenuTitle,
              style: theme.textTheme.titleLarge,
              textAlign: TextAlign.center,
            ),
            const SizedBox(height: 20),
            _PlanOptionTile(
              icon: Icons.restaurant_outlined,
              title: l10n.planOptionSingleMeal,
              subtitle: l10n.planOptionSingleMealDesc,
              onTap: () => _select(context, PlanMode.singleMeal),
            ),
            _PlanOptionTile(
              icon: Icons.today_outlined,
              title: l10n.planOptionDay,
              subtitle: l10n.planOptionDayDesc,
              onTap: () => _select(context, PlanMode.singleDay),
            ),
            _PlanOptionTile(
              icon: Icons.date_range_outlined,
              title: l10n.planOptionDays,
              subtitle: l10n.planOptionDaysDesc,
              onTap: () => _select(context, PlanMode.days),
            ),
            _PlanOptionTile(
              icon: Icons.calendar_month_outlined,
              title: l10n.planOptionWeek,
              subtitle: l10n.planOptionWeekDesc,
              onTap: () => _select(context, PlanMode.week),
            ),
          ],
        ),
      ),
    );
  }

  void _select(BuildContext context, PlanMode mode) {
    Navigator.pop(context);
    onModeSelected(mode, selectedProductIds);
  }
}

class _PlanOptionTile extends StatelessWidget {
  const _PlanOptionTile({
    required this.icon,
    required this.title,
    required this.subtitle,
    required this.onTap,
  });

  final IconData icon;
  final String title;
  final String subtitle;
  final VoidCallback onTap;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    return Card(
      margin: const EdgeInsets.only(bottom: 8),
      child: ListTile(
        leading: Icon(icon, color: theme.colorScheme.primary),
        title: Text(title, style: theme.textTheme.titleSmall),
        subtitle: Text(
          subtitle,
          style: theme.textTheme.bodySmall?.copyWith(
            color: theme.colorScheme.onSurfaceVariant,
          ),
        ),
        trailing: Icon(Icons.chevron_right,
            color: theme.colorScheme.onSurfaceVariant),
        onTap: onTap,
      ),
    );
  }
}