import 'package:farmer_client/widgets/DefaultButton.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:get/get.dart';
import 'package:farmer_client/widgets/Modal.dart' as modal;

import '../../models/entities/OrderInfoModel.dart';
import '../../services/orderAPI.dart';
import '../../widgets/OrderInfoCard.dart';
import '../../widgets/layout/BasicPage.dart';

// class OrderContentInfo {
//   String title;
//   Color styleColor;
//   StyleObj ({ required this.title, required this.styleColor});
// }

class OrderPageInfo extends BasicPage {
  final id = Rx<String>('');
  final orderStateText = Rx<String>('待支付');
  final orderStateColor = Rx<Color>(Colors.black);
  final orderInfoContent = Rx<OrderInfoModel>(OrderInfoModel());
  // orderStates

  @override
  void beforeShow() {
    // TODO: implement beforeShow
    super.beforeShow();
    if (Get.arguments['id'] != null) {
      id(Get.arguments['id']);

      orderStateText(Get.arguments['title']);
      orderStateColor(Get.arguments['styleColor']);

      orderInfo(id()).then((value) {
        orderInfoContent(OrderInfoModel.fromJson(value));
      });
    }
  }

  @override
  Widget builder(BuildContext context) {
    naviTitle = '订单详情';

    return Column(
      children: [
        Obx(
          () => OrderInfoCard(
              item: orderInfoContent(),
              orderStateText: orderStateText(),
              orderStateColor: orderStateColor()),
        ),
        // Obx(() => _BottomWidget(id: id())),

        Obx(
          () => Container(
              padding: EdgeInsets.fromLTRB(15, 50.w, 15, 0),
              child: _bottomJudgment(id.value)),
        ),
      ],
    );
  }

  Widget _bottomJudgment(String id) {
    return orderStateText.value == '已完成'
        ? Text('')
        : orderStateText.value == '进行中'
            ? Text('')
            : orderStateText.value == '待评价'
                ? DefaultButton(
                    color: const Color(0xffffffff),
                    backColor: const Color(0xFFFF703B),
                    width: 300.w,
                    height: 49.h,
                    text: '评价',
                    onPressed: () {
                      Fluttertoast.showToast(msg: '评价成功！');
                      Get.offNamed('/order');
                    },
                    margin: const EdgeInsets.all(0),
                    fontSize: 20.sp,
                    radius: 24.5.w,
                  )
                : orderStateText.value == '待作业'
                    ? DefaultButton(
                        color: const Color(0xffffffff),
                        backColor: const Color(0xFFFF703B),
                        width: 300.w,
                        height: 49.h,
                        text: '退单',
                        onPressed: () {
                          modal.showDialog(
                              title: '提示',
                              content: Container(
                                alignment: Alignment.center,
                                child: Text('确定要申请退单吗？'),
                              ),
                              onCancel: () => true,
                              onConfirm: () => {
                                    orderRefund(id).then((value) {
                                      Fluttertoast.showToast(msg: '退单成功！');
                                      Get.offNamed('/order');
                                    }),
                                  });
                        },
                        margin: const EdgeInsets.all(0),
                        fontSize: 20.sp,
                        radius: 24.5.w,
                      )
                    : orderStateText.value == '已付款'
                        ? DefaultButton(
                            color: const Color(0xffffffff),
                            backColor: const Color(0xFFFF703B),
                            width: 300.w,
                            height: 49.h,
                            text: '退单',
                            onPressed: () {
                              modal.showDialog(
                                  title: '提示',
                                  content: Container(
                                    alignment: Alignment.center,
                                    child: Text('确定要申请退单吗？'),
                                  ),
                                  onCancel: () => true,
                                  onConfirm: () => {
                                        orderRefund(id).then((value) {
                                          Fluttertoast.showToast(msg: '退单成功！');
                                          Get.offNamed('/order');
                                        }),
                                      });
                            },
                            margin: const EdgeInsets.all(0),
                            fontSize: 20.sp,
                            radius: 24.5.w,
                          )
                        : orderStateText.value == '待付款'
                            ? _BottomWidget(
                                id: id,
                              )
                            : orderStateText.value == '已退单'
                                ? Text('')
                                : orderStateText.value == '退单申请中'
                                    ? Text(orderStateText.value)
                                    : Text('');
  }
}

