slogan/lib/features/profile/avatar_viewer_page.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:fluttertoast/fluttertoast.dart';

import '../../shared/widgets/avatar_viewer.dart';
import '../../shared/widgets/loading_view.dart';
import 'avatar_provider.dart';

/// 3D 化身查看页
class AvatarViewerPage extends ConsumerWidget {
  const AvatarViewerPage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final avatar = ref.watch(avatarProvider);
    return Scaffold(
      appBar: AppBar(title: const Text('我的 3D 化身')),
      body: avatar.when(
        loading: () => const LoadingView(text: '加载化身...'),
        error: (e, _) => Center(child: Text('加载失败：$e')),
        data: (a) => ListView(
          padding: const EdgeInsets.all(16),
          children: [
            AvatarViewer(
              glbUrl: a.glbUrl,
              title: '我的 3D 化身',
              subtitle: a.built
                  ? '脸型模板 ${a.faceTemplateId} · 体型模板 ${a.bodyTemplateId} · 肤色 ${a.skinToneIndex}'
                  : '尚未构建化身',
            ),
            const SizedBox(height: 12),
            Card(
              child: Padding(
                padding: const EdgeInsets.all(16),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const Text('构建说明',
                        style: TextStyle(
                            fontSize: 15, fontWeight: FontWeight.bold)),
                    const SizedBox(height: 8),
                    const Text(
                      '化身由脸型（20 档）× 体型（6 档）× 肤色（5 档）模板组合而成，'
                      '依据大头照、全身照与身形参数自动匹配。'
                      '3D 渲染在预烘焙 GLB 资产接入后启用。',
                      style: TextStyle(fontSize: 13, color: Colors.grey),
                    ),
                    const SizedBox(height: 12),
                    SizedBox(
                      width: double.infinity,
                      child: OutlinedButton.icon(
                        onPressed: () async {
                          await ref
                              .read(avatarProvider.notifier)
                              .buildAvatar();
                          if (context.mounted) {
                            Fluttertoast.showToast(msg: '化身构建完成');
                          }
                        },
                        icon: const Icon(Icons.refresh),
                        label: const Text('重新构建化身'),
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}