import 'package:flutter/material.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/view_widget/border_text.dart';
import 'package:huixiang/view_widget/round_button.dart';

class ExchangeOrderSuccessPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _ExchangeOrderSuccessPage();
  }
}

class _ExchangeOrderSuccessPage extends State<ExchangeOrderSuccessPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          S.of(context).zhifuxiangqing,
          style: TextStyle(
            color: Colors.black,
            fontWeight: FontWeight.bold,
            fontSize: 18,
          ),
        ),
        centerTitle: false,
        backgroundColor: Color(0xFFFAFAFA),
        elevation: 0,
        leading: GestureDetector(
          onTap: () {
            Navigator.of(context).pop();
          },
          child: Container(
            alignment: Alignment.centerRight,
            margin: EdgeInsets.only(left: 10),
            padding: EdgeInsets.all(6),
            child: Icon(
              Icons.arrow_back_ios,
              color: Colors.black,
              size: 24,
            ),
          ),
        ),
        titleSpacing: 2,
        leadingWidth: 56,
      ),
      body: Container(
        alignment: Alignment.center,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            SizedBox(
              height: 46,
            ),
            Image.asset(
              "assets/image/icon_order_success.png",
              width: 76,
              height: 76,
              fit: BoxFit.contain,
            ),
            SizedBox(
              height: 16,
            ),
            Text(
              S.of(context).duihuanchenggong,
              style: TextStyle(
                  color: Color(0xFF353535),
                  fontSize: 21,
                  fontWeight: FontWeight.bold),
            ),
            SizedBox(
              height: 70,
            ),
            Row(
              children: [
                Expanded(
                  child: Column(
                    children: [
                      Text(
                        "90",
                        style: TextStyle(
                            color: Colors.black,
                            fontSize: 21,
                            fontWeight: FontWeight.bold),
                      ),
                      SizedBox(
                        height: 14,
                      ),
                      Text(
                        S.of(context).xiaofeijifen,
                        style: TextStyle(
                          color: Color(0xFF727272),
                          fontSize: 14,
                        ),
                      )
                    ],
                  ),
                  flex: 1,
                ),
                Container(
                  width: 2,
                  height: 34,
                  color: Color(0xFFABABAB),
                  margin: EdgeInsets.only(top: 18, bottom: 7),
                ),
                Expanded(
                  child: Column(
                    children: [
                      Text(
                        "2331",
                        style: TextStyle(
                            color: Colors.black,
                            fontSize: 21,
                            fontWeight: FontWeight.bold),
                      ),
                      SizedBox(
                        height: 14,
                      ),
                      Text(
                        S.of(context).keyongjifen,
                        style: TextStyle(
                          color: Color(0xFF727272),
                          fontSize: 14,
                        ),
                      )
                    ],
                  ),
                  flex: 1,
                ),
              ],
            ),
            SizedBox(
              height: 40,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisSize: MainAxisSize.max,
              children: [
                SizedBox(
                  width: 16,
                ),
                Expanded(
                  child: BorderText(
                    text: S.of(context).jixuduihuan,
                    textColor: Color(0xFF32A060),
                    fontSize: 16,
                    fontWeight: FontWeight.bold,
                    borderColor: Color(0xFF32A060),
                    borderWidth: 1,
                    padding: EdgeInsets.only(top: 12, bottom: 12),
                  ),
                  flex: 1,
                ),
                SizedBox(
                  width: 16,
                ),
                Expanded(
                  child: RoundButton(
                    text: S.of(context).lingqudaokabao,
                    textColor: Colors.white,
                    backgroup: Color(0xFF32A060),
                    radius: 4,
                    fontWeight: FontWeight.bold,
                    fontSize: 16,
                    padding: EdgeInsets.only(top: 12, bottom: 12),
                  ),
                  flex: 1,
                ),
                SizedBox(
                  width: 16,
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}