import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:cake_wallet/generated/i18n.dart';
import 'package:cake_wallet/view_model/settings/settings_view_model.dart';
import 'package:cake_wallet/view_model/settings/link_list_item.dart';
import 'package:cake_wallet/view_model/settings/picker_list_item.dart';
import 'package:cake_wallet/view_model/settings/regular_list_item.dart';
import 'package:cake_wallet/view_model/settings/switcher_list_item.dart';
import 'package:cake_wallet/src/screens/settings/widgets/settings_link_provider_cell.dart';
import 'package:cake_wallet/src/screens/settings/widgets/settings_cell_with_arrow.dart';
import 'package:cake_wallet/src/screens/settings/widgets/settings_picker_cell.dart';
import 'package:cake_wallet/src/screens/settings/widgets/settings_switcher_cell.dart';
import 'package:cake_wallet/src/widgets/standard_list.dart';
import 'package:cake_wallet/src/screens/base_page.dart';

class SettingsPage extends BasePage {
  SettingsPage(this.settingsViewModel);

  final SettingsViewModel settingsViewModel;

  @override
  String get title => S.current.settings_title;

  @override
  Widget body(BuildContext context) {
    return SectionStandardList(
        sectionCount: settingsViewModel.sections.length,
        itemCounter: (int sectionIndex) {
          if (sectionIndex < settingsViewModel.sections.length) {
            return settingsViewModel.sections[sectionIndex].length;
          }

          return 0;
        },
        itemBuilder: (_, sectionIndex, itemIndex) {
          final item = settingsViewModel.sections[sectionIndex][itemIndex];

          if (item is PickerListItem) {
            return Observer(builder: (_) {
              return SettingsPickerCell<dynamic>(
                  title: item.title,
                  selectedItem: item.selectedItem(),
                  items: item.items);
            });
          }

          if (item is SwitcherListItem) {
            return Observer(builder: (_) {
              return SettingsSwitcherCell(
                  title: item.title,
                  value: item.value(),
                  onValueChange: item.onValueChange);
            });
          }

          if (item is RegularListItem) {
            return SettingsCellWithArrow(title: item.title);
          }

          if (item is LinkListItem) {
            return SettingsLinkProviderCell(
                title: item.title,
                icon: item.icon,
                link: item.link,
                linkTitle: item.linkTitle);
          }

          return Container();
        });
  }
}