import 'package:flutter/material.dart';
import 'package:flutter_form_builder/flutter_form_builder.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:form_builder_validators/form_builder_validators.dart';
import 'package:ui/providers/settings.dart';
import 'package:ui/settings/dialog.dart';
import 'package:ui/widgets/progress_indicator.dart';
import 'package:ui/widgets/utils.dart';
import 'package:ui/widgets/widgets.dart';

class IndexerSettings extends ConsumerStatefulWidget {
  const IndexerSettings({super.key});
  @override
  ConsumerState<ConsumerStatefulWidget> createState() {
    return _IndexerState();
  }
}

class _IndexerState extends ConsumerState<IndexerSettings> {
  final _formKey = GlobalKey<FormBuilderState>();

  @override
  Widget build(BuildContext context) {
    var indexers = ref.watch(indexersProvider);
    return indexers.when(
        data: (value) {
          return Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Padding(
                padding: EdgeInsets.only(top: 10, bottom: 10, left: 10),
                child: Text("Prowlarr 设置", style: TextStyle(fontSize: 18)),
              ),
              Padding(
                  padding: EdgeInsets.only(left: 20), child: prowlarrSetting()),
              Divider(),
              Padding(
                padding: EdgeInsets.only(top: 10, bottom: 10, left: 10),
                child: Text("索引器列表", style: TextStyle(fontSize: 18)),
              ),
              Padding(
                  padding: EdgeInsets.only(left: 20),
                  child: Wrap(
                    children: List.generate(value.length + 1, (i) {
                      if (i < value.length) {
                        var indexer = value[i];
                        return SettingsCard(
                            onTap: () => showIndexerDetails(indexer),
                            child: Text(indexer.name ?? ""));
                      }
                      return SettingsCard(
                          onTap: () => showIndexerDetails(Indexer()),
                          child: const Icon(Icons.add));
                    }),
                  )),
            ],
          );
        },
        error: (err, trace) => PoNetworkError(err: err),
        loading: () => const MyProgressIndicator());
  }

  Widget prowlarrSetting() {
    var ps = ref.watch(prowlarrSettingDataProvider);
    return ps.when(
        data: (v) => FormBuilder(
              key: _formKey, //设置globalKey，用于后面获取FormState
              autovalidateMode: AutovalidateMode.onUserInteraction,
              initialValue: {
                "api_key": v.apiKey,
                "url": v.url,
                "disabled": v.disabled
              },
              child: Column(
                children: [
                  FormBuilderTextField(
                    name: "url",
                    decoration: const InputDecoration(
                        labelText: "Prowlarr URL",
                        icon: Icon(Icons.web),
                        hintText: "http://10.0.0.8:9696"),
                    validator: FormBuilderValidators.required(),
                  ),
                  FormBuilderTextField(
                    name: "api_key",
                    decoration: const InputDecoration(
                        labelText: "API Key",
                        icon: Icon(Icons.key),
                        helperText: "Prowlarr 设置 -> 通用 -> API 密钥"),
                    validator: FormBuilderValidators.required(),
                  ),
                  FormBuilderSwitch(
                    name: "disabled",
                    title: const Text("禁用 Prowlarr"),
                    decoration:
                        InputDecoration(icon: Icon(Icons.do_not_disturb)),
                  ),
                  Center(
                    child: Padding(
                      padding: const EdgeInsets.all(10),
                      child: ElevatedButton(
                          onPressed: () {
                            if (_formKey.currentState!.saveAndValidate()) {
                              var values = _formKey.currentState!.value;
                              var f = ref
                                  .read(prowlarrSettingDataProvider.notifier)
                                  .save(ProwlarrSetting(
                                      apiKey: values["api_key"],
                                      url: values["url"],
                                      disabled: values["disabled"]))
                                  .then((v) {
                                showSnakeBar("更新成功");
                                ref.invalidate(indexersProvider);
                              });
                              showLoadingWithFuture(f);
                            }
                          },
                          child: const Padding(
                            padding: EdgeInsets.all(10),
                            child: Text("保存"),
                          )),
                    ),
                  )
                ],
              ),
            ),
        error: (err, trace) => PoNetworkError(err: err),
        loading: () => const MyProgressIndicator());
  }

  Future<void> showIndexerDetails(Indexer indexer) {
    final _formKey = GlobalKey<FormBuilderState>();

    var body = FormBuilder(
      key: _formKey,
      initialValue: {
        "name": indexer.name,
        "url": indexer.url,
        "api_key": indexer.apiKey,
        "impl": "torznab",
        "priority": indexer.priority.toString(),
        "seed_ratio": indexer.seedRatio.toString(),
        "disabled": indexer.disabled
      },
      child: Column(
        children: [
          FormBuilderDropdown(
            enabled: indexer.synced != true,
            name: "impl",
            decoration: const InputDecoration(labelText: "类型"),
            items: const [
              DropdownMenuItem(value: "torznab", child: Text("Torznab")),
            ],
          ),
          FormBuilderTextField(
            enabled: indexer.synced != true,
            name: "name",
            decoration: Commons.requiredTextFieldStyle(text: "名称"),
            autovalidateMode: AutovalidateMode.onUserInteraction,
            validator: FormBuilderValidators.required(),
          ),
          FormBuilderTextField(
            enabled: indexer.synced != true,
            name: "url",
            decoration: Commons.requiredTextFieldStyle(text: "地址"),
            autovalidateMode: AutovalidateMode.onUserInteraction,
            validator: FormBuilderValidators.required(),
          ),
          FormBuilderTextField(
            enabled: indexer.synced != true,
            name: "api_key",
            decoration: Commons.requiredTextFieldStyle(text: "API Key"),
            autovalidateMode: AutovalidateMode.onUserInteraction,
            validator: FormBuilderValidators.required(),
          ),
          FormBuilderTextField(
            enabled: indexer.synced != true,
            name: "priority",
            decoration: const InputDecoration(
              labelText: "索引优先级",
              helperText: "取值范围1-128， 数值越大，优先级越高",
            ),
            autovalidateMode: AutovalidateMode.onUserInteraction,
            validator: FormBuilderValidators.positiveNumber(),
          ),
          FormBuilderTextField(
            enabled: indexer.synced != true,
            name: "seed_ratio",
            decoration: const InputDecoration(
              labelText: "做种率",
              helperText: "种子的做种率，达到此做种率后，种子才会被删除, 0表示不做种",
              hintText: "1.0",
            ),
            autovalidateMode: AutovalidateMode.onUserInteraction,
            validator: FormBuilderValidators.numeric(),
          ),
          FormBuilderSwitch(
              enabled: indexer.synced != true,
              name: "disabled",
              title: const Text("禁用此索引器"))
        ],
      ),
    );
    onDelete() async {
      return ref.read(indexersProvider.notifier).deleteIndexer(indexer.id!);
    }

    onSubmit() async {
      if (_formKey.currentState!.saveAndValidate()) {
        var values = _formKey.currentState!.value;
        return ref.read(indexersProvider.notifier).addIndexer(Indexer(
            id: indexer.id,
            name: values["name"],
            url: values["url"],
            apiKey: values["api_key"],
            priority: int.parse(values["priority"]),
            seedRatio: double.parse(values["seed_ratio"]),
            disabled: values["disabled"]));
      } else {
        throw "validation_error";
      }
    }

    return showSettingDialog(
        context,
        indexer.synced != true?"索引器":"Prowlarr 索引器",
        (indexer.id != null) && (indexer.synced != true),
        body,
        onSubmit,
        onDelete);
  }
}