import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'dart:ui';
import '../controllers/feedback_controller.dart';

class FeedbackView extends GetView<FeedbackController> {
  const FeedbackView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;

    return Scaffold(
      backgroundColor: isDarkMode ? Colors.black : Colors.grey[100],
      appBar: AppBar(
        elevation: 0,
        backgroundColor: isDarkMode ? Colors.black : Colors.white,
        leading: IconButton(
          icon: Icon(
            Icons.arrow_back_ios,
            size: 20.sp,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
          onPressed: () => Get.back(),
        ),
        title: Text(
          'feedback'.tr, // 帮助与反馈
          style: TextStyle(
            fontSize: 17.sp,
            fontWeight: FontWeight.w600,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
        ),
        centerTitle: true,
      ),
      body: GestureDetector(
        onTap: () => FocusScope.of(context).unfocus(),
        child: Form(
          key: controller.formKey,
          child: ListView(
            padding: EdgeInsets.all(16.w),
            children: [
              // 顶部提示文字
              Text(
                'feedbackDescription'.tr, // 请描述您遇到的问题或建议
                style: TextStyle(
                  fontSize: 14.sp,
                  color: isDarkMode ? Colors.white70 : Colors.black54,
                ),
              ),
              SizedBox(height: 16.h),

              // 反馈内容输入框
              Container(
                decoration: BoxDecoration(
                  color: isDarkMode
                      ? Colors.white.withOpacity(0.05)
                      : Colors.white,
                  borderRadius: BorderRadius.circular(16.r),
                  boxShadow: [
                    BoxShadow(
                      color: isDarkMode
                          ? Colors.black.withOpacity(0.2)
                          : Colors.black.withOpacity(0.05),
                      blurRadius: 10,
                      offset: const Offset(0, 2),
                    ),
                  ],
                ),
                child: ClipRRect(
                  borderRadius: BorderRadius.circular(16.r),
                  child: BackdropFilter(
                    filter: isDarkMode
                        ? ImageFilter.blur(sigmaX: 5, sigmaY: 5)
                        : ImageFilter.blur(sigmaX: 0, sigmaY: 0),
                    child: Padding(
                      padding:
                          EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h),
                      child: TextFormField(
                        controller: controller.feedbackController,
                        maxLines: 8,
                        maxLength: 500,
                        style: TextStyle(
                          color: isDarkMode ? Colors.white : Colors.black87,
                        ),
                        decoration: InputDecoration(
                          hintText: 'feedbackHint'.tr, // 请输入您的反馈内容...
                          hintStyle: TextStyle(
                            color: isDarkMode ? Colors.white38 : Colors.black38,
                          ),
                          border: InputBorder.none,
                          counterStyle: TextStyle(
                            color: isDarkMode ? Colors.white54 : Colors.black54,
                          ),
                        ),
                        validator: (value) {
                          if (value == null || value.trim().isEmpty) {
                            return 'feedbackRequired'.tr; // 请输入反馈内容
                          }
                          return null;
                        },
                      ),
                    ),
                  ),
                ),
              ),
              SizedBox(height: 24.h),

              // 联系方式标题
              // Text(
              //   'contactInfo'.tr, // 联系方式
              //   style: TextStyle(
              //     fontSize: 14.sp,
              //     color: isDarkMode ? Colors.white70 : Colors.black54,
              //   ),
              // ),
              // SizedBox(height: 16.h),

              // // 联系方式输入框
              // Container(
              //   decoration: BoxDecoration(
              //     color: isDarkMode
              //         ? Colors.white.withOpacity(0.05)
              //         : Colors.white,
              //     borderRadius: BorderRadius.circular(16.r),
              //     boxShadow: [
              //       BoxShadow(
              //         color: isDarkMode
              //             ? Colors.black.withOpacity(0.2)
              //             : Colors.black.withOpacity(0.05),
              //         blurRadius: 10,
              //         offset: const Offset(0, 2),
              //       ),
              //     ],
              //   ),
              //   child: ClipRRect(
              //     borderRadius: BorderRadius.circular(16.r),
              //     child: BackdropFilter(
              //       filter: isDarkMode
              //           ? ImageFilter.blur(sigmaX: 5, sigmaY: 5)
              //           : ImageFilter.blur(sigmaX: 0, sigmaY: 0),
              //       child: Padding(
              //         padding:
              //             EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h),
              //         child: TextFormField(
              //           controller: controller.contactController,
              //           style: TextStyle(
              //             color: isDarkMode ? Colors.white : Colors.black87,
              //           ),
              //           decoration: InputDecoration(
              //             hintText: 'contactHint'.tr, // 邮箱/手机号，方便我们联系您
              //             hintStyle: TextStyle(
              //               color: isDarkMode ? Colors.white38 : Colors.black38,
              //             ),
              //             border: InputBorder.none,
              //           ),
              //         ),
              //       ),
              //     ),
              //   ),
              // ),
              // SizedBox(height: 40.h),

              // 提交按钮
              Obx(() => ElevatedButton(
                    onPressed: controller.isSubmitting.value
                        ? null
                        : controller.submitFeedback,
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Colors.blue[600],
                      padding: EdgeInsets.symmetric(vertical: 12.h),
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(16.r),
                      ),
                      elevation: 0,
                    ),
                    child: controller.isSubmitting.value
                        ? SizedBox(
                            height: 20.h,
                            width: 20.h,
                            child: CircularProgressIndicator(
                              strokeWidth: 2.w,
                              valueColor: const AlwaysStoppedAnimation<Color>(
                                  Colors.white),
                            ),
                          )
                        : Text(
                            'submit'.tr, // 提交
                            style: TextStyle(
                              fontSize: 16.sp,
                              fontWeight: FontWeight.w500,
                              color: Colors.white,
                            ),
                          ),
                  )),
            ],
          ),
        ),
      ),
    );
  }
}