class _BottomWidget extends StatelessWidget {
  final id;
  final resultMessage = Rx<String>('---');

  _BottomWidget({Key? key, required this.id}) : super(key: key);

  void _orderDeletels() {
    modal.showDialog(
        title: '提示',
        content: Container(
          alignment: Alignment.center,
          child: Text('确定要取消此订单吗？'),
        ),
        onCancel: () => true,
        onConfirm: () => {
              orderDelete(id).then((value) {
                Fluttertoast.showToast(msg: '订单取消成功！');
                Get.offNamed('/order');
              })
            });
  }

  //显示底部弹框的功能
  void showBottomSheet(context) {
    //用于在底部打开弹框的效果
    showModalBottomSheet(
        context: context,
        isScrollControlled: false,
        backgroundColor: Colors.white,
        shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(10))),
        builder: (BuildContext context) {
          return Container(
            height: 200.w, //对话框高度就是此高度
            child: Center(
                child: Column(
              children: [
                Padding(
                  padding: EdgeInsets.fromLTRB(0, 25.w, 0, 34.w),
                  child: Text(
                    "支付方式",
                    style:
                        TextStyle(fontSize: 17.sp, fontWeight: FontWeight.bold),
                  ),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(15.w, 0, 15.w, 0),
                  child: ListTile(
                    contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
                    // 这边使用了contentPadding
                    leading: Image(
                      image: AssetImage('images/alipay.png'),
                      width: 30.w,
                      height: 30.w,
                    ),
                    title: Transform(
                      transform: Matrix4.translationValues(-15, 0.0, 0.0),
                      child: Text("支付宝",
                          style: TextStyle(
                              fontSize: 18.sp, color: Color(0xff333333))),
                    ),
                    trailing: Image(
                      image: AssetImage('images/userRight.png'),
                      width: 10.w,
                      height: 18.w,
                    ),
                  ),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(15.w, 0, 15.w, 0),
                  child: ListTile(
                    onTap: (){

                    },
                    contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
                    // 这边使用了contentPadding
                    leading: Image(
                      image: AssetImage('images/weChatPay.png'),
                      width: 30.w,
                      height: 30.w,
                    ),
                    title: Transform(
                      transform: Matrix4.translationValues(-15, 0.0, 0.0),
                      child: Text("微信",
                          style: TextStyle(
                              fontSize: 18.sp, color: Color(0xff333333))),
                    ),
                    trailing: Image(
                      image: AssetImage('images/userRight.png'),
                      width: 10.w,
                      height: 18.w,
                    ),
                  ),
                ),
              ],
            )),
          );
        });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.bottomCenter,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          SizedBox(
            width: 150.w,
            height: 49.h,
            child: ElevatedButton(
              onPressed: () {
                _orderDeletels();
              },
              child: const Text(
                "取消",
                style: TextStyle(
                    fontSize: 18,
                    color: Color(0xFFFF703B),
                    fontWeight: FontWeight.bold),
              ),
              style: ButtonStyle(
                side: MaterialStateProperty.all(
                    BorderSide(width: 1, color: Color(0xFFFF703B))), //边框
                elevation: MaterialStateProperty.all(0),
                backgroundColor: MaterialStateProperty.all(Colors.white),
                shape: MaterialStateProperty.all(
                  RoundedRectangleBorder(
                      borderRadius: BorderRadius.all(Radius.circular(24.4))),
                ),
              ),
            ),
          ),
          SizedBox(
            child: DefaultButton(
              color: const Color(0xffffffff),
              backColor: const Color(0xFFFF703B),
              width: 150.w,
              height: 49.h,
              text: '支付',
              onPressed: () {
                showBottomSheet(context);
                // Fluttertoast.showToast(msg: '支付成功！');
                // Get.offAllNamed('/');
              },
              margin: const EdgeInsets.all(0),
              fontSize: 20.sp,
              radius: 24.5.w,
            ),
          ),
        ],
      ),
    );
  }
}