import 'dart:io';
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:path_provider/path_provider.dart';
import 'package:path/path.dart' as path;
import 'package:provider/provider.dart';
import 'package:package_info_plus/package_info_plus.dart';
// import 'package:url_launcher/url_launcher.dart'; // 改为应用内打开
import 'package:webview_flutter/webview_flutter.dart';
import '../providers/app_provider.dart';
import '../utils/user_prefs.dart';
import '../utils/toast_util.dart';
import 'recycle_bin_page.dart';
import 'sync/backup_page.dart';
import 'statistics_page.dart';
import 'sync/cloud_sync_page.dart';
import 'app_icon_picker_page.dart';

/// 个人中心页面 - 极简主义设计
class ProfilePage extends StatefulWidget {
  const ProfilePage({super.key});

  @override
  State<ProfilePage> createState() => _ProfilePageState();
}

class _ProfilePageState extends State<ProfilePage> {
  final ImagePicker _picker = ImagePicker();
  final UserPrefs _userPrefs = UserPrefs();

  // 用户数据
  String _nickname = 'Mook';
  String _motto = '好运不会眷顾一无所有之人。';
  String? _avatarPath;
  String _version = '0.1.5';
  bool _isLoading = true;

  @override
  void initState() {
    super.initState();
    _loadUserData();
    _loadVersionInfo();
  }

  /// 加载版本信息
  Future<void> _loadVersionInfo() async {
    final packageInfo = await PackageInfo.fromPlatform();
    setState(() {
      _version = packageInfo.version;
    });
  }

  /// 加载用户数据
  Future<void> _loadUserData() async {
    setState(() => _isLoading = true);
    try {
      await UserPrefs.init();
      setState(() {
        _nickname = _userPrefs.nickname;
        _motto = _userPrefs.motto;
        _avatarPath = _userPrefs.avatarPath;
        _isLoading = false;
      });
    } catch (e) {
      setState(() => _isLoading = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    if (_isLoading) {
      return const Center(
        child: CircularProgressIndicator(
          strokeWidth: 2,
          color: Color(0xFF1A1A1A),
        ),
      );
    }
    
    return Column(
      children: [
        // 标题栏
        AppBar(
          title: const Text('我的'),
          actions: [
            IconButton(
              icon: const Icon(Icons.settings_outlined),
              onPressed: () => _showSettings(context),
            ),
          ],
        ),
        
        // 内容
        Expanded(
          child: SingleChildScrollView(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                // 顶部用户信息
                _buildUserHeader(),
                
                const SizedBox(height: 8),
                
                // 数据统计
                _buildStatsSection(),

                const SizedBox(height: 8),

                // 功能菜单
                _buildMenuSection(),
                
                const SizedBox(height: 40),
                
                // 底部留白，避免被 dock 栏遮挡
                const SizedBox(height: 100),
              ],
            ),
          ),
        ),
      ],
    );
  }

