import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:dating_touchme_app/generated/assets.dart';
import 'package:dating_touchme_app/pages/mine/real_feedback_page.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:dating_touchme_app/generated/assets.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

class FeedbackPage extends StatefulWidget {
  const FeedbackPage({super.key});

  @override
  State<FeedbackPage> createState() => _FeedbackPageState();
}

class _FeedbackPageState extends State<FeedbackPage> {

  String message = '';
  final TextEditingController _messageController = TextEditingController();
  String phone = '';
  final TextEditingController _phoneController = TextEditingController();

  List<String> tagList = ["举报投诉", "账号与个人信息", "现有功能建议", "新功能或玩法建议"];

  int active = 0;

  changeActive(int i){
    active = i;
    setState(() {

    });
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Container(
          width: 375.w,
          height: 812.h,
          color: Colors.white,
        ),
        Positioned(
          top: -320.w,
          left: -270.w,
          child: Image.asset(
            Assets.imagesFeedbackBg,
            width: 971.75.w,
            height: 781.25.w,
            fit: BoxFit.cover,
          ),
        ),
        Positioned(
          top: 53.w,
          left: 207.w,
          child: Image.asset(
            Assets.imagesFeedbackIcon,
            width: 140.w,
            height: 140.w,
          ),
        ),
        Scaffold(
          appBar: PageAppbar(title: "", backgroundColor: Colors.transparent,),
          backgroundColor: Colors.transparent,
          body: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Container(
                padding: EdgeInsets.symmetric(
                    vertical: 22.w,
                    horizontal: 14.w
                ),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      "意见反馈",
                      style: TextStyle(
                          fontSize: 21.w,
                          fontWeight: FontWeight.w500
                      ),
                    ),
                    SizedBox(height: 5.w,),
                    Text(
                      "Hi,给出你的小建议吧~",
                      style: TextStyle(
                          fontSize: 13.w,
                          fontWeight: FontWeight.w500
                      ),
                    ),
                  ],
                ),
              ),
              Expanded(
                child: Container(
                  width: 375.w,
                  padding: EdgeInsets.symmetric(
                      vertical: 15.w,
                      horizontal: 10.w
                  ),
                  decoration: BoxDecoration(
                      borderRadius: BorderRadius.vertical(top: Radius.circular(9.w)),
                      color: Colors.white
                  ),
                  child: Container(
                    width: 355.w,
                    height: 150.w,
                    padding: EdgeInsets.only(
                      left: 17.w,
                      right: 10.w
                    ),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.all(Radius.circular(9.w)),
                      color: const Color.fromRGBO(250, 250, 250, 1)
                    ),
                    child: Column(
                      children: [
                        SizedBox(height: 20.w,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              "账号与个人信息",
                            ),
                            Icon(
                              Icons.arrow_right,
                              size: 20.w,
                              color: const Color.fromRGBO(204, 204, 2074, 1),
                            )
                          ],
                        ).onTap((){
                          Get.to(() => RealFeedbackPage(type: 1,));
                        }),
                        SizedBox(height: 25.w,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              "现有功能建议",
                            ),
                            Icon(
                              Icons.arrow_right,
                              size: 20.w,
                              color: const Color.fromRGBO(204, 204, 2074, 1),
                            )
                          ],
                        ).onTap((){
                          Get.to(() => RealFeedbackPage(type: 2,));
                        }),
                        SizedBox(height: 25.w,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              "举报投诉",
                            ),
                            Icon(
                              Icons.arrow_right,
                              size: 20.w,
                              color: const Color.fromRGBO(204, 204, 2074, 1),
                            )
                          ],
                        ).onTap((){
                          Get.to(() => RealFeedbackPage(type: 3,));
                        }),
                        SizedBox(height: 25.w,),
                      ],
                    ),
                  ),
                ),
              )
            ],
          ),
        )
      ],
    );
  }
}