"""
CreatorProfile头像字段使用示例

演示如何在Django项目中使用avatar字段来处理本地图片和外部URL
"""

from django.core.files.uploadedfile import SimpleUploadedFile
from apps.daren_detail.models import CreatorProfile
from django.conf import settings
import os

def create_creator_with_local_avatar():
    """创建一个使用本地图片作为头像的创作者"""
    
    # 方式1：通过Django admin或表单上传图片
    # 用户上传图片后，Django会自动保存到 MEDIA_ROOT/avatars/ 目录
    creator = CreatorProfile.objects.create(
        name="张三",
        category="Beauty & Personal Care",
        followers=10000
    )
    
    # 假设有一个图片文件
    # with open('path/to/image.jpg', 'rb') as f:
    #     creator.avatar.save('zhang_san.jpg', f)
    
    print(f"创作者: {creator.name}")
    print(f"头像URL: {creator.get_avatar_url()}")
    
    return creator

def create_creator_with_external_url():
    """创建一个使用外部URL作为头像的创作者"""
    
    creator = CreatorProfile.objects.create(
        name="李四",
        avatar_url="https://example.com/avatar.jpg",
        category="Fashion Accessories",
        followers=20000
    )
    
    print(f"创作者: {creator.name}")
    print(f"头像URL: {creator.get_avatar_url()}")
    
    return creator

def create_creator_with_both():
    """创建一个既有本地图片又有外部URL的创作者（优先使用本地图片）"""
    
    creator = CreatorProfile.objects.create(
        name="王五",
        avatar_url="https://example.com/backup-avatar.jpg",
        category="Sports & Outdoor",
        followers=30000
    )
    
    # 如果后来上传了本地图片，会优先使用本地图片
    # creator.avatar.save('wang_wu.jpg', image_file)
    
    print(f"创作者: {creator.name}")
    print(f"头像URL: {creator.get_avatar_url()}")
    
    return creator

# API使用示例
def api_response_example():
    """API响应示例"""
    
    # 在视图中使用序列化器
    from apps.daren_detail.serializers import CreatorProfileSerializer
    from django.http import HttpRequest
    
    creator = CreatorProfile.objects.first()
    
    # 创建一个模拟的request对象
    request = HttpRequest()
    request.META['HTTP_HOST'] = 'localhost:8000'
    request.META['wsgi.url_scheme'] = 'http'
    
    serializer = CreatorProfileSerializer(creator, context={'request': request})
    data = serializer.data
    
    print("API响应示例:")
    print(f"名称: {data['name']}")
    print(f"本地头像字段: {data.get('avatar')}")
    print(f"外部头像URL: {data.get('avatar_url')}")
    print(f"实际显示URL: {data.get('avatar_display_url')}")

# 前端使用示例（JavaScript）
frontend_example = """
// 前端JavaScript使用示例

// 获取创作者数据
fetch('/api/daren_detail/creators/1/')
  .then(response => response.json())
  .then(data => {
    // 显示头像
    const avatarImg = document.getElementById('avatar');
    
    // 使用avatar_display_url字段，它会自动选择合适的URL
    if (data.avatar_display_url) {
      avatarImg.src = data.avatar_display_url;
      avatarImg.style.display = 'block';
    } else {
      // 如果没有头像，显示默认头像
      avatarImg.src = '/static/images/default-avatar.png';
    }
    
    // 或者可以检查具体的字段类型
    if (data.avatar) {
      // 这是本地上传的图片
      console.log('使用本地头像:', data.avatar);
    } else if (data.avatar_url) {
      // 这是外部URL
      console.log('使用外部头像:', data.avatar_url);
    }
  });

// 上传头像示例
function uploadAvatar(file, creatorId) {
  const formData = new FormData();
  formData.append('avatar', file);
  
  fetch(`/api/daren_detail/creators/${creatorId}/`, {
    method: 'PATCH',
    body: formData,
    headers: {
      'X-CSRFToken': getCookie('csrftoken')  // CSRF令牌
    }
  })
  .then(response => response.json())
  .then(data => {
    console.log('头像上传成功:', data.avatar_display_url);
    // 更新页面上的头像显示
    document.getElementById('avatar').src = data.avatar_display_url;
  })
  .catch(error => {
    console.error('头像上传失败:', error);
  });
}
"""

if __name__ == "__main__":
    print("CreatorProfile头像字段使用示例")
    print("="*50)
    print()
    print("1. 支持本地图片上传到 media/avatars/ 目录")
    print("2. 支持外部URL链接")
    print("3. get_avatar_url() 方法优先返回本地图片URL")
    print("4. 序列化器提供avatar_display_url字段用于前端显示")
    print()
    print("前端JavaScript示例:")
    print(frontend_example)