  /// 用户头部信息
  Widget _buildUserHeader() {
    return Container(
      padding: const EdgeInsets.all(24),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          // 左侧头像
          GestureDetector(
            onTap: _pickAvatar,
            child: Container(
              width: 72,
              height: 72,
              decoration: BoxDecoration(
                color: const Color(0xFFF5F5F5),
                border: Border.all(color: const Color(0xFFE5E5E5), width: 0.5),
                shape: BoxShape.circle,
              ),
              child: _avatarPath != null && _avatarPath!.isNotEmpty
                  ? ClipOval(
                      child: Image.file(
                        File(_avatarPath!),
                        fit: BoxFit.cover,
                        errorBuilder: (_, __, ___) => _buildAvatarPlaceholder(),
                      ),
                    )
                  : _buildAvatarPlaceholder(),
            ),
          ),
          
          const SizedBox(width: 20),
          
          // 右侧信息
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisSize: MainAxisSize.min,
              children: [
                // 昵称
                GestureDetector(
                  onTap: () => _editNickname(context),
                  child: Text(
                    _nickname,
                    style: const TextStyle(
                      fontSize: 20,
                      fontWeight: FontWeight.w600,
                      color: Color(0xFF1A1A1A),
                    ),
                  ),
                ),
                
                const SizedBox(height: 6),
                
                // 座右铭
                GestureDetector(
                  onTap: () => _editMotto(context),
                  child: Text(
                    _motto,
                    style: const TextStyle(
                      fontSize: 14,
                      color: Color(0xFF666666),
                    ),
                    maxLines: 2,
                    overflow: TextOverflow.ellipsis,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildAvatarPlaceholder() {
    return const Center(
      child: Icon(
        Icons.person_outline,
        size: 32,
        color: Color(0xFFCCCCCC),
      ),
    );
  }

  /// 数据统计区域
  Widget _buildStatsSection() {
    return Consumer<AppProvider>(
      builder: (context, provider, child) {
        final movies = provider.movies;
        final books = provider.books;
        final notes = provider.notes;
        
        final movieCount = movies.where((m) => !m.isDeleted).length;
        final bookCount = books.length;
        final noteCount = notes.length;

        return Padding(
          padding: const EdgeInsets.fromLTRB(24, 16, 24, 24),
          child: Container(
            padding: const EdgeInsets.all(20),
            decoration: BoxDecoration(
              color: const Color(0xFFF8F8F8),
              borderRadius: BorderRadius.circular(12),
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                _buildStatCard('观影', movieCount, '场', Icons.movie_outlined),
                _buildStatCard('阅读', bookCount, '本', Icons.menu_book_outlined),
                _buildStatCard('笔记', noteCount, '条', Icons.note_outlined),
              ],
            ),
          ),
        );
      },
    );
  }

  /// 统计卡片
  Widget _buildStatCard(String label, int count, String unit, IconData icon) {
    return Column(
      children: [
        Icon(
          icon,
          size: 24,
          color: const Color(0xFF666666),
        ),
        const SizedBox(height: 8),
        Row(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.baseline,
          textBaseline: TextBaseline.alphabetic,
          children: [
            Text(
              '$count',
              style: const TextStyle(
                fontSize: 28,
                fontWeight: FontWeight.w700,
                color: Color(0xFF1A1A1A),
              ),
            ),
            const SizedBox(width: 2),
            Text(
              unit,
              style: const TextStyle(
                fontSize: 13,
                color: Color(0xFF666666),
              ),
            ),
          ],
        ),
        const SizedBox(height: 2),
        Text(
          label,
          style: const TextStyle(
            fontSize: 12,
            color: Color(0xFF999999),
          ),
        ),
      ],
    );
  }

  /// 功能菜单
  Widget _buildMenuSection() {
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 24),
      decoration: BoxDecoration(
        color: const Color(0xFFFAFAFA),
        borderRadius: BorderRadius.circular(12),
      ),
      child: Column(
        children: [
          _buildMenuItem(
            icon: Icons.analytics_outlined,
            title: '数据统计',
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => const StatisticsPage()),
              );
            },
          ),
          const Divider(height: 1, indent: 72, endIndent: 16, color: Color(0xFFE8E8E8)),
          
          _buildMenuItem(
            icon: Icons.backup_outlined,
            title: '备份',
            onTap: () => _showBackupOptions(context),
          ),
          const Divider(height: 1, indent: 72, endIndent: 16, color: Color(0xFFE8E8E8)),

          _buildMenuItem(
            icon: Icons.delete_outline,
            title: '回收站',
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => const RecycleBinPage()),
              );
            },
          ),
        ],
      ),
    );
  }

  /// 菜单项
  Widget _buildMenuItem({
    required IconData icon,
    required String title,
    required VoidCallback onTap,
  }) {
    return InkWell(
      onTap: onTap,
      borderRadius: BorderRadius.circular(12),
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
        child: Row(
          children: [
            // 图标背景
            Container(
              width: 40,
              height: 40,
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(10),
                border: Border.all(color: const Color(0xFFE8E8E8), width: 0.5),
              ),
              child: Icon(
                icon,
                size: 20,
                color: const Color(0xFF666666),
              ),
            ),
            const SizedBox(width: 16),
            // 标题
            Expanded(
              child: Text(
                title,
                style: const TextStyle(
                  fontSize: 15,
                  fontWeight: FontWeight.w500,
                  color: Color(0xFF1A1A1A),
                ),
              ),
            ),
            // 箭头
            const Icon(
              Icons.chevron_right,
              size: 20,
              color: Color(0xFFCCCCCC),
            ),
          ],
        ),
      ),
    );
  }

  /// 显示备份选项
  void _showBackupOptions(BuildContext context) {
    showModalBottomSheet(
      context: context,
      backgroundColor: Colors.white,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
      ),
      builder: (ctx) => Padding(
        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Container(
              width: 36, height: 4,
              decoration: BoxDecoration(
                color: const Color(0xFFDDDDDD),
                borderRadius: BorderRadius.circular(2),
              ),
            ),
            const SizedBox(height: 20),
            const Align(
              alignment: Alignment.centerLeft,
              child: Text('选择备份方式', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Color(0xFF1A1A1A))),
            ),
            const SizedBox(height: 16),
            ListTile(
              contentPadding: EdgeInsets.zero,
              leading: Container(
                width: 44, height: 44,
                decoration: BoxDecoration(
                  color: const Color(0xFFF5F5F5),
                  borderRadius: BorderRadius.circular(10),
                ),
                child: const Icon(Icons.folder_outlined, color: Color(0xFF666666)),
              ),
              title: const Text('本地备份', style: TextStyle(fontSize: 15, fontWeight: FontWeight.w500, color: Color(0xFF1A1A1A))),
              subtitle: const Text('备份到本地文件夹，支持恢复', style: TextStyle(fontSize: 12, color: Color(0xFF999999))),
              trailing: const Icon(Icons.chevron_right, color: Color(0xFFCCCCCC)),
              onTap: () {
                Navigator.pop(ctx);
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => const BackupPage()),
                ).then((_) => _loadUserData());
              },
            ),
            const Divider(height: 0.5, color: Color(0xFFF0F0F0)),
            ListTile(
              contentPadding: EdgeInsets.zero,
              leading: Container(
                width: 44, height: 44,
                decoration: BoxDecoration(
                  color: const Color(0xFFF5F5F5),
                  borderRadius: BorderRadius.circular(10),
                ),
                child: const Icon(Icons.cloud_outlined, color: Color(0xFF666666)),
              ),
              title: const Text('云备份', style: TextStyle(fontSize: 15, fontWeight: FontWeight.w500, color: Color(0xFF1A1A1A))),
              subtitle: const Text('通过 WebDAV 同步到云端', style: TextStyle(fontSize: 12, color: Color(0xFF999999))),
              trailing: const Icon(Icons.chevron_right, color: Color(0xFFCCCCCC)),
              onTap: () {
                Navigator.pop(ctx);
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => const CloudSyncPage()),
                );
              },
            ),
            const SizedBox(height: 20),
          ],
        ),
      ),
    );
  }

  /// 显示提示
  void _showToast(String message) {
    ToastUtil.show(context, message);
  }

  /// 选择头像
  Future<void> _pickAvatar() async {
    try {
      final XFile? pickedFile = await _picker.pickImage(
        source: ImageSource.gallery,
        maxWidth: 400,
        maxHeight: 400,
        imageQuality: 85,
      );

      if (pickedFile != null) {
        final appDir = await getApplicationDocumentsDirectory();
        final fileName = 'avatar_${DateTime.now().millisecondsSinceEpoch}.jpg';
        final savedPath = path.join(appDir.path, 'avatars', fileName);

        final avatarDir = Directory(path.join(appDir.path, 'avatars'));
        if (!await avatarDir.exists()) {
          await avatarDir.create(recursive: true);
        }

        await File(pickedFile.path).copy(savedPath);

        // 保存到本地存储
        await _userPrefs.setAvatarPath(savedPath);

        setState(() => _avatarPath = savedPath);
      }
    } catch (e) {
      if (mounted) {
        _showToast('选择头像失败: $e');
      }
    }
  }
  void _editNickname(BuildContext context) {
    final controller = TextEditingController(text: _nickname);
    
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        backgroundColor: Colors.white,
        elevation: 0,
        shape: const RoundedRectangleBorder(borderRadius: BorderRadius.zero),
        title: const Text(
          '修改昵称',
          style: TextStyle(
            fontSize: 18,
            fontWeight: FontWeight.w600,
            color: Color(0xFF1A1A1A),
          ),
        ),
        content: TextField(
          controller: controller,
          decoration: const InputDecoration(
            hintText: '输入昵称',
            border: UnderlineInputBorder(
              borderSide: BorderSide(color: Color(0xFFE5E5E5)),
            ),
          ),
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text('取消', style: TextStyle(color: Color(0xFF666666))),
          ),
          TextButton(
            onPressed: () async {
              final newNickname = controller.text.trim();
              if (newNickname.isNotEmpty) {
                await _userPrefs.setNickname(newNickname);
                setState(() => _nickname = newNickname);
              }
              Navigator.pop(context);
            },
            child: const Text('确定'),
          ),
        ],
      ),
    );
  }

  /// 编辑座右铭
  void _editMotto(BuildContext context) {
    final controller = TextEditingController(text: _motto);
    
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        backgroundColor: Colors.white,
        elevation: 0,
        shape: const RoundedRectangleBorder(borderRadius: BorderRadius.zero),
        title: const Text(
          '修改座右铭',
          style: TextStyle(
            fontSize: 18,
            fontWeight: FontWeight.w600,
            color: Color(0xFF1A1A1A),
          ),
        ),
        content: TextField(
          controller: controller,
          maxLines: 2,
          decoration: const InputDecoration(
            hintText: '输入座右铭',
            border: UnderlineInputBorder(
              borderSide: BorderSide(color: Color(0xFFE5E5E5)),
            ),
          ),
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text('取消', style: TextStyle(color: Color(0xFF666666))),
          ),
          TextButton(
            onPressed: () async {
              final newMotto = controller.text.trim();
              await _userPrefs.setMotto(newMotto);
              setState(() => _motto = newMotto);
              Navigator.pop(context);
            },
            child: const Text('确定'),
          ),
        ],
      ),
    );
  }

  /// 显示设置
  void _showSettings(BuildContext context) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => const SettingsPage(),
      ),
    );
  }
}

