src/pages/SeedList/SeedDetail/SeedDetail.jsx

import React, { useEffect, useState } from 'react';
import axios from 'axios';
import { useParams } from 'wouter';
import Header from '../../../components/Header';
import './SeedDetail.css';
import { useUser } from '../../../context/UserContext';


const SeedDetail = () => {
  const params = useParams();
  const seed_id = params.id;

  const [seed, setSeed] = useState(null);
  const [coverImage, setCoverImage] = useState(null);
  const [error, setError] = useState(null);
  const [comments, setComments] = useState([]);
  const [newComment, setNewComment] = useState('');

  const { user } = useUser();


  // 格式化图片 URL
  const formatImageUrl = (url) => {
    if (!url) return '';
    const filename = url.split('/').pop();
    return `http://localhost:5011/uploads/torrents/${filename}`;
  };

  useEffect(() => {
    if (!seed_id) {
      setError('无效的种子ID');
      return;
    }

    const fetchSeedDetail = async () => {
      try {
        const res = await axios.post(`/seeds/info/${seed_id}`);
        if (res.data.code === 0) {
          const seedData = res.data.data;

          // 处理封面图
          let cover = seedData.imageUrl;
          if (!cover && seedData.imgUrl) {
            const imgs = seedData.imgUrl
              .split(',')
              .map((i) => i.trim())
              .filter(Boolean);
            cover = imgs.length > 0 ? formatImageUrl(imgs[0]) : null;
          }
          setCoverImage(cover);
          setSeed(seedData);
          setError(null);
        } else {
          setError('未能获取种子信息');
        }
      } catch (err) {
        console.error('请求种子详情出错:', err);
        setError('获取种子详情失败');
      }
    };

    const fetchComments = async () => {
      try {
        const res = await axios.get(`/seeds/${seed_id}/comments`);
        if (res.data.code === 0) {
          setComments(res.data.data || []);
        } else {
          setComments([]);
        }
      } catch {
        setComments([]);
      }
    };

    fetchSeedDetail();
    fetchComments();
  }, [seed_id]);

 const handleDownload = async (seedId) => {
        if (!user || !user.userId) {
            alert('请先登录再下载种子文件');
            return;
        }

        try {
            const response = await axios.get(`/seeds/${seedId}/download`, {
                params: {
                    passkey: user.userId,
                },
                responseType: 'blob'
            });

            const blob = new Blob([response.data], { type: 'application/x-bittorrent' });
            const downloadUrl = URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = downloadUrl;
            a.download = `${seedId}.torrent`;
            a.click();
            URL.revokeObjectURL(downloadUrl);
        } catch (error) {
            console.error('下载失败:', error);
            alert('下载失败，请稍后再试。');
        }
    };


  const handleCollect = () => {
    alert('已收藏');
  };

  const handleAddComment = () => {
    if (newComment.trim()) {
      setComments([...comments, { content: newComment, user: '用户' }]);
      setNewComment('');
    }
  };

  if (error) {
    return (
      <div className="seed-detail-page">
        <Header />
        <div className="seed-detail">
          <p className="error-text">{error}</p>
        </div>
      </div>
    );
  }

  if (!seed) {
    return (
      <div className="seed-detail-page">
        <Header />
        <div className="seed-detail">
          <p>加载中...</p>
        </div>
      </div>
    );
  }

  const tags = seed.tags
    ? Array.isArray(seed.tags)
      ? seed.tags
      : typeof seed.tags === 'string'
      ? seed.tags.split(',').map((t) => t.trim())
      : []
    : [];

  const actors = seed.actors
    ? Array.isArray(seed.actors)
      ? seed.actors
      : typeof seed.actors === 'string'
      ? seed.actors.split(',').map((a) => a.trim())
      : []
    : [];

  return (
    <div className="seed-detail-page">
      <Header />
      <div className="seed-detail">
        <h1>{seed.title}</h1>
        <div className="seed-header-container">
          <div className="seed-info">
            <div className="seed-basic-info">
              <p><strong>分类：</strong>{seed.category || '未知'}</p>
              <p><strong>发布时间：</strong>{seed.upload_time ? new Date(seed.upload_time).toLocaleString() : '未知'}</p>
              <p><strong>标签：</strong>{tags.join(' / ')}</p>
              <p><strong>简介：</strong>{seed.description || '无'}</p>
              <p><strong>大小：</strong>{seed.size || '未知'}</p>
              <p><strong>分辨率：</strong>{seed.resolution || '未知'}</p>
              <p><strong>片长：</strong>{seed.duration || '未知'}</p>
              <p><strong>地区：</strong>{seed.region || '未知'}</p>
              <p><strong>下载次数：</strong>{seed.downloads ?? 0}</p>
            </div>
            {(seed.category === '电影' || seed.category === '电视剧') && (
              <div className="seed-media-info">
                <p><strong>导演：</strong>{seed.director || '未知'}</p>
                <p><strong>编剧：</strong>{seed.writer || '未知'}</p>
                <p><strong>主演：</strong>{actors.join(' / ')}</p>
              </div>
            )}
          </div>
          <img
            src={coverImage || '/default-cover.png'}
            alt={seed.title}
            className="cover-image"
          />
        </div>
        <div className="action-buttons">
          <button className="btn" onClick={() => handleDownload(seed.id)}>下载</button>
          <button className="btn" onClick={handleCollect}>收藏</button>
        </div>
        <hr className="divider" />
        <h3>评论区</h3>
        <div className="comments-section">
          <div className="comments-list">
            {comments.map((comment, index) => (
              <div key={index} className="comment">
                <p className="comment-user">{comment.user}</p>
                <p className="comment-content">{comment.content}</p>
              </div>
            ))}
          </div>
          <div className="add-comment-form">
            <textarea
              placeholder="输入你的评论..."
              value={newComment}
              onChange={(e) => setNewComment(e.target.value)}
            />
            <div className="comment-options">
              <button className="btn" onClick={handleAddComment}>发布评论</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default SeedDetail;