actions-test/lib/components/product_picker.dart

import 'package:flutter/material.dart';
import 'package:outbag_app/backend/room.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';

class ProductPicker extends StatelessWidget {
  final List<RoomProduct> products;
  final int? selected;
  final bool enabled;
  final Function(int?)? onSelect;

  // hint and label may differ depending on the screen
  final String? hint;
  final String? label;
  final String? help;

  const ProductPicker(
      {super.key,
      required this.products,
      this.selected,
      this.onSelect,
      this.hint,
      this.help,
      this.label,
      this.enabled = true});

  @override
  Widget build(BuildContext context) {
    return Padding(
        padding: const EdgeInsets.all(8),
        child: DropdownButtonFormField<int?>(
          hint: hint == null ? null : Text(hint!),
          decoration: InputDecoration(
              label: label == null ? null : Text(label!),
              border: const OutlineInputBorder(),
              prefixIcon: const Icon(Icons.inventory_2),
              helperText: help),
          value: selected,
          items: [
            // "no product" entry
            DropdownMenuItem<int?>(
              value: null,
              child: Text(AppLocalizations.of(context)!.productNameNone),
            ),
            // other products
            ...products.map((product) => DropdownMenuItem<int?>(
                value: product.id, child: Text(product.name)))
          ],
          onChanged: enabled
              ? (pid) {
                  if (onSelect != null) {
                    onSelect!(pid);
                  }
                }
              : null,
        ));
  }
}