/// 设置页面
class SettingsPage extends StatefulWidget {
  const SettingsPage({super.key});

  @override
  State<SettingsPage> createState() => _SettingsPageState();
}

class _SettingsPageState extends State<SettingsPage> {
  final UserPrefs _userPrefs = UserPrefs();
  bool _hideBottomNavOnScroll = true;

  @override
  void initState() {
    super.initState();
    _hideBottomNavOnScroll = _userPrefs.hideBottomNavOnScroll;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: const Text('设置'),
      ),
      body: ListView(
        children: [
          // 数据管理
          _buildSectionHeader('数据管理'),
          _buildActionItem(
            icon: Icons.cleaning_services_outlined,
            title: '清除缓存数据',
            subtitle: '清理未在数据库中引用的图片文件',
            onTap: () => _showClearCacheDialog(context),
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),

          // 主界面功能显示入口
          _buildSectionHeader('个性化设置'),
          _buildSwitchItem(
            icon: Icons.swipe_vertical_outlined,
            title: '底部导航栏滚动隐藏',
            subtitle: '下滑时自动隐藏底部导航栏',
            value: _hideBottomNavOnScroll,
            onChanged: _toggleHideBottomNavOnScroll,
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
          _buildNavigationItem(
            icon: Icons.apps_outlined,
            title: '应用图标',
            subtitle: '更换桌面应用图标',
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => const AppIconPickerPage(),
                ),
              );
            },
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
          _buildNavigationItem(
            icon: Icons.view_list_outlined,
            title: '主界面设置',
            subtitle: '启动标签、模块显示开关',
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => const MainContentSettingsPage(),
                ),
              );
            },
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),

          // 布局设置
          _buildSectionHeader('布局设置'),
          _buildNavigationItem(
            icon: Icons.dashboard_outlined,
            title: '布局设置',
            subtitle: '笔记、影视、阅读的展示样式',
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => const LayoutSettingsPage()),
              );
            },
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),

          // 使用说明
          _buildSectionHeader('帮助'),
          _buildLinkItem(
            context: context,
            icon: Icons.help_outline,
            title: '使用说明',
            subtitle: '查看应用使用指南',
            url: 'https://mooknote.iletter.top/#/guide',
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),

          // 关于作者
          // _buildLinkItem(
          //   context: context,
          //   icon: Icons.person_outline,
          //   title: '关于作者',
          //   subtitle: '了解更多信息',
          //   url: 'https://www.iletter.top/',
          // ),
          // const Divider(height: 0.5, indent: 24, endIndent: 24),
        ],
      ),
    );
  }

  /// 切换底部导航栏滚动隐藏
  Future<void> _toggleHideBottomNavOnScroll(bool value) async {
    await _userPrefs.setHideBottomNavOnScroll(value);
    setState(() => _hideBottomNavOnScroll = value);
  }

  /// 构建开关项
  Widget _buildSwitchItem({
    required IconData icon,
    required String title,
    required String subtitle,
    required bool value,
    required ValueChanged<bool> onChanged,
  }) {
    return InkWell(
      onTap: () => onChanged(!value),
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
        child: Row(
          children: [
            Container(
              width: 44,
              height: 44,
              decoration: BoxDecoration(
                color: const Color(0xFFF5F5F5),
                borderRadius: BorderRadius.circular(10),
              ),
              child: Icon(
                icon,
                color: const Color(0xFF666666),
                size: 22,
              ),
            ),
            const SizedBox(width: 16),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    title,
                    style: const TextStyle(
                      fontSize: 15,
                      fontWeight: FontWeight.w500,
                      color: Color(0xFF1A1A1A),
                    ),
                  ),
                  const SizedBox(height: 2),
                  Text(
                    subtitle,
                    style: const TextStyle(
                      fontSize: 12,
                      color: Color(0xFF999999),
                    ),
                  ),
                ],
              ),
            ),
            Switch(
              value: value,
              onChanged: onChanged,
              activeColor: const Color(0xFF1A1A1A),
              activeTrackColor: const Color(0xFF1A1A1A).withOpacity(0.3),
              inactiveThumbColor: Colors.white,
              inactiveTrackColor: const Color(0xFFE5E5E5),
            ),
          ],
        ),
      ),
    );
  }

  /// 构建区块标题
  Widget _buildSectionHeader(String title) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(24, 32, 24, 12),
      child: Text(
        title,
        style: const TextStyle(
          fontSize: 13,
          fontWeight: FontWeight.w600,
          color: Color(0xFF1A1A1A),
        ),
      ),
    );
  }

  /// 构建导航项
  Widget _buildNavigationItem({
    required IconData icon,
    required String title,
    required String subtitle,
    required VoidCallback onTap,
  }) {
    return InkWell(
      onTap: onTap,
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
        child: Row(
          children: [
            // 图标背景
            Container(
              width: 44,
              height: 44,
              decoration: BoxDecoration(
                color: const Color(0xFFF5F5F5),
                borderRadius: BorderRadius.circular(10),
              ),
              child: Icon(
                icon,
                color: const Color(0xFF666666),
                size: 22,
              ),
            ),
            const SizedBox(width: 16),
            // 文字内容
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    title,
                    style: const TextStyle(
                      fontSize: 15,
                      fontWeight: FontWeight.w500,
                      color: Color(0xFF1A1A1A),
                    ),
                  ),
                  const SizedBox(height: 2),
                  Text(
                    subtitle,
                    style: const TextStyle(
                      fontSize: 12,
                      color: Color(0xFF999999),
                    ),
                  ),
                ],
              ),
            ),
            // 箭头
            const Icon(
              Icons.chevron_right,
              color: Color(0xFFCCCCCC),
              size: 20,
            ),
          ],
        ),
      ),
    );
  }

  /// 构建链接项
  Widget _buildLinkItem({
    required BuildContext context,
    required IconData icon,
    required String title,
    required String subtitle,
    required String url,
  }) {
    return InkWell(
      onTap: () => _launchUrl(context, url),
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
        child: Row(
          children: [
            // 图标背景
            Container(
              width: 44,
              height: 44,
              decoration: BoxDecoration(
                color: const Color(0xFFF5F5F5),
                borderRadius: BorderRadius.circular(10),
              ),
              child: Icon(
                icon,
                color: const Color(0xFF666666),
                size: 22,
              ),
            ),
            const SizedBox(width: 16),
            // 文字内容
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    title,
                    style: const TextStyle(
                      fontSize: 15,
                      fontWeight: FontWeight.w500,
                      color: Color(0xFF1A1A1A),
                    ),
                  ),
                  const SizedBox(height: 2),
                  Text(
                    subtitle,
                    style: const TextStyle(
                      fontSize: 12,
                      color: Color(0xFF999999),
                    ),
                  ),
                ],
              ),
            ),
            // 外部链接图标
            const Icon(
              Icons.open_in_new,
              color: Color(0xFFCCCCCC),
              size: 18,
            ),
          ],
        ),
      ),
    );
  }

  /// 构建操作项（无箭头）
  Widget _buildActionItem({
    required IconData icon,
    required String title,
    required String subtitle,
    required VoidCallback onTap,
  }) {
    return InkWell(
      onTap: onTap,
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
        child: Row(
          children: [
            // 图标背景
            Container(
              width: 44,
              height: 44,
              decoration: BoxDecoration(
                color: const Color(0xFFF5F5F5),
                borderRadius: BorderRadius.circular(10),
              ),
              child: Icon(
                icon,
                color: const Color(0xFF666666),
                size: 22,
              ),
            ),
            const SizedBox(width: 16),
            // 文字内容
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    title,
                    style: const TextStyle(
                      fontSize: 15,
                      fontWeight: FontWeight.w500,
                      color: Color(0xFF1A1A1A),
                    ),
                  ),
                  const SizedBox(height: 2),
                  Text(
                    subtitle,
                    style: const TextStyle(
                      fontSize: 12,
                      color: Color(0xFF999999),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }

  /// 显示清除缓存对话框
  void _showClearCacheDialog(BuildContext pageContext) {
    showDialog(
      context: pageContext,
      builder: (dialogContext) => AlertDialog(
        backgroundColor: Colors.white,
        elevation: 0,
        shape: const RoundedRectangleBorder(borderRadius: BorderRadius.zero),
        title: const Text('清除缓存数据'),
        content: const Text('这将删除所有未在数据库中引用的图片文件。确定要继续吗？'),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(dialogContext),
            child: const Text('取消', style: TextStyle(color: Color(0xFF666666))),
          ),
          TextButton(
            onPressed: () async {
              Navigator.pop(dialogContext);
              await _clearCacheData(pageContext);
            },
            child: const Text('确定', style: TextStyle(color: Colors.red)),
          ),
        ],
      ),
    );
  }

  /// 清除缓存数据
  Future<void> _clearCacheData(BuildContext context) async {
    try {
      // 显示进度提示
      showDialog(
        context: context,
        barrierDismissible: false,
        builder: (context) => const Center(
          child: CircularProgressIndicator(),
        ),
      );

      // 获取所有数据库中的图片路径
      final appProvider = context.read<AppProvider>();
      final dbImagePaths = await _getAllDbImagePaths(appProvider);

      // 清理图片目录
      final deletedCount = await _cleanImageDirectory(dbImagePaths);

      // 关闭进度提示
      Navigator.pop(context);

      // 显示结果
      if (context.mounted) {
        ToastUtil.show(context, '已清理 $deletedCount 个缓存文件');
      }
    } catch (e) {
      // 关闭进度提示
      Navigator.pop(context);
      if (context.mounted) {
        ToastUtil.show(context, '清理失败: $e');
      }
    }
  }

  /// 获取数据库中所有图片路径
  Future<Set<String>> _getAllDbImagePaths(AppProvider provider) async {
    final paths = <String>{};

    // 获取所有影视的封面路径
    final movies = provider.movies;
    for (final movie in movies) {
      final posterPath = movie.posterPath;
      if (posterPath != null && posterPath.isNotEmpty) {
        paths.add(posterPath);
      }
    }

    // 获取所有书籍的封面路径
    final books = provider.books;
    for (final book in books) {
      final coverPath = book.coverPath;
      if (coverPath != null && coverPath.isNotEmpty) {
        paths.add(coverPath);
      }
    }

    // 获取所有笔记中的图片路径
    final notes = provider.notes;
    for (final note in notes) {
      for (final imagePath in note.images) {
        if (imagePath.isNotEmpty) {
          paths.add(imagePath);
        }
      }
    }

    // 获取所有海报墙图片路径
    final movieIds = movies.map((m) => m.id).toList();
    for (final movieId in movieIds) {
      final posters = await provider.getMoviePosters(movieId);
      for (final poster in posters) {
        final posterPath = poster.posterPath;
        if (posterPath.isNotEmpty) {
          paths.add(posterPath);
        }
      }
    }

    return paths;
  }

  /// 清理图片目录
  Future<int> _cleanImageDirectory(Set<String> dbImagePaths) async {
    int deletedCount = 0;

    try {
      // 获取应用文档目录
      final appDir = await getApplicationDocumentsDirectory();
      final imagesDir = Directory('${appDir.path}/images');

      if (!await imagesDir.exists()) {
        return 0;
      }

      // 递归遍历所有文件
      await for (final entity in imagesDir.list(recursive: true, followLinks: false)) {
        if (entity is File) {
          final filePath = entity.path;
          // 如果文件不在数据库中，删除它
          if (!dbImagePaths.contains(filePath)) {
            try {
              await entity.delete();
              deletedCount++;
            } catch (e) {
              // 忽略单个文件删除错误
            }
          }
        }
      }
    } catch (e) {
      debugPrint('清理图片目录失败: $e');
    }

    return deletedCount;
  }

  /// 打开链接（应用内打开）
  void _launchUrl(BuildContext context, String url) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => WebViewPage(url: url),
      ),
    );
  }
}

