import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

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

  @override
  State<WithdrawHistoryPage> createState() => _WithdrawHistoryPageState();
}

class _WithdrawHistoryPageState extends State<WithdrawHistoryPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: PageAppbar(title: "提现"),
      body: SingleChildScrollView(
        child: Container(
          padding: EdgeInsetsGeometry.symmetric(
            vertical: 11.w,
            horizontal: 16.w
          ),
          child: Column(
            children: [
              historyItem(),
              historyItem(),
              historyItem(),
              historyItem(),
              historyItem(),
              historyItem(),
              historyItem(),
              historyItem(),
            ],
          ),
        ),
      ),
    );
  }

  Widget historyItem() {
    return Container(
      padding: EdgeInsets.only(
        bottom: 12.w
      ),
      margin: EdgeInsets.only(
        bottom: 16.w
      ),
      decoration: BoxDecoration(
        border: Border(
          bottom: BorderSide(
            width: 1,
            color: const Color.fromRGBO(238, 238, 238, 1)
          )
        )
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          RichText(
            text: TextSpan(
              children: [
                TextSpan(
                  text: "提现金额：",
                  style: TextStyle(
                    fontSize: 14.w,
                    fontWeight: FontWeight.w500,
                    color: const Color.fromRGBO(51, 51, 51, 1)
                  )
                ),
                TextSpan(
                    text: "680.00",
                    style: TextStyle(
                        fontSize: 14.w,
                        fontWeight: FontWeight.w500,
                      color: const Color.fromRGBO(238, 129, 27, 1)
                    )
                ),
              ]
            ),
          ),
          SizedBox(height: 8.w,),
          Text(
            "提现到工商银行（2465）",
            style: TextStyle(
              fontSize: 12.w,
            ),
          ),
          SizedBox(height: 8.w,),
          Text(
            "申请时间：2024-04-23 15:23:48",
            style: TextStyle(
              fontSize: 12.w,
              color: const Color.fromRGBO(153, 153, 153, 1)
            ),
          ),
          SizedBox(height: 8.w,),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                "处理时间：2024-04-23 15:23:48",
                style: TextStyle(
                    fontSize: 12.w,
                    color: const Color.fromRGBO(153, 153, 153, 1)
                ),
              ),
              Text(
                "查看打款凭证",
                style: TextStyle(
                  fontSize: 12.w,
                  color: const Color.fromRGBO(25, 114, 248, 1)
                ),
              )
            ],
          )
        ],
      ),
    );
  }
}