import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/app_provider.dart';
import '../models/data_models.dart';
import '../utils/toast_util.dart';

/// 回收站页面
class RecycleBinPage extends StatefulWidget {
  const RecycleBinPage({super.key});

  @override
  State<RecycleBinPage> createState() => _RecycleBinPageState();
}

enum _ItemType { movie, book, note }

class _DeletedItem {
  final _ItemType type;
  final String id;
  final String title;
  final String subtitle;
  final IconData icon;
  final String typeLabel;

  _DeletedItem.movie(Movie m)
      : type = _ItemType.movie,
        id = m.id,
        title = m.title,
        subtitle = '删除于 ${m.updatedAt.year}.${m.updatedAt.month.toString().padLeft(2, '0')}.${m.updatedAt.day.toString().padLeft(2, '0')}',
        icon = Icons.movie_outlined,
        typeLabel = '影视';

  _DeletedItem.book(Book b)
      : type = _ItemType.book,
        id = b.id,
        title = b.title,
        subtitle = '删除于 ${b.updatedAt.year}.${b.updatedAt.month.toString().padLeft(2, '0')}.${b.updatedAt.day.toString().padLeft(2, '0')}',
        icon = Icons.menu_book_outlined,
        typeLabel = '书籍';

  _DeletedItem.note(Note n)
      : type = _ItemType.note,
        id = n.id,
        title = n.title.isNotEmpty ? n.title : n.summary,
        subtitle = '删除于 ${n.updatedAt.year}.${n.updatedAt.month.toString().padLeft(2, '0')}.${n.updatedAt.day.toString().padLeft(2, '0')}',
        icon = Icons.description_outlined,
        typeLabel = '笔记';
}

class _RecycleBinPageState extends State<RecycleBinPage> {
  List<_DeletedItem> _allItems = [];
  _ItemType? _filterType; // null = 全部
  bool _isLoading = true;

  List<_DeletedItem> get _filteredItems =>
      _filterType == null ? _allItems : _allItems.where((i) => i.type == _filterType).toList();

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