/// 主界面功能显示设置页面
class MainContentSettingsPage extends StatefulWidget {
  const MainContentSettingsPage({super.key});

  @override
  State<MainContentSettingsPage> createState() => _MainContentSettingsPageState();
}

class _MainContentSettingsPageState extends State<MainContentSettingsPage> {
  final UserPrefs _userPrefs = UserPrefs();

  bool _showMovieTab = true;
  bool _showBookTab = true;
  bool _showNoteTab = true;
  int _defaultTabIndex = 0;

  @override
  void initState() {
    super.initState();
    _loadSettings();
  }

  /// 加载设置
  void _loadSettings() {
    setState(() {
      _showMovieTab = _userPrefs.showMovieTab;
      _showBookTab = _userPrefs.showBookTab;
      _showNoteTab = _userPrefs.showNoteTab;
      _defaultTabIndex = _userPrefs.defaultMainTabIndex;
    });
  }

  /// 获取已启用的标签数量
  int get _enabledTabCount {
    int count = 0;
    if (_showMovieTab) count++;
    if (_showBookTab) count++;
    if (_showNoteTab) count++;
    return count;
  }

  /// 切换观影标签显示
  Future<void> _toggleMovieTab(bool value) async {
    if (!value && _enabledTabCount <= 1) {
      _showToast('至少保留一个标签页');
      return;
    }
    await _userPrefs.setShowMovieTab(value);
    setState(() => _showMovieTab = value);
  }

