import 'package:aves/model/settings/enums/coordinate_format.dart';
import 'package:aves/model/settings/enums/enums.dart';
import 'package:aves/model/settings/enums/unit_system.dart';
import 'package:aves/model/settings/settings.dart';
import 'package:aves/theme/colors.dart';
import 'package:aves/theme/icons.dart';
import 'package:aves/utils/constants.dart';
import 'package:aves/widgets/common/extensions/build_context.dart';
import 'package:aves/widgets/common/identity/aves_expansion_tile.dart';
import 'package:aves/widgets/dialogs/aves_selection_dialog.dart';
import 'package:aves/widgets/settings/common/tile_leading.dart';
import 'package:aves/widgets/settings/language/locale.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class LanguageSection extends StatelessWidget {
  final ValueNotifier<String?> expandedNotifier;

  const LanguageSection({
    Key? key,
    required this.expandedNotifier,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final l10n = context.l10n;
    final currentCoordinateFormat = context.select<Settings, CoordinateFormat>((s) => s.coordinateFormat);
    final currentUnitSystem = context.select<Settings, UnitSystem>((s) => s.unitSystem);

    return AvesExpansionTile(
      // key is expected by test driver
      key: const Key('section-language'),
      // use a fixed value instead of the title to identify this expansion tile
      // so that the tile state is kept when the language is modified
      value: 'language',
      leading: SettingsTileLeading(
        icon: AIcons.language,
        color: AColors.language,
      ),
      title: l10n.settingsSectionLanguage,
      expandedNotifier: expandedNotifier,
      showHighlight: false,
      children: [
        const LocaleTile(),
        ListTile(
          title: Text(l10n.settingsCoordinateFormatTile),
          subtitle: Text(currentCoordinateFormat.getName(context)),
          onTap: () async {
            final value = await showDialog<CoordinateFormat>(
              context: context,
              builder: (context) => AvesSelectionDialog<CoordinateFormat>(
                initialValue: currentCoordinateFormat,
                options: Map.fromEntries(CoordinateFormat.values.map((v) => MapEntry(v, v.getName(context)))),
                optionSubtitleBuilder: (value) => value.format(l10n, Constants.pointNemo),
                title: l10n.settingsCoordinateFormatTitle,
              ),
            );
            if (value != null) {
              settings.coordinateFormat = value;
            }
          },
        ),
        ListTile(
          title: Text(l10n.settingsUnitSystemTile),
          subtitle: Text(currentUnitSystem.getName(context)),
          onTap: () async {
            final value = await showDialog<UnitSystem>(
              context: context,
              builder: (context) => AvesSelectionDialog<UnitSystem>(
                initialValue: currentUnitSystem,
                options: Map.fromEntries(UnitSystem.values.map((v) => MapEntry(v, v.getName(context)))),
                title: l10n.settingsUnitSystemTitle,
              ),
            );
            if (value != null) {
              settings.unitSystem = value;
            }
          },
        ),
      ],
    );
  }
}