import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

import '../app/locale_controller.dart';
import '../core/api_client.dart';
import '../features/uploads/engine_scope.dart';
import '../l10n/app_localizations.dart';
import 'albums_tab.dart';
import 'queue_tab.dart';

/// 主壳：底部导航（相册 / 队列 / 设置）。
class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  int _selectedIndex = 0;

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context);
    return Scaffold(
      body: IndexedStack(
        index: _selectedIndex,
        children: const [
          AlbumsTab(),
          QueueTab(),
          SettingsTab(),
        ],
      ),
      bottomNavigationBar: NavigationBar(
        selectedIndex: _selectedIndex,
        onDestinationSelected: (index) =>
            setState(() => _selectedIndex = index),
        destinations: [
          NavigationDestination(
            icon: const Icon(Icons.photo_library_outlined),
            selectedIcon: const Icon(Icons.photo_library),
            label: l10n.homeTabAlbums,
          ),
          NavigationDestination(
            icon: const Icon(Icons.cloud_upload_outlined),
            selectedIcon: const Icon(Icons.cloud_upload),
            label: l10n.homeTabQueue,
          ),
          NavigationDestination(
            icon: const Icon(Icons.settings_outlined),
            selectedIcon: const Icon(Icons.settings),
            label: l10n.homeTabSettings,
          ),
        ],
      ),
    );
  }
}

/// 设置页（P3 Task 3：修改密码入口 + 退出登录；Task 10：语言切换）。
class SettingsTab extends ConsumerWidget {
  const SettingsTab({super.key});

  /// 档位 → 展示名（语言名固定以自身语言书写，不随当前界面语言变化）。
  static String _choiceLabel(AppLocalizations l10n, AppLocaleChoice choice) =>
      switch (choice) {
        AppLocaleChoice.system => l10n.localeFollowSystem,
        AppLocaleChoice.zh => l10n.localeChinese,
        AppLocaleChoice.en => l10n.localeEnglish,
      };

  Future<void> _pickLocale(
    BuildContext context,
    WidgetRef ref,
    AppLocaleChoice current,
  ) {
    return showModalBottomSheet<void>(
      context: context,
      showDragHandle: true,
      builder: (sheetContext) {
        final l10n = AppLocalizations.of(sheetContext);
        // 打开时刻的快照即可：选中即 pop，无滞留期间的陈旧选中态。
        return SafeArea(
          child: RadioGroup<AppLocaleChoice>(
            groupValue: current,
            onChanged: (choice) {
              if (choice == null) return;
              ref.read(localeSettingsProvider.notifier).setChoice(choice);
              Navigator.of(sheetContext).pop();
            },
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                for (final choice in AppLocaleChoice.values)
                  RadioListTile<AppLocaleChoice>(
                    value: choice,
                    title: Text(_choiceLabel(l10n, choice)),
                  ),
              ],
            ),
          ),
        );
      },
    );
  }

  Future<void> _logout(BuildContext context, WidgetRef ref) async {
    // api.logout 尽力而为（服务端撤销失败也照常本地清会话——客户端内已处理）。
    await ref.read(apiClientProvider).logout();
    // 会话账号失效 → 引擎 stop（任务保留库内，见 engine_scope.dart）。
    await ref.read(sessionAccountProvider.notifier).refresh();
    if (!context.mounted) return;
    Navigator.of(context).pushNamedAndRemoveUntil('/login', (route) => false);
  }

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final l10n = AppLocalizations.of(context);
    final choice = ref.watch(localeSettingsProvider);
    return Scaffold(
      appBar: AppBar(title: Text(l10n.settings)),
      body: ListView(
        children: [
          ListTile(
            leading: const Icon(Icons.language),
            title: Text(l10n.language),
            subtitle: Text(_choiceLabel(l10n, choice)),
            onTap: () => _pickLocale(context, ref, choice),
          ),
          ListTile(
            leading: const Icon(Icons.password_outlined),
            title: Text(l10n.passwordChangeTitle),
            onTap: () => Navigator.of(context).pushNamed('/password-change'),
          ),
          ListTile(
            leading: const Icon(Icons.logout),
            title: Text(l10n.logout),
            onTap: () => _logout(context, ref),
          ),
        ],
      ),
    );
  }
}