  /// 切换阅读标签显示
  Future<void> _toggleBookTab(bool value) async {
    if (!value && _enabledTabCount <= 1) {
      _showToast('至少保留一个标签页');
      return;
    }
    await _userPrefs.setShowBookTab(value);
    setState(() => _showBookTab = value);
  }

  /// 切换笔记标签显示
  Future<void> _toggleNoteTab(bool value) async {
    if (!value && _enabledTabCount <= 1) {
      _showToast('至少保留一个标签页');
      return;
    }
    await _userPrefs.setShowNoteTab(value);
    setState(() => _showNoteTab = value);
  }

  /// 显示提示
  void _showToast(String message) {
    ToastUtil.show(context, message);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: const Text('主界面设置'),
      ),
      body: ListView(
        children: [
          // 启动设置
          _buildSectionHeader('启动设置'),
          _buildDefaultTabSelector(),
          const Divider(height: 0.5, indent: 24, endIndent: 24),

          // 模块开关
          _buildSectionHeader('模块开关'),
          _buildSwitchItem(
            icon: Icons.movie_outlined,
            title: '观影',
            subtitle: '记录和管理观影记录',
            value: _showMovieTab,
            onChanged: _toggleMovieTab,
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
          _buildSwitchItem(
            icon: Icons.menu_book_outlined,
            title: '阅读',
            subtitle: '记录和管理阅读记录',
            value: _showBookTab,
            onChanged: _toggleBookTab,
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
          _buildSwitchItem(
            icon: Icons.note_outlined,
            title: '笔记',
            subtitle: '记录和管理笔记',
            value: _showNoteTab,
            onChanged: _toggleNoteTab,
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
          Container(
            padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 10),
            child: const Text(
              '至少保留一个模块，关闭后对应标签页将不再显示。',
              style: TextStyle(fontSize: 12, color: Color(0xFFBBBBBB)),
            ),
          ),
        ],
      ),
    );
  }

