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/widgets.dart';

class StorageSettings extends ConsumerStatefulWidget {
  static const route = "/settings";

  const StorageSettings({super.key});
  @override
  ConsumerState<ConsumerStatefulWidget> createState() {
    return _StorageState();
  }
}

class _StorageState extends ConsumerState<StorageSettings> {
  @override
  Widget build(BuildContext context) {
    var storageSettingData = ref.watch(storageSettingProvider);
    return storageSettingData.when(
        data: (value) => Wrap(
              children: List.generate(value.length + 1, (i) {
                if (i < value.length) {
                  var storage = value[i];
                  return SettingsCard(
                      onTap: () => showStorageDetails(storage),
                      child: Text(storage.name ?? ""));
                }
                return SettingsCard(
                    onTap: () => showSelections(),
                    child: const Icon(Icons.add));
              }),
            ),
        error: (err, trace) => PoNetworkError(err: err),
        loading: () => const MyProgressIndicator());
  }

  Future<void> showStorageDetails(Storage s) {
    final _formKey = GlobalKey<FormBuilderState>();

    final widgets =
        StatefulBuilder(builder: (BuildContext context, StateSetter setState) {
      return FormBuilder(
          key: _formKey,
          autovalidateMode: AutovalidateMode.disabled,
          initialValue: {
            "name": s.name,
            "user": s.settings != null ? s.settings!["user"] ?? "" : "",
            "password": s.settings != null ? s.settings!["password"] ?? "" : "",
            "tv_path": s.tvPath,
            "url": s.settings != null ? s.settings!["url"] ?? "" : "",
            "movie_path": s.moviePath,
            "change_file_hash": s.settings != null
                ? s.settings!["change_file_hash"] == "true"
                    ? true
                    : false
                : false,
          },
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              FormBuilderTextField(
                name: "name",
                autovalidateMode: AutovalidateMode.onUserInteraction,
                initialValue: s.name,
                decoration: const InputDecoration(labelText: "名称"),
                validator: FormBuilderValidators.required(),
              ),
              s.implementation == "webdav" || s.implementation == "alist"
                  ? Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        FormBuilderTextField(
                          name: "url",
                          autovalidateMode: AutovalidateMode.onUserInteraction,
                          decoration: const InputDecoration(
                              labelText: "网址",
                              hintText: "https://abc.somewebsite.com/"),
                          validator: FormBuilderValidators.required(),
                        ),
                        FormBuilderTextField(
                          name: "user",
                          autovalidateMode: AutovalidateMode.onUserInteraction,
                          decoration: const InputDecoration(labelText: "用户"),
                        ),
                        FormBuilderTextField(
                          name: "password",
                          autovalidateMode: AutovalidateMode.onUserInteraction,
                          decoration: const InputDecoration(labelText: "密码"),
                          obscureText: true,
                        ),
                        s.implementation == "webdav"
                            ? FormBuilderCheckbox(
                                name: "change_file_hash",
                                title: const Text(
                                  "上传时更改文件哈希",
                                  style: TextStyle(fontSize: 14),
                                ),
                              )
                            : Container(),
                      ],
                    )
                  : Container(),
              FormBuilderTextField(
                name: "tv_path",
                autovalidateMode: AutovalidateMode.onUserInteraction,
                decoration: const InputDecoration(labelText: "电视剧路径"),
                validator: FormBuilderValidators.required(),
              ),
              FormBuilderTextField(
                name: "movie_path",
                autovalidateMode: AutovalidateMode.onUserInteraction,
                decoration: const InputDecoration(labelText: "电影路径"),
                validator: FormBuilderValidators.required(),
              )
            ],
          ));
    });
    onSubmit() async {
      if (_formKey.currentState!.saveAndValidate()) {
        final values = _formKey.currentState!.value;
        return ref.read(storageSettingProvider.notifier).addStorage(Storage(
              name: values["name"],
              implementation: s.implementation,
              tvPath: values["tv_path"],
              moviePath: values["movie_path"],
              settings: {
                "url": values["url"],
                "user": values["user"],
                "password": values["password"],
                "change_file_hash":
                    (values["change_file_hash"] ?? false) as bool
                        ? "true"
                        : "false"
              },
            ));
      } else {
        throw "validation_error";
      }
    }

    onDelete() async {
      return ref.read(storageSettingProvider.notifier).deleteStorage(s.id!);
    }

    var title = "存储";
    if (s.implementation == "local") {
      title = "本地存储";
    } else if (s.implementation == "webdav") {
      title = "webdav 存储";
    } else if (s.implementation == "alist") {
      title = "Alist 存储";
    }

    return showSettingDialog(
        context, title, s.id != null, widgets, onSubmit, onDelete);
  }

  Future<void> showSelections() {
    return showDialog<void>(
        context: context,
        barrierDismissible: true,
        builder: (BuildContext context) {
          return AlertDialog(
            content: SizedBox(
              height: 500,
              width: 500,
              child: Wrap(
                children: [
                  SettingsCard(
                    child: InkWell(
                      child: const Center(
                        child: Text("本地存储"),
                      ),
                      onTap: () {
                        Navigator.of(context).pop();
                        showStorageDetails(
                            Storage(implementation: "local", name: "本地存储1"));
                      },
                    ),
                  ),
                  SettingsCard(
                    child: InkWell(
                      child: const Center(
                        child: Text("webdav"),
                      ),
                      onTap: () {
                        Navigator.of(context).pop();
                        showStorageDetails(
                            Storage(implementation: "webdav", name: "webdav1"));
                      },
                    ),
                  ),
                  SettingsCard(
                    child: InkWell(
                      child: const Center(
                        child: Text("Alist"),
                      ),
                      onTap: () {
                        Navigator.of(context).pop();
                        showStorageDetails(
                            Storage(implementation: "alist", name: "Alist1"));
                      },
                    ),
                  )
                ],
              ),
            ),
          );
        });
  }
}