import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:music_player_miao/api/api_music_likes_list.dart';
import 'package:music_player_miao/api/api_music_works.dart';
import 'package:music_player_miao/common_widget/app_data.dart';
import 'package:music_player_miao/models/getLikeList_bean.dart';
import 'package:music_player_miao/view_model/home_view_model.dart';
import '../../api/api_songlist.dart';
import '../music_view.dart';
import '../../common_widget/Song_widegt.dart';
import '../../common/download_manager.dart';
import '../../models/universal_bean.dart';

/// 我的点赞页面
class MyWorkView extends StatefulWidget {
  const MyWorkView({Key? key}) : super(key: key);

  @override
  State<MyWorkView> createState() => _MyWorkViewState();
}

class _MyWorkViewState extends State<MyWorkView> {
  // 存储已点赞歌曲的列表
  List<LikeListData> likedSongs = [];
  // 是否处于多选模式
  bool _isSelectMode = false;
  // 记录每首歌曲是否被选中的状态
  List<bool> _selectedItems = [];
  // 获取全局状态管理器实例
  final listVM = Get.put(HomeViewModel());
  final downloadManager = Get.put(DownloadManager());

  @override
  void initState() {
    super.initState();
    // 页面初始化时获取点赞歌曲列表
    _fetchLikedSongs();
  }

  /// 从服务器获取用户点赞的歌曲列表
  Future<void> _fetchLikedSongs() async {
    try {
      // 调用API获取点赞列表
      LikeListBean response = await SonglistApi().getMyworks(
        Authorization: AppData().currentToken,
      );

      // 如果请求成功且数据不为空，更新状态
      if (response.code == 200 && response.data != null) {
        setState(() {
          likedSongs = response.data!;
          // 初始化选中状态列表，默认全部未选中
          _selectedItems = List.generate(likedSongs.length, (index) => false);
        });
      }
    } catch (error) {
      print('Error fetching liked songs: $error');
    }
  }

