diet-guard/app/lib/widgets/autocomplete_suggestion_list.dart

/// Renders ranked food-bank autocomplete suggestions.
library;

import 'package:diet_guard_app/models/food_suggestion.dart';
import 'package:flutter/material.dart';

/// A tappable list of [FoodSuggestion]s, each filling the form on tap.
///
/// When [compact] is true, only the top 3 suggestions render as compact
/// single-line rows, with a "N more" button opening the full list in a
/// bottom sheet so nothing becomes unreachable.
class AutocompleteSuggestionList extends StatelessWidget {
  /// Creates an [AutocompleteSuggestionList] for [suggestions].
  const AutocompleteSuggestionList({
    required this.suggestions,
    required this.onSelected,
    this.compact = false,
    super.key,
  });

  /// Ranked suggestions to display, best match first.
  final List<FoodSuggestion> suggestions;

  /// Called with the chosen suggestion when the user taps it.
  final ValueChanged<FoodSuggestion> onSelected;

  /// Whether to render a top-3 compact list with a "more" popup instead
  /// of the full unbounded list.
  final bool compact;

  static const int _compactLimit = 3;

  Future<void> _showMore(BuildContext context) async {
    await showModalBottomSheet<void>(
      context: context,
      builder: (sheetContext) => SafeArea(
        child: AutocompleteSuggestionList(
          suggestions: suggestions,
          onSelected: (suggestion) {
            Navigator.of(sheetContext).pop();
            onSelected(suggestion);
          },
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    if (suggestions.isEmpty) return const SizedBox.shrink();
    if (!compact) {
      return ListView.builder(
        shrinkWrap: true,
        itemCount: suggestions.length,
        itemBuilder: (context, index) {
          final suggestion = suggestions[index];
          return ListTile(
            dense: true,
            title: Text(suggestion.name),
            subtitle: Text(
              '${suggestion.nutrition.kcal.toStringAsFixed(0)} kcal',
            ),
            onTap: () => onSelected(suggestion),
          );
        },
      );
    }
    final shown = suggestions.take(_compactLimit).toList();
    final remaining = suggestions.length - shown.length;
    return Column(
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        for (final suggestion in shown)
          InkWell(
            onTap: () => onSelected(suggestion),
            child: Padding(
              padding: const EdgeInsets.symmetric(vertical: 4),
              child: Text(
                '${suggestion.name} · '
                '${suggestion.nutrition.kcal.toStringAsFixed(0)} kcal',
                overflow: TextOverflow.ellipsis,
              ),
            ),
          ),
        if (remaining > 0)
          TextButton(
            onPressed: () => _showMore(context),
            child: Text('$remaining more'),
          ),
      ],
    );
  }
}