import 'package:auto_size_text/auto_size_text.dart';
import 'package:flutter/material.dart';
import 'package:manager_app/constants.dart';
import 'package:multi_select_flutter/chip_display/multi_select_chip_display.dart';
import 'package:multi_select_flutter/dialog/multi_select_dialog_field.dart';
import 'package:multi_select_flutter/util/multi_select_item.dart';
import 'package:multi_select_flutter/util/multi_select_list_type.dart';

import 'flag_decoration.dart';

class MultiSelectDropdownContainer extends StatelessWidget {
  final Color color;
  final String label;
  final String labelHint;
  final List<String> values;
  final List<String> initialValue;
  final bool isMultiple;
  final bool isAtLeastOne;
  final double fontSize;
  final ValueChanged<List<dynamic>> onChanged;
  const MultiSelectDropdownContainer({
    Key? key,
    this.color = kSecond,
    required this.label,
    this.labelHint = "Veuillez sélectionner une langue",
    required this.values,
    required this.initialValue,
    required this.isMultiple,
    this.isAtLeastOne = false,
    this.fontSize = 25,
    required this.onChanged,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return Container(
      child: Row(
        children: [
          Align(
              alignment: AlignmentDirectional.centerStart,
              child: AutoSizeText(
                label,
                style: TextStyle(fontSize: fontSize, fontWeight: FontWeight.w300),
                maxLines: 2,
                maxFontSize: fontSize,
                textAlign: TextAlign.center,
              )
          ),
          Padding(
            padding: const EdgeInsets.all(10.0),
            child: Container(
              width: size.width *0.2,
              child: MultiSelectDialogField(
                items: values.map((e) => MultiSelectItem(e, e)).toList(),
                listType: MultiSelectListType.LIST,
                cancelText: Text("Annuler"),
                initialValue: initialValue,
                buttonText: Text("Sélectionner"),
                checkColor: Colors.white,
                searchable: true,
                chipDisplay: MultiSelectChipDisplay.none(),
                selectedColor: kPrimaryColor,
                title: Text(labelHint),
                dialogHeight: size.height *0.4,
                dialogWidth: size.width *0.2,
                onSelectionChanged: (selectedList) {
                  onChanged(selectedList);
                },
                onConfirm: (List<dynamic> test)
                {
                  print("onConfirm MultiSelectDialogField");
                  print(test);
                },
              ),
            ),
          ),
        ],
      ),
    );
  }
}