import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:dating_touchme_app/controller/mine/matchmaker_update_controller.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

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

  @override
  Widget build(BuildContext context) {
    return GetX<MatchmakerUpdateController>(
      init: MatchmakerUpdateController(),
      builder: (controller){
        return Scaffold(
          appBar: PageAppbar(title: "升级红娘${controller.sum}"),
          body: SingleChildScrollView(
            child: Container(
              padding: EdgeInsets.symmetric(
                vertical: 20.w,
                horizontal: 15.w
              ),
              child: Column(
                children: [
                  Container(
                    padding: EdgeInsets.all(10.w),
                    margin: EdgeInsets.only(bottom: 20.w),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.all(Radius.circular(8.w)),
                      border: Border.all(width: 1, color: const Color.fromRGBO(51, 51, 51, 1))
                    ),
                    child: Column(
                      children: [
                        Text(
                          "趣恋恋，让婚恋服务更高效",
                          style: TextStyle(
                            fontSize: 16.w
                          ),
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Container(
                              width: 90.w,
                              height: 120.w,
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.all(Radius.circular(8.w)),
                                border: Border.all(width: 1, color: Colors.black)
                              ),
                            ),
                            Container(
                              width: 90.w,
                              height: 120.w,
                              decoration: BoxDecoration(
                                  borderRadius: BorderRadius.all(Radius.circular(8.w)),
                                  border: Border.all(width: 1, color: Colors.black)
                              ),
                            ),
                            Container(
                              width: 90.w,
                              height: 120.w,
                              decoration: BoxDecoration(
                                  borderRadius: BorderRadius.all(Radius.circular(8.w)),
                                  border: Border.all(width: 1, color: Colors.black)
                              ),
                            ),
                          ],
                        )
                      ],
                    ),
                  ),
                  Container(
                    width: 345.w,
                    margin: EdgeInsets.only(bottom: 20.w),
                    padding: EdgeInsets.all(10.w),
                    decoration: BoxDecoration(
                        borderRadius: BorderRadius.all(Radius.circular(8.w)),
                        border: Border.all(width: 1, color: const Color.fromRGBO(51, 51, 51, 1))
                    ),
                    child: Column(
                      children: [
                        Text(
                          "趣恋恋，让婚恋服务更高效",
                          style: TextStyle(
                              fontSize: 16.w
                          ),
                        ),
                        Text(
                          "趣恋恋，让婚恋服务更高效",
                          style: TextStyle(
                              fontSize: 16.w
                          ),
                        ),
                        Text(
                          "趣恋恋，让婚恋服务更高效",
                          style: TextStyle(
                              fontSize: 16.w
                          ),
                        ),
                      ],
                    ),
                  ),
                  Container(
                    width: 325.w,
                    height: 45.w,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.all(Radius.circular(45.w)),
                      gradient: LinearGradient(
                        begin: Alignment.centerLeft,  // 0%：左边开始
                        end: Alignment.centerRight,   // 100%：右边结束
                        colors: [
                          Color.fromRGBO(131, 89, 255, 1),  // 紫色
                          Color.fromRGBO(77, 127, 231, 1),  // 中间淡蓝
                          Color.fromRGBO(61, 138, 224, 1),  // 右侧深蓝
                        ],
                        stops: [0.0, 0.7753, 1.0], // 对应 CSS 百分比：0%、77.53%、100%
                      ),
                    ),
                    child: Center(
                      child: Text(
                        "确认",
                        style: TextStyle(
                            fontSize: 18.w,
                            color: Colors.white,
                            fontWeight: FontWeight.w500
                        ),
                      ),
                    ),
                  )
                ],
              ),
            ),
          ),
        );
      },
    );
  }
}