import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../../common_widget/app_data.dart';
import '../../models/getAllSongs_bean.dart';
import '../../view_model/home_view_model.dart';
import '../../api/api_songlist.dart';
import '../../api/api_songlist.dart';

List<T> flatten<T>(Iterable<Iterable<T>> iterable) {
  return iterable.expand((inner) => inner).toList();
}

class MyMusicView extends StatefulWidget {
  final int? songlistIdd;

  const MyMusicView({Key? key, this.songlistIdd}) : super(key: key);

  @override
  State<MyMusicView> createState() => _MyMusicViewState();
}

class _MyMusicViewState extends State<MyMusicView> {
  int songsNum = 0;
  List songlistId = [];
  List musicDetail = [];
  List name = [];
  List coverPath = [];
  List musicPath = [];
  List singerName = [];
  List uploadUserName = [];

  final listVM = Get.put(HomeViewModel());
  bool _isSelectMode = false;
  final List<bool> _mySongListSelections = List.generate(2, (index) => false);
  List<bool> _selectedItems = List.generate(10, (index) => false);

//修改从这开始
  @override
  void initState() {
    super.initState();
    if (widget.songlistIdd != null) {
      _fetchMyWorksData();
    } else {
      // 处理 songlistIdd 为 null 的情况，例如显示错误消息或不执行数据获取
      print('Songlist ID is null, cannot fetch data.');
    }
  }

  ///获取我的作品
  Future<void> _fetchMyWorksData() async {
    try {
      MyMusicListBean bean2 = await SonglistApi().getAllSongs(
        id: widget.songlistIdd!,
        Authorization: AppData().currentToken,
      );

      setState(() {
        // 初始化列表
        name = [];
        coverPath = [];
        musicPath = [];
        singerName = [];
        songlistId = [];

        // 遍历每个DataBean对象
        bean2.data?.forEach((dataBean) {
          // 提取songlistId
          songlistId.add(dataBean.songlistId);

          // 提取musicDetail对象
          SongDetails songDetails = dataBean.musicDetail!;

          // 添加歌曲信息到列表
          name.add(songDetails.name);
          coverPath.add(songDetails.coverPath);
          musicPath.add(songDetails.musicPath);
          singerName.add(songDetails.singerName);
        });

        songsNum = name.length; // 歌曲数量
        print('赋值开始');
        print('赋值结束');
      });
    } catch (error) {
      print('Error fetching myworks data: $error');
    }
  }

  //在这里结束

  void _toggleSelectMode() {
    setState(() {
      _isSelectMode = !_isSelectMode;
      if (!_isSelectMode) {
        _selectedItems = List.generate(10, (index) => false);
      }
    });
  }

  void _selectAll() {
    setState(() {
      _selectedItems = List.generate(10, (index) => true);
    });
  }

