import 'dart:io';

import 'package:flutter/material.dart';
import 'package:photos/core/configuration.dart';
import 'package:photos/theme/ente_theme.dart';
import 'package:photos/ui/common/dialogs.dart';
import 'package:photos/ui/components/captioned_text_widget.dart';
import 'package:photos/ui/components/icon_button_widget.dart';
import 'package:photos/ui/components/menu_item_widget.dart';
import 'package:photos/ui/components/menu_section_description_widget.dart';
import 'package:photos/ui/components/title_bar_title_widget.dart';
import 'package:photos/ui/components/title_bar_widget.dart';
import 'package:photos/ui/components/toggle_switch_widget.dart';

class BackupSettingsScreen extends StatefulWidget {
  const BackupSettingsScreen({super.key});

  @override
  State<BackupSettingsScreen> createState() => _BackupSettingsScreenState();
}

class _BackupSettingsScreenState extends State<BackupSettingsScreen> {
  @override
  Widget build(BuildContext context) {
    final colorScheme = getEnteColorScheme(context);
    return Scaffold(
      body: CustomScrollView(
        slivers: <Widget>[
          TitleBarWidget(
            flexibleSpaceTitle: const TitleBarTitleWidget(
              title: "Backup settings",
            ),
            actionIcons: [
              IconButtonWidget(
                icon: Icons.close_outlined,
                isSecondary: true,
                onTap: () {
                  Navigator.pop(context);
                },
              ),
            ],
          ),
          SliverList(
            delegate: SliverChildBuilderDelegate(
              (context, index) {
                return Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 16),
                  child: Padding(
                    padding: const EdgeInsets.symmetric(vertical: 20),
                    child: Column(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Column(
                          children: [
                            MenuItemWidget(
                              captionedTextWidget: const CaptionedTextWidget(
                                title: "Backup over mobile data",
                              ),
                              menuItemColor: colorScheme.fillFaint,
                              trailingSwitch: ToggleSwitchWidget(
                                value: Configuration.instance
                                    .shouldBackupOverMobileData(),
                                onChanged: (value) async {
                                  Configuration.instance
                                      .setBackupOverMobileData(value);
                                  setState(() {});
                                },
                              ),
                              borderRadius: 8,
                              alignCaptionedTextToLeft: true,
                              isBottomBorderRadiusRemoved: true,
                              isGestureDetectorDisabled: true,
                            ),
                            const SizedBox(height: 1),
                            MenuItemWidget(
                              captionedTextWidget: const CaptionedTextWidget(
                                title: "Backup videos",
                              ),
                              menuItemColor: colorScheme.fillFaint,
                              trailingSwitch: ToggleSwitchWidget(
                                value:
                                    Configuration.instance.shouldBackupVideos(),
                                onChanged: (value) async {
                                  Configuration.instance
                                      .setShouldBackupVideos(value);
                                  setState(() {});
                                },
                              ),
                              borderRadius: 8,
                              alignCaptionedTextToLeft: true,
                              isTopBorderRadiusRemoved: true,
                              isGestureDetectorDisabled: true,
                            ),
                          ],
                        ),
                        const SizedBox(height: 24),
                        Platform.isIOS
                            ? Column(
                                children: [
                                  MenuItemWidget(
                                    captionedTextWidget:
                                        const CaptionedTextWidget(
                                      title: "Disable auto lock",
                                    ),
                                    menuItemColor: colorScheme.fillFaint,
                                    trailingSwitch: ToggleSwitchWidget(
                                      value: Configuration.instance
                                          .shouldKeepDeviceAwake(),
                                      onChanged: _autoLockOnChanged,
                                    ),
                                    borderRadius: 8,
                                    alignCaptionedTextToLeft: true,
                                    isGestureDetectorDisabled: true,
                                  ),
                                  const MenuSectionDescriptionWidget(
                                    content:
                                        "Disable the device screen lock when ente is in the foreground and there is a backup in progress. This is normally not needed, but may help big uploads and initial imports of large libraries complete faster.",
                                  )
                                ],
                              )
                            : const SizedBox.shrink(),
                      ],
                    ),
                  ),
                );
              },
              childCount: 1,
            ),
          ),
        ],
      ),
    );
  }

  void _autoLockOnChanged(value) async {
    if (value) {
      final choice = await showChoiceDialog(
        context,
        "Disable automatic screen lock when ente is running?",
        "This will ensure faster uploads by ensuring your device does not sleep when uploads are in progress.",
        firstAction: "No",
        secondAction: "Yes",
      );
      if (choice != DialogUserChoice.secondChoice) {
        return;
      }
    }
    await Configuration.instance.setShouldKeepDeviceAwake(value);
    setState(() {});
  }
}