  Future<void> _deleteSong(int songId) async {
    try {
      UniversalBean response = await WorksApiMusic().worksMusic(
          musicId: songId, Authorization: AppData().currentToken);
      if (response.code != 200) {
        throw Exception('Failed to delete song');
      }
      // 删除成功后刷新列表
      await _fetchLikedSongs();
    } catch (error) {
      print('Error deleting song: $error');
      // 显示错误提示
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('删除失败，请稍后重试')),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      // 设置背景图片
      decoration: const BoxDecoration(
        image: DecorationImage(
          image: AssetImage("assets/img/app_bg.png"),
          fit: BoxFit.cover,
        ),
      ),
      child: Scaffold(
        backgroundColor: Colors.transparent,
        // 自定义应用栏
        appBar: AppBar(
          backgroundColor: Colors.transparent,
          centerTitle: true,
          elevation: 0,
          // 根据是否是多选模式显示不同的前导图标
          leading: !_isSelectMode
              ? IconButton( // 非多选模式显示返回按钮
            onPressed: () {
              Get.back(result: true);
            },
            icon: Image.asset(
              "assets/img/back.png",
              width: 25,
              height: 25,
              fit: BoxFit.contain,
            ),
          )
              : TextButton( // 多选模式显示全选按钮
            onPressed: () {
              setState(() {
                _selectedItems = List.generate(likedSongs.length, (index) => true);
              });
            },
            style: TextButton.styleFrom(
              foregroundColor: Colors.black,
              minimumSize: const Size(50, 40),
              padding: const EdgeInsets.symmetric(horizontal: 8),
            ),
            child: const Text(
              '全选',
              style: TextStyle(fontSize: 18),
            ),
          ),
          // 根据是否是多选模式显示不同的标题
          title: _isSelectMode
              ? Text(
            '已选中 ${_selectedItems.where((item) => item).length} 首歌曲',
            style: const TextStyle(
              color: Colors.black,
            ),
          )
              : const Text(
            '我的作品',
            style: TextStyle(color: Colors.black),
          ),
          // 多选模式下显示完成按钮
          actions: [
            if (_isSelectMode)
              TextButton(
                  onPressed: () {
                    setState(() {
                      _isSelectMode = false;
                      _selectedItems = List.generate(likedSongs.length, (index) => false);
                    });
                  },
                  child: const Text(
                    "完成",
                    style: TextStyle(color: Colors.black, fontSize: 18),
                  ))
          ],
        ),
        // 主体内容
        body: Container(
          decoration: const BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
          ),
          child: Column(
            children: [
              // 顶部操作栏
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 16.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    // 播放全部按钮组
                    Expanded(
                      child: Material(
                        color: Colors.transparent,
                        elevation: 0,
                        child: InkWell(
                          highlightColor: Colors.transparent, // 移除高亮效果
                          splashColor: Colors.transparent,    // 移除水波纹效果
                          onTap: likedSongs.isEmpty
                              ? null
                              : () async {
                            List<Song> songList = likedSongs
                                .map((song) => Song(
                              id: song.id ?? 0,
                              title: song.name ?? '未知歌曲',
                              artist: song.singerName ?? '未知歌手',
                              artistPic: song.coverPath ??
                                  'https://api.aspark.cc/image/1/6759856d288fd.jpg?1',
                              pic: song.coverPath ??
                                  'https://api.aspark.cc/image/1/6759856d288fd.jpg?1',
                              musicurl: song.musicPath ?? '',
                              likes: song.likes,
                              collection: song.collection,
                              mid: song.mid,
                            ))
                                .toList();

                            final result = await Navigator.push(
                              context,
                              MaterialPageRoute(
                                builder: (context) => MusicView(
                                  songList: songList,
                                  initialSongIndex: 0,
                                  onSongStatusChanged: (index, isCollected, isLiked) {
                                    setState(() {
                                      songList[index].collection = isCollected;
                                      songList[index].likes = isLiked;
                                      downloadManager.updateSongInfo(
                                        songList[index].id,
                                        isCollected,
                                        isLiked,
                                      );
                                    });
                                  },
                                ),
                              ),
                            );

                            if (result != null) {
                              _fetchLikedSongs();
                            }
                          },
                          child: Padding(
                            padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
                            child: Row(
                              children: [
                                Image.asset(
                                  "assets/img/button_play.png",
                                  width: 20,
                                  height: 20,
                                  color: likedSongs.isEmpty ? Colors.grey : null,
                                ),
                                const SizedBox(width: 8),
                                const Text(
                                  '播放全部',
                                  style: TextStyle(fontSize: 16),
                                ),
                                const SizedBox(width: 5),
                                Text(
                                  '(${likedSongs.length})',
                                  style: const TextStyle(fontSize: 16),
                                ),
                                const Spacer(),
                              ],
                            ),
                          ),
                        ),
                      ),
                    ),
                    // 多选模式切换按钮
                    // IconButton(
                    //   onPressed: likedSongs.isEmpty ? null : () {
                    //     setState(() {
                    //       _isSelectMode = !_isSelectMode;
                    //       if (!_isSelectMode) {
                    //         _selectedItems = List.generate(likedSongs.length, (index) => false);
                    //       }
                    //     });
                    //   },
                    //   icon: Image.asset(
                    //     "assets/img/list_op.png",
                    //     width: 20,
                    //     height: 20,
                    //   ),
                    // ),
                  ],
                ),
              ),
              // 歌曲列表
              Expanded(
                child: ListView.builder(
                  itemCount: likedSongs.length,
                  padding: EdgeInsets.zero,
                  itemBuilder: (context, index) {
                    final song = likedSongs[index];
                    return Dismissible(
                      key: Key(song.id.toString()),
                      direction: DismissDirection.endToStart,
                      background: Container(
                        color: Colors.red,
                        padding: const EdgeInsets.only(right: 16.0),
                        alignment: Alignment.centerRight,
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Image.asset(
                              "assets/img/delete.png",
                              width: 24,
                              height: 24,
                              color: Colors.white,
                            ),
                            const SizedBox(height: 4),
                            const Text(
                              '删除',
                              style: TextStyle(
                                color: Colors.white,
                                fontSize: 12,
                              ),
                            ),
                          ],
                        ),
                      ),
                      confirmDismiss: (direction) async {
                        return await showDialog(
                          context: context,
                          builder: (BuildContext context) {
                            return AlertDialog(
                              title: const Text('确认删除'),
                              content: Text('确定要删除 ${song.name ?? "这首歌"} 吗？'),
                              actions: <Widget>[
                                TextButton(
                                  onPressed: () => Navigator.of(context).pop(false),
                                  child: const Text(
                                    '取消',
                                    style: TextStyle(color: Color(0xff429482)),
                                  ),
                                ),
                                TextButton(
                                  onPressed: () => Navigator.of(context).pop(true),
                                  child: const Text(
                                    '确定',
                                    style: TextStyle(color: Colors.red),
                                  ),
                                ),
                              ],
                            );
                          },
                        );
                      },
                      onDismissed: (direction) {
                        if (song.id != null) {
                          // 处理删除逻辑
                          setState(() {
                            likedSongs.removeAt(index);
                            _selectedItems.removeAt(index);
                          });
                          _deleteSong(song.id!);
                        }
                      },
                      child: ListTile(
                        contentPadding: const EdgeInsets.symmetric(horizontal: 16.0),
                        // 根据是否是多选模式执行不同的点击操作
                        onTap: _isSelectMode
                            ? () {
                          setState(() {
                            _selectedItems[index] = !_selectedItems[index];
                          });
                        }
                            : () async {
                          // 创建Song对象列表用于播放
                          List<Song> songList = likedSongs.map((song) => Song(
                            id: song.id ?? 0,
                            title: song.name ?? '未知歌曲',
                            artist: song.singerName ?? '未知歌手',
                            artistPic: song.coverPath ?? 'https://api.aspark.cc/image/1/6759856d288fd.jpg?1',
                            pic: song.coverPath ?? 'https://api.aspark.cc/image/1/6759856d288fd.jpg?1',
                            musicurl: song.musicPath ?? '',
                            likes: song.likes,
                            collection: song.collection,
                            mid: song.mid,
                          )).toList();

                          // 导航到音乐播放页面
                          final result = await Navigator.push(
                            context,
                            MaterialPageRoute(
                              builder: (context) => MusicView(
                                songList: songList,
                                initialSongIndex: index,
                                // 歌曲状态变化回调
                                onSongStatusChanged: (index, isCollected, isLiked) {
                                  setState(() {
                                    songList[index].collection = isCollected;
                                    songList[index].likes = isLiked;
                                    downloadManager.updateSongInfo(
                                      songList[index].id,
                                      isCollected,
                                      isLiked,
                                    );
                                  });
                                },
                              ),
                            ),
                          );

                          // 从播放页面返回时刷新列表
                          if (result != null) {
                            _fetchLikedSongs();
                          }
                        },
                        // 歌曲列表项布局
                        title: Row(
                          children: [
                            // 多选模式下显示复选框
                            if (_isSelectMode)
                              Checkbox(
                                value: _selectedItems[index],
                                onChanged: (value) {
                                  setState(() {
                                    _selectedItems[index] = value!;
                                  });
                                },
                                shape: const CircleBorder(),
                                activeColor: const Color(0xff429482),
                              ),
                            // 歌曲封面图
                            ClipRRect(
                              borderRadius: BorderRadius.circular(10),
                              child: Image.network(
                                song.coverPath ?? '',
                                width: 60,
                                height: 60,
                                fit: BoxFit.cover,
                                errorBuilder: (context, error, stackTrace) {
                                  return Image.asset(
                                    "assets/img/artist_pic.png",
                                    width: 60,
                                    height: 60,
                                  );
                                },
                              ),
                            ),
                            const SizedBox(width: 12),
                            // 歌曲信息
                            Expanded(
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    song.name ?? '未知歌曲',
                                    maxLines: 1,
                                    overflow: TextOverflow.ellipsis,
                                    style: const TextStyle(
                                      fontSize: 16,
                                      color: Colors.black,
                                    ),
                                  ),
                                  Text(
                                    song.singerName ?? '未知歌手',
                                    maxLines: 1,
                                    overflow: TextOverflow.ellipsis,
                                    style: const TextStyle(
                                      fontSize: 14,
                                      color: Colors.black54,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                      ),
                    );
                  },
                ),
              ),
            ],
          ),
        ),
        // 多选模式下显示底部操作栏
        bottomNavigationBar: _isSelectMode
            ? BottomAppBar(
          height: 140,
          child: SingleChildScrollView(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                // 底部操作按钮
                Padding(
                  padding: const EdgeInsets.symmetric(vertical: 8),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: [
                      // "添加到"按钮
                      Expanded(
                        child: InkWell(
                          onTap: () {
                            // TODO: 实现添加到功能
                          },
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              SizedBox(
                                width: 25,
                                height: 25,
                                child: Image.asset("assets/img/add.png"),
                              ),
                              const SizedBox(width: 4),
                              const Text("添加到"),
                            ],
                          ),
                        ),
                      ),
                      // 分隔线
                      Container(
                        height: 50,
                        width: 2,
                        color: const Color(0xff429482),
                      ),
                      // "删除"按钮
                      Expanded(
                        child: InkWell(
                          onTap: () {
                            // TODO: 实现批量删除功能
                          },
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              SizedBox(
                                width: 22,
                                height: 22,
                                child: Image.asset("assets/img/delete.png"),
                              ),
                              const SizedBox(width: 4),
                              const Text("删除"),
                            ],
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
                // 取消按钮
                ElevatedButton(
                  onPressed: () {
                    setState(() {
                      _isSelectMode = false;
                      _selectedItems = List.generate(likedSongs.length, (index) => false);
                    });
                  },
                  style: ElevatedButton.styleFrom(
                    backgroundColor: const Color(0xff429482),
                    padding: const EdgeInsets.symmetric(vertical: 14),
                    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
                    shape: const RoundedRectangleBorder(
                      borderRadius: BorderRadius.zero,
                    ),
                  ),
                  child: const Text(
                    '取消',
                    style: TextStyle(color: Colors.black, fontSize: 16),
                  ),
                ),
              ],
            ),
          ),
        )
            : null,
      ),
    );
  }
}