  void _showSelectionDialog() {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(10),
          ),
          title: Row(
            children: [
              const Text(
                "添加到",
              ),
              Text(
                '(${_selectedItems.where((item) => item).length} 首)',
                style: const TextStyle(color: Color(0xff429482), fontSize: 16),
              )
            ],
          ),
          content: SingleChildScrollView(
            physics: const BouncingScrollPhysics(),
            child: Column(
              children: [
                for (int i = 0; i < _mySongListSelections.length; i++)
                  _buildSongListTile(i),
              ],
            ),
          ),
          actions: [
            TextButton(
              onPressed: () {
                Navigator.of(context).pop();
              },
              style: TextButton.styleFrom(
                backgroundColor: const Color(0xff429482),
                minimumSize: const Size(130, 50),
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(5.0),
                ),
              ),
              child: const Text(
                "取消",
                style: TextStyle(color: Colors.white),
              ),
            ),
            TextButton(
              onPressed: () {},
              style: TextButton.styleFrom(
                backgroundColor: const Color(0xff429482),
                minimumSize: const Size(130, 50),
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(5.0),
                ),
              ),
              child: const Text(
                "保存",
                style: TextStyle(color: Colors.white),
              ),
            ),
          ],
        );
      },
    );
  }

  Widget _buildSongListTile(int index) {
    return ListTile(
      title: Text("我的歌单 $index"),
      trailing: Checkbox(
        value: _mySongListSelections[index],
        onChanged: (value) {
          setState(() {
            _mySongListSelections[index] = value ?? false;
          });
        },
        shape: const CircleBorder(),
        activeColor: const Color(0xff429482),
      ),
      onTap: () {
        setState(() {
          _mySongListSelections[index] = !_mySongListSelections[index];
        });
      },
    );
  }

  @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: _selectAll,
                  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(10, (index) => false);
                    });
                  },
                  child: const Text(
                    "完成",
                    style: TextStyle(color: Colors.black, fontSize: 18),
                  ))
          ],
        ),
        body: Container(
          padding: const EdgeInsets.only(left: 10),
          decoration: const BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
          ),
          child: Column(
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Row(
                    children: [
                      IconButton(
                        onPressed: () {},
                        icon: Image.asset(
                          "assets/img/button_play.png",
                          width: 20,
                          height: 20,
                        ),
                      ),
                      const Text(
                        '播放全部',
                        style: TextStyle(fontSize: 16),
                      ),
                      const SizedBox(
                        width: 5,
                      ),
                      const Text(
                        '50',
                        style: TextStyle(fontSize: 16),
                      ),
                    ],
                  ),
                  IconButton(
                    onPressed: _toggleSelectMode,
                    icon: Image.asset(
                      "assets/img/list_op.png",
                      width: 20,
                      height: 20,
                    ),
                  ),
                ],
              ),
              Expanded(
                child: songsNum == 0
                    ? Center(child: Text('该歌单为空')) // 如果没有作品，显示提示文本
                    : ListView.builder(
                        itemCount: songsNum,
                        itemBuilder: (BuildContext context, int index) {
                          return Container(
                            padding: const EdgeInsets.symmetric(vertical: 5.0),
                            child: ListTile(
                              leading: _isSelectMode
                                  ? Checkbox(
                                      value: _selectedItems[index],
                                      onChanged: (value) {
                                        setState(() {
                                          _selectedItems[index] = value!;
                                        });
                                      },
                                      shape: const CircleBorder(),
                                      activeColor: const Color(0xff429482),
                                    )
                                  : CircleAvatar(
                                      backgroundImage:
                                          NetworkImage(coverPath[index]),
                                      // 假设封面路径是网络资源
                                      radius: 25,
                                    ),
                              title:
                                  Text('${name[index]} - ${singerName[index]}'),
                              // 显示歌曲名和歌手名
                              trailing: _isSelectMode
                                  ? null
                                  : IconButton(
                                      icon: const Icon(Icons.more_vert),
                                      onPressed: () {
                                        _bottomSheet(context);
                                      },
                                    ),
                            ),
                          );
                        },
                      ),
              ),
            ],
          ),
        ),
        bottomNavigationBar: _isSelectMode
            ? BottomAppBar(
                child: SizedBox(
                  height: 127.0,
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.stretch,
                    children: [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceAround,
                        children: [
                          Row(
                            children: [
                              IconButton(
                                onPressed: () {
                                  _showSelectionDialog();
                                },
                                icon: Image.asset("assets/img/list_add.png"),
                                iconSize: 60,
                              ),
                              const Text("添加到"),
                            ],
                          ),
                          Container(
                            height: 50,
                            width: 2,
                            color: const Color(0xff429482),
                          ),
                          Row(
                            children: [
                              IconButton(
                                onPressed: () {},
                                icon:
                                    Image.asset("assets/img/list_download.png"),
                                iconSize: 60,
                              ),
                              const Text("下载"),
                            ],
                          ),
                        ],
                      ),
                      ElevatedButton(
                        onPressed: () {
                          setState(() {
                            _isSelectMode = false;
                            _selectedItems =
                                List.generate(10, (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,
      ),
    );
  }

  Future _bottomSheet(BuildContext context) {
    return showModalBottomSheet(
        context: context,
        backgroundColor: Colors.white,
        shape: const RoundedRectangleBorder(
            borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
        builder: (context) => Container(
              height: 210,
              padding: const EdgeInsets.only(top: 20),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                      Column(
                        children: [
                          IconButton(
                            onPressed: () {},
                            icon: Image.asset("assets/img/list_remove.png"),
                            iconSize: 60,
                          ),
                          const Text("从歌单移除")
                        ],
                      ),
                      Column(
                        children: [
                          IconButton(
                            onPressed: () {},
                            icon: Image.asset("assets/img/list_download.png"),
                            iconSize: 60,
                          ),
                          const Text("下载")
                        ],
                      ),
                      Column(
                        children: [
                          IconButton(
                            onPressed: () {},
                            icon: Image.asset("assets/img/list_collection.png"),
                            iconSize: 60,
                          ),
                          const Text("收藏")
                        ],
                      ),
                      Column(
                        children: [
                          IconButton(
                            onPressed: () {},
                            icon: Image.asset("assets/img/list_good.png"),
                            iconSize: 60,
                          ),
                          const Text("点赞")
                        ],
                      ),
                      Column(
                        children: [
                          IconButton(
                            onPressed: () {},
                            icon: Image.asset("assets/img/list_comment.png"),
                            iconSize: 60,
                          ),
                          const Text("评论")
                        ],
                      ),
                    ],
                  ),
                  const SizedBox(
                    height: 10,
                  ),
                  ElevatedButton(
                    onPressed: () {
                      // Get.to(()=>const MusicView());
                    },
                    style: ElevatedButton.styleFrom(
                      backgroundColor: const Color(0xffE6F4F1),
                      padding: const EdgeInsets.symmetric(vertical: 8),
                      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
                      shape: const RoundedRectangleBorder(
                        borderRadius: BorderRadius.zero,
                      ),
                    ),
                    child: const Text(
                      "查看详情页",
                      style: TextStyle(color: Colors.black, fontSize: 18),
                    ),
                  ),
                  ElevatedButton(
                    onPressed: () => Navigator.pop(context),
                    style: ElevatedButton.styleFrom(
                      backgroundColor: const Color(0xff429482),
                      padding: const EdgeInsets.symmetric(vertical: 8),
                      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
                      shape: const RoundedRectangleBorder(
                        borderRadius: BorderRadius.zero,
                      ),
                    ),
                    child: const Text(
                      "取消",
                      style: TextStyle(color: Colors.black, fontSize: 18),
                    ),
                  ),
                ],
              ),
            ));
  }
}