import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:spotube/collections/spotube_icons.dart';
import 'package:spotube/components/settings/section_card_with_heading.dart';
import 'package:spotube/components/shared/adaptive/adaptive_select_tile.dart';
import 'package:spotube/extensions/context.dart';
import 'package:spotube/provider/user_preferences_provider.dart';

class SettingsDesktopSection extends HookConsumerWidget {
  const SettingsDesktopSection({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context, ref) {
    final preferences = ref.watch(userPreferencesProvider);

    return SectionCardWithHeading(
      heading: context.l10n.desktop,
      children: [
        AdaptiveSelectTile<CloseBehavior>(
          secondary: const Icon(SpotubeIcons.close),
          title: Text(context.l10n.close_behavior),
          value: preferences.closeBehavior,
          options: [
            DropdownMenuItem(
              value: CloseBehavior.close,
              child: Text(context.l10n.close),
            ),
            DropdownMenuItem(
              value: CloseBehavior.minimizeToTray,
              child: Text(context.l10n.minimize_to_tray),
            ),
          ],
          onChanged: (value) {
            if (value != null) {
              preferences.setCloseBehavior(value);
            }
          },
        ),
        SwitchListTile(
          secondary: const Icon(SpotubeIcons.tray),
          title: Text(context.l10n.show_tray_icon),
          value: preferences.showSystemTrayIcon,
          onChanged: preferences.setShowSystemTrayIcon,
        ),
        SwitchListTile(
          secondary: const Icon(SpotubeIcons.window),
          title: Text(context.l10n.use_system_title_bar),
          value: preferences.systemTitleBar,
          onChanged: preferences.setSystemTitleBar,
        ),
      ],
    );
  }
}