deepvoice_client/lib/modules/agent/views/music_card.dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../controllers/agent_controller.dart';

/// 构建音乐项目
Widget buildMusicItem(BuildContext context, String id, String name, String url,
    String singer, String image) {
  final controller = Get.find<AgentController>(); // 获取控制器
  final isDarkMode = Theme.of(context).brightness == Brightness.dark;

  Map<String, String> song = {
    'id': id,
    'url': url,
    'title': name,
    'artist': singer,
    'coverUrl': image,
  };
  controller.musicStatus(); //刷新状态
  return Container(
    padding: const EdgeInsets.all(14),
    decoration: BoxDecoration(
      color: isDarkMode ? Color(0xFF1E1E1E) : Colors.white,
      borderRadius: BorderRadius.circular(12),
      boxShadow: [
        BoxShadow(
          color: Colors.black.withOpacity(isDarkMode ? 0.2 : 0.03),
          blurRadius: 3,
          spreadRadius: 1,
          offset: const Offset(0, 1),
        ),
      ],
    ),
    child: Row(
      children: [
        Container(
          width: 50,
          height: 50,
          decoration: BoxDecoration(
            color: Colors.grey[100],
            borderRadius: BorderRadius.circular(8),
            image: image.isNotEmpty
                ? DecorationImage(
                    image: NetworkImage(image),
                    fit: BoxFit.cover,
                  )
                : null,
          ),
          child: image.isEmpty
              ? Icon(
                  Icons.music_note,
                  size: 18,
                  color: Theme.of(context).primaryColor,
                )
              : null,
        ),
        const SizedBox(width: 12),
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                name,
                style: TextStyle(
                  fontSize: 13,
                  fontWeight: FontWeight.w500,
                  color: Colors.grey[800],
                ),
                overflow: TextOverflow.ellipsis,
              ),
              SizedBox(height: 2),
              Text(
                singer,
                style: TextStyle(
                  fontSize: 12,
                  color: Colors.grey[600],
                ),
                overflow: TextOverflow.ellipsis,
              ),
            ],
          ),
        ),
        Obx(() {
          final isThisPlaying =
              controller.isPlaying.value && controller.currentUrl.value == url;

          return IconButton(
            onPressed: () {
              if (controller.isPlaying.value) {
                if (controller.currentUrl.value == url) {
                  controller.musicPause();
                } else {
                  controller.musicPlay(song);
                }
              } else {
                if (controller.currentUrl.value == url) {
                  controller.musicResume();
                } else {
                  controller.musicPlay(song);
                }
              }
            },
            icon: Icon(
              isThisPlaying ? Icons.pause_circle : Icons.play_circle,
              color: Theme.of(context).primaryColor,
            ),
            padding: EdgeInsets.zero,
            constraints: BoxConstraints(),
            iconSize: 36,
          );
        }),
      ],
    ),
  );
}

/// 构建音乐内容卡片
Widget buildMusicContent(
    BuildContext context, List<Map<String, dynamic>> playlist) {
  final isDarkMode = Theme.of(context).brightness == Brightness.dark;

  return Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Text(
        '以下是一些推荐的音乐:',
        style: TextStyle(
          color: isDarkMode ? Colors.white.withOpacity(0.9) : Colors.black87,
          fontSize: 14,
          height: 1.4,
          fontWeight: FontWeight.w400,
        ),
      ),
      const SizedBox(height: 12),
      // Container(
      //   padding: const EdgeInsets.all(12),
      //   decoration: BoxDecoration(
      //     color: Colors.white,
      //     borderRadius: BorderRadius.circular(12),
      //     boxShadow: [
      //       BoxShadow(
      //         color: Colors.black.withOpacity(0.03),
      //         blurRadius: 3,
      //         spreadRadius: 1,
      //         offset: const Offset(0, 1),
      //       ),
      //     ],
      //   ),
      // child:
      Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(
                Icons.music_note,
                size: 16,
                color: Theme.of(context).primaryColor.withOpacity(0.7),
              ),
              const SizedBox(width: 6),
              Text(
                '播放列表'.tr,
                style: TextStyle(
                  fontSize: 13,
                  fontWeight: FontWeight.w600,
                  color: Theme.of(context).brightness == Brightness.dark
                      ? Colors.grey[300]
                      : Colors.grey[700],
                ),
              ),
            ],
          ),
          const SizedBox(height: 10),

          // 动态生成音乐条目
          ...playlist.asMap().entries.take(4).map((entry) {
            final index = entry.key;
            final item = entry.value;
            final id = item["id"]?.toString() ?? "";
            final name = item["name"] ?? "未知歌曲";
            final url = item["url"] ?? "";
            final singer = item["sgener"] ?? "未知歌手";
            final image = item["image"] ?? "";
            return Column(
              children: [
                buildMusicItem(context, id, name, url, singer, image),
                if (index != playlist.length - 1)
                  Divider(
                    height: 1,
                    thickness: 1,
                    color: Theme.of(context).brightness == Brightness.dark
                        ? Colors.grey[800]
                        : Colors.grey[100],
                  ),
              ],
            );
          }).toList(),
          const SizedBox(height: 8),
          Center(
            child: TextButton(
              onPressed: () {},
              style: TextButton.styleFrom(
                minimumSize: Size.zero,
                padding: EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                tapTargetSize: MaterialTapTargetSize.shrinkWrap,
              ),
              child: Text(
                '查看更多推荐',
                style: TextStyle(
                  fontSize: 12,
                  color: Theme.of(context).primaryColor,
                  fontWeight: FontWeight.w500,
                ),
              ),
            ),
          ),
        ],
      ),
      //),
      //const SizedBox(height: 10),
      // Row(
      //   mainAxisSize: MainAxisSize.min,
      //   children: [
      //     Expanded(
      //       child: OutlinedButton.icon(
      //         onPressed: () {},
      //         icon: Icon(Icons.play_arrow, size: 16),
      //         label: Text('播放全部'),
      //         style: OutlinedButton.styleFrom(
      //           foregroundColor: Theme.of(context).primaryColor,
      //           side: BorderSide(
      //               color: Theme.of(context).primaryColor.withOpacity(0.5)),
      //           padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      //           shape: RoundedRectangleBorder(
      //             borderRadius: BorderRadius.circular(16),
      //           ),
      //           textStyle: TextStyle(fontSize: 12),
      //         ),
      //       ),
      //     ),
      //     SizedBox(width: 8),
      //     Expanded(
      //       child: OutlinedButton.icon(
      //         onPressed: () {},
      //         icon: Icon(Icons.shuffle, size: 16),
      //         label: Text('随机播放'),
      //         style: OutlinedButton.styleFrom(
      //           foregroundColor: Colors.grey[700],
      //           side: BorderSide(color: Colors.grey[400]!),
      //           padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      //           shape: RoundedRectangleBorder(
      //             borderRadius: BorderRadius.circular(16),
      //           ),
      //           textStyle: TextStyle(fontSize: 12),
      //         ),
      //       ),
      //     ),
      //   ],
      // ),
    ],
  );
}