import 'package:aves/model/filters/filters.dart';
import 'package:aves/model/settings/enums/enums.dart';
import 'package:aves/model/settings/enums/slideshow_interval.dart';
import 'package:aves/model/settings/enums/slideshow_video_playback.dart';
import 'package:aves/model/settings/enums/viewer_transition.dart';
import 'package:aves/model/settings/settings.dart';
import 'package:aves/services/intent_service.dart';
import 'package:aves/theme/icons.dart';
import 'package:aves/widgets/collection/filter_bar.dart';
import 'package:aves/widgets/common/extensions/build_context.dart';
import 'package:aves/widgets/settings/common/tiles.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class ScreenSaverSettingsPage extends StatelessWidget {
  static const routeName = '/settings/screen_saver';

  const ScreenSaverSettingsPage({super.key});

  @override
  Widget build(BuildContext context) {
    final l10n = context.l10n;
    return Scaffold(
      appBar: AppBar(
        title: Text(l10n.settingsScreenSaverTitle),
      ),
      body: SafeArea(
        child: ListView(
          children: [
            SettingsSwitchListTile(
              selector: (context, s) => s.screenSaverFillScreen,
              onChanged: (v) => settings.screenSaverFillScreen = v,
              title: context.l10n.settingsSlideshowFillScreen,
            ),
            SettingsSelectionListTile<ViewerTransition>(
              values: ViewerTransition.values,
              getName: (context, v) => v.getName(context),
              selector: (context, s) => s.screenSaverTransition,
              onSelection: (v) => settings.screenSaverTransition = v,
              tileTitle: l10n.settingsSlideshowTransitionTile,
              dialogTitle: l10n.settingsSlideshowTransitionTitle,
            ),
            SettingsSelectionListTile<SlideshowInterval>(
              values: SlideshowInterval.values,
              getName: (context, v) => v.getName(context),
              selector: (context, s) => s.screenSaverInterval,
              onSelection: (v) => settings.screenSaverInterval = v,
              tileTitle: l10n.settingsSlideshowIntervalTile,
              dialogTitle: l10n.settingsSlideshowIntervalTitle,
            ),
            SettingsSelectionListTile<SlideshowVideoPlayback>(
              values: SlideshowVideoPlayback.values,
              getName: (context, v) => v.getName(context),
              selector: (context, s) => s.screenSaverVideoPlayback,
              onSelection: (v) => settings.screenSaverVideoPlayback = v,
              tileTitle: l10n.settingsSlideshowVideoPlaybackTile,
              dialogTitle: l10n.settingsSlideshowVideoPlaybackTitle,
            ),
            Selector<Settings, Set<CollectionFilter>>(
              selector: (context, s) => s.screenSaverCollectionFilters,
              builder: (context, filters, child) {
                final theme = Theme.of(context);
                final textTheme = theme.textTheme;
                final hasSubtitle = filters.isEmpty;

                // size and padding to match `ListTile`
                return ConstrainedBox(
                  constraints: BoxConstraints(
                    minHeight: (hasSubtitle ? 72.0 : 56.0) + theme.visualDensity.baseSizeAdjustment.dy,
                  ),
                  child: Center(
                    child: Column(
                      children: [
                        Padding(
                          padding: const EdgeInsets.symmetric(horizontal: 16),
                          child: Row(
                            children: [
                              Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    l10n.collectionPageTitle,
                                    style: textTheme.subtitle1!,
                                  ),
                                  if (hasSubtitle)
                                    Text(
                                      l10n.drawerCollectionAll,
                                      style: textTheme.bodyText2!.copyWith(color: textTheme.caption!.color),
                                    ),
                                ],
                              ),
                              const Spacer(),
                              IconButton(
                                onPressed: () async {
                                  final selection = await IntentService.pickCollectionFilters(filters);
                                  if (selection != null) {
                                    settings.screenSaverCollectionFilters = selection;
                                  }
                                },
                                icon: const Icon(AIcons.edit),
                              ),
                            ],
                          ),
                        ),
                        if (filters.isNotEmpty) FilterBar(filters: filters),
                      ],
                    ),
                  ),
                );
              },
            ),
          ],
        ),
      ),
    );
  }
}