slogan/lib/features/profile/body_tune_page.dart

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

import '../../shared/widgets/loading_view.dart';
import 'body_provider.dart';

/// 肤色选项（1-5，与后端 SkinTone 对应）
const skinToneColors = <int, Color>{
  1: Color(0xFFF6E3D4),
  2: Color(0xFFEAC9A8),
  3: Color(0xFFD9A87C),
  4: Color(0xFFB97E55),
  5: Color(0xFF8D5B38),
};

class BodyTunePage extends ConsumerStatefulWidget {
  const BodyTunePage({super.key});

  @override
  ConsumerState<BodyTunePage> createState() => _BodyTunePageState();
}

class _BodyTunePageState extends ConsumerState<BodyTunePage> {
  int _height = 170;
  int _weight = 60;
  int _skinTone = 3;
  bool _saving = false;

  @override
  void initState() {
    super.initState();
    final cur = ref.read(bodyProvider).value;
    if (cur != null) {
      _height = cur.height;
      _weight = cur.weight;
      _skinTone = cur.skinTone;
    }
  }

  Future<void> _save() async {
    setState(() => _saving = true);
    try {
      await ref
          .read(bodyProvider.notifier)
          .save(_height, _weight, _skinTone);
      if (!mounted) return;
      Fluttertoast.showToast(msg: '身形已保存');
      context.go('/home');
    } catch (e) {
      if (!mounted) return;
      Fluttertoast.showToast(
          msg: '保存失败：${e.toString().replaceFirst('Exception: ', '')}');
    } finally {
      if (mounted) setState(() => _saving = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    final body = ref.watch(bodyProvider);
    return Scaffold(
      appBar: AppBar(title: const Text('身形设置')),
      body: body.when(
        loading: () => const LoadingView(text: '加载身形参数...'),
        error: (e, _) => Center(child: Text('加载失败：$e')),
        data: (_) => ListView(
          padding: const EdgeInsets.all(16),
          children: [
            _SliderRow(
              label: '身高',
              value: '$_height cm',
              min: 145,
              max: 200,
              current: _height.toDouble(),
              onChanged: (v) => setState(() => _height = v.round()),
            ),
            _SliderRow(
              label: '体重',
              value: '$_weight kg',
              min: 40,
              max: 120,
              current: _weight.toDouble(),
              onChanged: (v) => setState(() => _weight = v.round()),
            ),
            const SizedBox(height: 16),
            const Text('肤色', style: TextStyle(fontWeight: FontWeight.bold)),
            const SizedBox(height: 8),
            Row(
              children: [
                for (var i = 1; i <= 5; i++)
                  Expanded(
                    child: GestureDetector(
                      onTap: () => setState(() => _skinTone = i),
                      child: Container(
                        height: 48,
                        margin: const EdgeInsets.symmetric(horizontal: 3),
                        decoration: BoxDecoration(
                          color: skinToneColors[i],
                          borderRadius: BorderRadius.circular(10),
                          border: Border.all(
                            width: _skinTone == i ? 3 : 1,
                            color: _skinTone == i
                                ? Theme.of(context).colorScheme.primary
                                : Colors.grey.shade300,
                          ),
                        ),
                        child: _skinTone == i
                            ? const Icon(Icons.check, color: Colors.white)
                            : null,
                      ),
                    ),
                  ),
              ],
            ),
            const SizedBox(height: 32),
            FilledButton(
              onPressed: _saving ? null : _save,
              style: FilledButton.styleFrom(
                  padding: const EdgeInsets.symmetric(vertical: 14)),
              child: _saving
                  ? const SizedBox(
                      width: 20,
                      height: 20,
                      child: CircularProgressIndicator(strokeWidth: 2))
                  : const Text('保存并生成我的 3D 化身'),
            ),
          ],
        ),
      ),
    );
  }
}

class _SliderRow extends StatelessWidget {
  final String label;
  final String value;
  final double min;
  final double max;
  final double current;
  final ValueChanged<double> onChanged;

  const _SliderRow({
    required this.label,
    required this.value,
    required this.min,
    required this.max,
    required this.current,
    required this.onChanged,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          children: [
            Text(label,
                style: const TextStyle(fontWeight: FontWeight.bold)),
            const Spacer(),
            Text(value,
                style: TextStyle(
                    color: Theme.of(context).colorScheme.primary,
                    fontWeight: FontWeight.bold)),
          ],
        ),
        Slider(
          value: current.clamp(min, max),
          min: min,
          max: max,
          divisions: (max - min).round(),
          label: value,
          onChanged: onChanged,
        ),
      ],
    );
  }
}