  /// 构建区块标题
  Widget _buildSectionHeader(String title) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(24, 28, 24, 12),
      child: Text(
        title,
        style: const TextStyle(
          fontSize: 13,
          fontWeight: FontWeight.w600,
          color: Color(0xFF1A1A1A),
        ),
      ),
    );
  }

  /// 构建默认启动标签选择器
  Widget _buildDefaultTabSelector() {
    final labels = ['影视', '阅读', '笔记'];
    final icons = [Icons.movie_outlined, Icons.menu_book_outlined, Icons.note_outlined];

    return ListTile(
      contentPadding: const EdgeInsets.symmetric(horizontal: 24, vertical: 4),
      leading: Container(
        width: 44,
        height: 44,
        decoration: BoxDecoration(
          color: const Color(0xFFF5F5F5),
          borderRadius: BorderRadius.circular(10),
        ),
        child: const Icon(Icons.home_outlined, color: Color(0xFF666666), size: 22),
      ),
      title: const Text(
        '默认启动标签',
        style: TextStyle(fontSize: 15, fontWeight: FontWeight.w500, color: Color(0xFF1A1A1A)),
      ),
      subtitle: const Text(
        '打开应用时默认显示的页面',
        style: TextStyle(fontSize: 12, color: Color(0xFF999999)),
      ),
      trailing: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          Text(
            labels[_defaultTabIndex],
            style: const TextStyle(fontSize: 14, color: Color(0xFF999999)),
          ),
          const SizedBox(width: 4),
          const Icon(Icons.chevron_right, color: Color(0xFFCCCCCC), size: 20),
        ],
      ),
      onTap: () => _showDefaultTabPicker(labels, icons),
    );
  }

  void _showDefaultTabPicker(List<String> labels, List<IconData> icons) {
    showModalBottomSheet(
      context: context,
      backgroundColor: Colors.transparent,
      builder: (ctx) => Container(
        decoration: const BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
        ),
        padding: const EdgeInsets.symmetric(vertical: 12),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Container(
              width: 36, height: 4,
              decoration: BoxDecoration(color: const Color(0xFFDDDDDD), borderRadius: BorderRadius.circular(2)),
            ),
            const SizedBox(height: 20),
            const Align(
              alignment: Alignment.centerLeft,
              child: Padding(
                padding: EdgeInsets.symmetric(horizontal: 24),
                child: Text('默认启动标签', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Color(0xFF1A1A1A))),
              ),
            ),
            const SizedBox(height: 16),
            for (int i = 0; i < labels.length; i++)
              ListTile(
                leading: Container(
                  width: 44, height: 44,
                  decoration: BoxDecoration(
                    color: const Color(0xFFF5F5F5),
                    borderRadius: BorderRadius.circular(10),
                  ),
                  child: Icon(icons[i], color: const Color(0xFF666666)),
                ),
                title: Text(labels[i], style: const TextStyle(fontSize: 15, fontWeight: FontWeight.w500, color: Color(0xFF1A1A1A))),
                trailing: _defaultTabIndex == i ? const Icon(Icons.check, color: Color(0xFF1A1A1A), size: 20) : null,
                onTap: () async {
                  await _userPrefs.setDefaultMainTabIndex(i);
                  setState(() => _defaultTabIndex = i);
                  Navigator.pop(ctx);
                },
              ),
            const SizedBox(height: 8),
          ],
        ),
      ),
    );
  }

  /// 构建开关项
  Widget _buildSwitchItem({
    required IconData icon,
    required String title,
    required String subtitle,
    required bool value,
    required ValueChanged<bool> onChanged,
  }) {
    return ListTile(
      contentPadding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
      leading: Container(
        width: 48,
        height: 48,
        decoration: BoxDecoration(
          color: const Color(0xFFF5F5F5),
          borderRadius: BorderRadius.circular(8),
        ),
        child: Icon(
          icon,
          color: const Color(0xFF666666),
          size: 24,
        ),
      ),
      title: Text(
        title,
        style: const TextStyle(
          fontSize: 16,
          fontWeight: FontWeight.w500,
          color: Color(0xFF1A1A1A),
        ),
      ),
      subtitle: Text(
        subtitle,
        style: const TextStyle(
          fontSize: 13,
          color: Color(0xFF999999),
        ),
      ),
      trailing: Switch(
        value: value,
        onChanged: onChanged,
        activeColor: const Color(0xFF1A1A1A),
        activeTrackColor: const Color(0xFF1A1A1A).withOpacity(0.3),
        inactiveThumbColor: Colors.white,
        inactiveTrackColor: const Color(0xFFE5E5E5),
      ),
    );
  }
}

