import 'package:doublefeel_flutter/app/modules/watch_theme/models/watch_theme_models.dart';
import 'package:doublefeel_flutter/core/util/size_extensions.dart';
import 'package:flutter/material.dart';

import 'watch_theme_character_avatar.dart';
import 'watch_theme_section_card.dart';

class StatusPreviewCard extends StatelessWidget {
  final WatchThemeItem themeItem;
  const StatusPreviewCard({super.key, required this.themeItem});

  @override
  Widget build(BuildContext context) {
    return WatchThemeSectionCard(
      padding: EdgeInsets.fromLTRB(20.dp, 20.dp, 20.dp, 17.dp),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          const WatchThemeSectionTitle('状态预览'),
          SizedBox(height: 24.dp),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: _previewItemView(),
          ),
        ],
      ),
    );
  }

  List<Widget> _previewItemView() {
    final infoList = themeItem.infoList;
    return [
      for (var i = 0; i < infoList.length; i++)
        Column(
          children: [
            WatchThemeCharacterAvatar(
              size: 60,
              assetPath: infoList[i].assetPath,
              imageUrl: infoList[i].imgUrl,
            ),
            SizedBox(height: 4.dp),
            Text(
              i < infoList.length ? infoList[i].title : '',
              style: TextStyle(
                color: defaultThemeTemplates[i].color,
                fontSize: 12.dp,
                fontWeight: FontWeight.w400,
              ),
            ),
          ],
        ),
    ];
  }
}