  Future<void> _loadDeletedItems() async {
    setState(() => _isLoading = true);
    final provider = context.read<AppProvider>();
    final movies = await provider.getDeletedMovies();
    final books = await provider.getDeletedBooks();
    final notes = await provider.getDeletedNotes();
    if (!mounted) return;
    setState(() {
      _allItems = [
        for (final m in movies) _DeletedItem.movie(m),
        for (final b in books) _DeletedItem.book(b),
        for (final n in notes) _DeletedItem.note(n),
      ];
      _isLoading = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: const Text('回收站'),
        actions: [
          if (_allItems.isNotEmpty)
            Padding(
              padding: const EdgeInsets.only(right: 12),
              child: TextButton(
                onPressed: _showClearAllDialog,
                style: TextButton.styleFrom(
                  backgroundColor: Colors.white,
                  foregroundColor: Colors.red,
                  padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 6),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(20),
                    side: const BorderSide(color: Color(0xFFFFDDDD), width: 0.5),
                  ),
                  minimumSize: Size.zero,
                ),
                child: const Text('清空', style: TextStyle(fontSize: 12, fontWeight: FontWeight.w500)),
              ),
            ),
        ],
      ),
      body: _isLoading
          ? const Center(child: CircularProgressIndicator(strokeWidth: 2, color: Color(0xFF1A1A1A)))
          : Column(
              children: [
                // 筛选标签行
                if (_allItems.isNotEmpty) _buildFilterRow(),
                // 列表
                Expanded(
                  child: _filteredItems.isEmpty
                      ? _buildEmptyState()
                      : RefreshIndicator(
                          onRefresh: _loadDeletedItems,
                          child: ListView.builder(
                            padding: const EdgeInsets.symmetric(vertical: 8),
                            itemCount: _filteredItems.length,
                            itemBuilder: (_, i) => _buildCard(_filteredItems[i]),
                          ),
                        ),
                ),
              ],
            ),
    );
  }

  Widget _buildFilterRow() {
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
      decoration: const BoxDecoration(
        border: Border(bottom: BorderSide(color: Color(0xFFEEEEEE), width: 0.5)),
      ),
      child: Wrap(
        spacing: 8,
        children: [
          _filterChip('全部', null),
          _filterChip('影视', _ItemType.movie),
          _filterChip('书籍', _ItemType.book),
          _filterChip('笔记', _ItemType.note),
        ],
      ),
    );
  }

  Widget _filterChip(String label, _ItemType? type) {
    final active = _filterType == type;
    final count = type == null ? _allItems.length : _allItems.where((i) => i.type == type).length;
    return GestureDetector(
      onTap: () => setState(() => _filterType = type),
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
        decoration: BoxDecoration(
          color: active ? const Color(0xFF1A1A1A) : const Color(0xFFF5F5F5),
          borderRadius: BorderRadius.circular(16),
        ),
        child: Text(
          '$label · $count',
          style: TextStyle(
            fontSize: 12,
            fontWeight: FontWeight.w500,
            color: active ? Colors.white : const Color(0xFF888888),
          ),
        ),
      ),
    );
  }

  Widget _buildCard(_DeletedItem item) {
    return Dismissible(
      key: Key('${item.type.name}_${item.id}'),
      direction: DismissDirection.endToStart,
      background: _buildDismissBackground(),
      confirmDismiss: (_) async => _showConfirmDialog('确定要彻底删除吗？此操作不可恢复。'),
      onDismissed: (_) => _permanentDelete(item),
      child: Container(
        margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
        decoration: BoxDecoration(
          color: const Color(0xFFFAFAFA),
          borderRadius: BorderRadius.circular(8),
          border: Border.all(color: const Color(0xFFE8E8E8), width: 0.5),
        ),
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
          child: Row(
            children: [
              Container(
                width: 40,
                height: 40,
                decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.circular(8),
                  border: Border.all(color: const Color(0xFFEEEEEE), width: 0.5),
                ),
                child: Icon(item.icon, size: 20, color: const Color(0xFF888888)),
              ),
              const SizedBox(width: 12),
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    Row(
                      children: [
                        Expanded(
                          child: Text(
                            item.title,
                            style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: Color(0xFF1A1A1A), height: 1.3),
                            maxLines: 1,
                            overflow: TextOverflow.ellipsis,
                          ),
                        ),
                        const SizedBox(width: 6),
                        Container(
                          padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 1),
                          decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(3),
                            border: Border.all(color: const Color(0xFFE8E8E8), width: 0.5),
                          ),
                          child: Text(
                            item.typeLabel,
                            style: const TextStyle(fontSize: 9, fontWeight: FontWeight.w600, color: Color(0xFF999999)),
                          ),
                        ),
                      ],
                    ),
                    const SizedBox(height: 3),
                    Text(
                      item.subtitle,
                      style: const TextStyle(fontSize: 11, color: Color(0xFFAAAAAA)),
                    ),
                  ],
                ),
              ),
              const SizedBox(width: 8),
              _actionBtn(Icons.restore, '恢复', const Color(0xFF1A1A1A), () => _restore(item)),
              const SizedBox(width: 6),
              _actionBtn(Icons.delete_outline, '删除', Colors.red, () => _permanentDelete(item)),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildDismissBackground() {
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
      decoration: BoxDecoration(
        color: Colors.red,
        borderRadius: BorderRadius.circular(8),
      ),
      alignment: Alignment.centerRight,
      padding: const EdgeInsets.only(right: 24),
      child: const Icon(Icons.delete_forever, color: Colors.white, size: 22),
    );
  }

  Widget _actionBtn(IconData icon, String tooltip, Color color, VoidCallback onTap) {
    return Material(
      color: Colors.transparent,
      child: InkWell(
        onTap: onTap,
        borderRadius: BorderRadius.circular(6),
        child: Tooltip(
          message: tooltip,
          child: Container(
            width: 32,
            height: 32,
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.circular(6),
              border: Border.all(color: const Color(0xFFEEEEEE), width: 0.5),
            ),
            child: Icon(icon, size: 16, color: color),
          ),
        ),
      ),
    );
  }

  Widget _buildEmptyState() {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Container(
            width: 72,
            height: 72,
            decoration: BoxDecoration(
              color: const Color(0xFFF8F8F8),
              borderRadius: BorderRadius.circular(18),
            ),
            child: const Icon(Icons.delete_outline, size: 32, color: Color(0xFFD5D5D5)),
          ),
          const SizedBox(height: 16),
          Text(
            _filterType == null ? '回收站是空的' : '没有删除的项目',
            style: const TextStyle(fontSize: 14, color: Color(0xFFAAAAAA)),
          ),
          const SizedBox(height: 4),
          const Text('删除的项目会显示在这里', style: TextStyle(fontSize: 12, color: Color(0xFFCCCCCC))),
        ],
      ),
    );
  }

  Future<void> _restore(_DeletedItem item) async {
    final provider = context.read<AppProvider>();
    switch (item.type) {
      case _ItemType.movie:
        await provider.restoreMovie(item.id);
        if (mounted) ToastUtil.show(context, '影视已恢复');
      case _ItemType.book:
        await provider.restoreBook(item.id);
        if (mounted) ToastUtil.show(context, '书籍已恢复');
      case _ItemType.note:
        await provider.restoreNote(item.id);
        if (mounted) ToastUtil.show(context, '笔记已恢复');
    }
    _loadDeletedItems();
  }

  Future<void> _permanentDelete(_DeletedItem item) async {
    final confirmed = await _showConfirmDialog('确定要彻底删除吗？此操作不可恢复。');
    if (!confirmed) return;
    final provider = context.read<AppProvider>();
    switch (item.type) {
      case _ItemType.movie:
        await provider.permanentDeleteMovie(item.id);
      case _ItemType.book:
        await provider.permanentDeleteBook(item.id);
      case _ItemType.note:
        await provider.permanentDeleteNote(item.id);
    }
    _loadDeletedItems();
    if (mounted) ToastUtil.show(context, '已彻底删除');
  }

  Future<bool> _showConfirmDialog(String message) async {
    final result = await showDialog<bool>(
      context: context,
      builder: (ctx) => AlertDialog(
        backgroundColor: Colors.white,
        elevation: 0,
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
        title: const Text('确认删除', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600)),
        content: Text(message, style: const TextStyle(fontSize: 14, color: Color(0xFF666666), height: 1.5)),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(ctx, false),
            style: TextButton.styleFrom(foregroundColor: const Color(0xFF666666)),
            child: const Text('取消'),
          ),
          ElevatedButton(
            onPressed: () => Navigator.pop(ctx, true),
            style: ElevatedButton.styleFrom(
              backgroundColor: Colors.red,
              foregroundColor: Colors.white,
              elevation: 0,
              shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
            ),
            child: const Text('删除'),
          ),
        ],
        actionsPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
      ),
    );
    return result ?? false;
  }

  void _showClearAllDialog() {
    final pageContext = context;
    showDialog(
      context: pageContext,
      builder: (ctx) => AlertDialog(
        backgroundColor: Colors.white,
        elevation: 0,
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
        title: const Row(
          children: [
            Icon(Icons.warning_amber_rounded, color: Colors.red, size: 22),
            SizedBox(width: 8),
            Text('清空回收站', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600)),
          ],
        ),
        content: const Text(
          '确定要清空回收站吗？所有项目将被彻底删除，此操作不可恢复。',
          style: TextStyle(fontSize: 14, color: Color(0xFF666666), height: 1.5),
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(ctx),
            style: TextButton.styleFrom(foregroundColor: const Color(0xFF666666)),
            child: const Text('取消'),
          ),
          ElevatedButton(
            onPressed: () async {
              Navigator.pop(ctx);
              await pageContext.read<AppProvider>().clearRecycleBin();
              _loadDeletedItems();
              if (mounted) ToastUtil.show(pageContext, '回收站已清空');
            },
            style: ElevatedButton.styleFrom(
              backgroundColor: Colors.red,
              foregroundColor: Colors.white,
              elevation: 0,
              shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
            ),
            child: const Text('清空'),
          ),
        ],
        actionsPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
      ),
    );
  }
}