/// 布局设置页面
class LayoutSettingsPage extends StatefulWidget {
  const LayoutSettingsPage({super.key});

  @override
  State<LayoutSettingsPage> createState() => _LayoutSettingsPageState();
}

class _LayoutSettingsPageState extends State<LayoutSettingsPage> {
  final UserPrefs _userPrefs = UserPrefs();
  int _noteLayout = 0;
  int _movieLayout = 0;
  int _bookLayout = 0;

  @override
  void initState() {
    super.initState();
    _noteLayout = _userPrefs.noteLayoutStyle;
    _movieLayout = _userPrefs.movieLayoutStyle;
    _bookLayout = _userPrefs.bookLayoutStyle;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: const Text('布局设置'),
      ),
      body: ListView(
        children: [
          // 笔记布局
          _buildSectionHeader('笔记布局'),
          _buildLayoutOption(
            icon: Icons.view_list_outlined,
            title: '列表布局',
            subtitle: '单列列表，简洁清晰',
            value: 0,
            groupValue: _noteLayout,
            onTap: () => _setLayout('note', 0),
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
          _buildLayoutOption(
            icon: Icons.grid_view_outlined,
            title: '瀑布流布局',
            subtitle: '双列卡片，图文并茂',
            value: 1,
            groupValue: _noteLayout,
            onTap: () => _setLayout('note', 1),
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
          _buildLayoutOption(
            icon: Icons.timeline_outlined,
            title: '时间线布局',
            subtitle: '按时间排列，纵览全局',
            value: 2,
            groupValue: _noteLayout,
            onTap: () => _setLayout('note', 2),
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),

          // 影视布局
          _buildSectionHeader('影视布局'),
          _buildLayoutOption(
            icon: Icons.grid_view_outlined,
            title: '海报网格',
            subtitle: '三列海报，赏心悦目',
            value: 0,
            groupValue: _movieLayout,
            onTap: () => _setLayout('movie', 0),
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
          _buildLayoutOption(
            icon: Icons.view_list_outlined,
            title: '列表布局',
            subtitle: '单列卡片，信息一览',
            value: 1,
            groupValue: _movieLayout,
            onTap: () => _setLayout('movie', 1),
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),

          // 阅读布局
          _buildSectionHeader('阅读布局'),
          _buildLayoutOption(
            icon: Icons.grid_view_outlined,
            title: '封面网格',
            subtitle: '三列封面，清新雅致',
            value: 0,
            groupValue: _bookLayout,
            onTap: () => _setLayout('book', 0),
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
          _buildLayoutOption(
            icon: Icons.view_list_outlined,
            title: '列表布局',
            subtitle: '单列卡片，信息一览',
            value: 1,
            groupValue: _bookLayout,
            onTap: () => _setLayout('book', 1),
          ),
          const Divider(height: 0.5, indent: 24, endIndent: 24),
        ],
      ),
    );
  }

  void _setLayout(String type, int value) async {
    switch (type) {
      case 'note':
        await _userPrefs.setNoteLayoutStyle(value);
        setState(() => _noteLayout = value);
        break;
      case 'movie':
        await _userPrefs.setMovieLayoutStyle(value);
        setState(() => _movieLayout = value);
        break;
      case 'book':
        await _userPrefs.setBookLayoutStyle(value);
        setState(() => _bookLayout = value);
        break;
    }
  }

  Widget _buildSectionHeader(String title) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(24, 28, 24, 12),
      child: Text(
        title,
        style: const TextStyle(fontSize: 13, fontWeight: FontWeight.w600, color: Color(0xFF1A1A1A)),
      ),
    );
  }

