import 'package:app/router/route_paths.dart';
import 'package:app/widgets/base/button/index.dart';
import 'package:app/widgets/base/card/g_card.dart';
import 'package:app/widgets/base/config/config.dart';
import 'package:app/widgets/base/tag/index.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:remixicon/remixicon.dart';

class TodayCard extends StatelessWidget {
  const TodayCard({super.key});

  @override
  Widget build(BuildContext context) {
    ///  item
    Widget item({
      required String title,
      required String value,
      required IconData icon,
      required Color color,
    }) {
      return Expanded(
        child: Container(
          padding: EdgeInsets.all(10),
          decoration: BoxDecoration(
            color: color.withValues(alpha: 0.2),
            borderRadius: BorderRadius.circular(10),
          ),
          child: Row(
            spacing: 10,
            children: [
              Container(
                width: 45,
                height: 45,
                decoration: BoxDecoration(
                  color: color,
                  borderRadius: BorderRadius.circular(10),
                ),
                child: Icon(
                  icon,
                  color: Colors.white,
                ),
              ),
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(title, style: Theme.of(context).textTheme.labelLarge),
                  Text(value),
                ],
              ),
            ],
          ),
        ),
      );
    }

    return GCard(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      spacing: 10,
                      children: [
                        Text("高三数学冲刺班"),
                        Tag(text: "待开始"),
                      ],
                    ),
                    Container(
                      margin: EdgeInsets.only(top: 5),
                      child: Text(
                        "和学生们一起专注学习、共同进步",
                        style: Theme.of(context).textTheme.labelMedium,
                      ),
                    ),
                  ],
                ),
              ),
              Icon(RemixIcons.arrow_right_s_line, size: 30),
            ],
          ),
          Container(
            margin: EdgeInsets.only(top: 30),
            child: Row(
              spacing: 15,
              children: [
                item(
                  title: "开始时间",
                  value: "14:00",
                  icon: RemixIcons.time_line,
                  color: Color(0xff2b7efd),
                ),
                item(
                  title: "学生人数",
                  value: "8 名",
                  icon: RemixIcons.group_line,
                  color: Color(0xff00c74f),
                ),
                item(
                  title: "时长",
                  value: "120 分钟",
                  icon: RemixIcons.book_open_line,
                  color: Color(0xffac45fd),
                ),
              ],
            ),
          ),
          Container(
            margin: EdgeInsets.only(top: 30),
            height: 45,
            child: Button(
              text: "开始自习室",
              type: ThemeType.success,
              onPressed: () {
                context.push(RoutePaths.tRoom);
              },
            ),
          ),
        ],
      ),
    );
  }
}