  Widget _buildLayoutOption({
    required IconData icon,
    required String title,
    required String subtitle,
    required int value,
    required int groupValue,
    required VoidCallback onTap,
  }) {
    final selected = value == groupValue;
    return ListTile(
      contentPadding: const EdgeInsets.symmetric(horizontal: 24, vertical: 4),
      leading: Container(
        width: 44,
        height: 44,
        decoration: BoxDecoration(
          color: const Color(0xFFF5F5F5),
          borderRadius: BorderRadius.circular(10),
        ),
        child: Icon(icon, color: const Color(0xFF666666), size: 22),
      ),
      title: Text(
        title,
        style: const TextStyle(fontSize: 15, fontWeight: FontWeight.w500, color: Color(0xFF1A1A1A)),
      ),
      subtitle: Text(
        subtitle,
        style: const TextStyle(fontSize: 12, color: Color(0xFF999999)),
      ),
      trailing: selected
          ? const Icon(Icons.check_circle, color: Color(0xFF1A1A1A), size: 20)
          : const Icon(Icons.circle_outlined, color: Color(0xFFDDDDDD), size: 20),
      onTap: onTap,
    );
  }
}

/// WebView 页面
class WebViewPage extends StatefulWidget {
  final String url;

  const WebViewPage({super.key, required this.url});

  @override
  State<WebViewPage> createState() => _WebViewPageState();
}

class _WebViewPageState extends State<WebViewPage> {
  late final WebViewController _controller;
  bool _isLoading = true;

  @override
  void initState() {
    super.initState();
    _controller = WebViewController()
      ..setJavaScriptMode(JavaScriptMode.unrestricted)
      ..setNavigationDelegate(
        NavigationDelegate(
          onPageStarted: (String url) {
            setState(() {
              _isLoading = true;
            });
          },
          onPageFinished: (String url) {
            setState(() {
              _isLoading = false;
            });
          },
          onWebResourceError: (WebResourceError error) {
            setState(() {
              _isLoading = false;
            });
          },
        ),
      )
      ..loadRequest(Uri.parse(widget.url));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: const Text(''),
        actions: [
          IconButton(
            icon: const Icon(Icons.refresh),
            onPressed: () => _controller.reload(),
          ),
        ],
      ),
      body: Stack(
        children: [
          WebViewWidget(controller: _controller),
          if (_isLoading)
            const Center(
              child: CircularProgressIndicator(
                color: Color(0xFF999999),
              ),
            ),
        ],
      ),
    );
  }
}