import 'package:cathaypay_mobile/Home/HomePage.dart';
import 'package:cathaypay_mobile/utils/utils.dart';
import 'package:flutter/material.dart';

import '../api/api.dart';
import '../model/profile_model.dart';

class TransferPromtptPayDialog extends StatefulWidget {
  const TransferPromtptPayDialog({Key? key, required this.name, required this.phone, required this.price, required this.bill}) : super(key: key);

  final String name;
  final String phone;
  final String price;
  final String bill;

  @override
  State<TransferPromtptPayDialog> createState() => _TransferPromtptPayDialogState();
}

class _TransferPromtptPayDialogState extends State<TransferPromtptPayDialog> {
  @override
  void initState() {
    getProfile(context);
    super.initState();
  }

  getProfile(BuildContext context) {
    Api.get(context, Api.profile).then((value) => {
          if (value != null) {profile = Profile.fromJson(value["profile"])} else {}
        });
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
        padding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
        child: Column(mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [
          Card(
            color: Color(0xfffbfbfb),
            child: Padding(
              padding: const EdgeInsets.all(15.0),
              child: Column(
                children: [
                  Container(height: 180,width: 180,
                    child: Image(
                      image: AssetImage('images/neopay_logo.png'),
                    ),
                  ),
                  Text(
                    "Approved or completed successfully",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 16,
                      fontWeight: FontWeight.w300,
                    ),
                  ) ,
                  Text(
                    "ดำเนินการโอน/จ่ายสำเร็จ",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 16,
                      fontWeight: FontWeight.w300,
                    ),
                  ) ,

                  Text(
                    "จำนวนเงิน/Amount ฿"+widget.price,
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 16,
                      fontWeight: FontWeight.w300,
                    ),
                  ) ,
                  SizedBox(height: 30,),
              Container(
                decoration: BoxDecoration(
                  image: DecorationImage(
                    image: AssetImage('images/neo_backgroup.png'),
                    fit: BoxFit.fill,

                  ),
                ),
                child:Column(children: [    Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      "Date Time / วันที่ เวลา",
                      style: TextStyle(
                        color: Color(0xff65676b),
                        fontSize: 14,
                        fontWeight: FontWeight.w300,
                      ),
                    ),
                    Text(
                      Utils.getDateTimeCreate(),
                      style: TextStyle(
                        color: Color(0xff65676b),
                        fontSize: 14,
                        fontWeight: FontWeight.w600,
                      ),
                    )
                  ],
                ),

                  Row(
                    children: [
                      Text(
                        "Receiver / ผู้รับเงิน",
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 14,
                          fontWeight: FontWeight.w300,
                        ),
                      ),
                      Spacer(),

                      Text(//profile?.fullName??"",
                        widget.name,
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 14,
                          fontWeight: FontWeight.w600,
                        ),
                      )
                    ],
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        "PhoneNumber / Wallet ID",
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 14,
                          fontWeight: FontWeight.w300,
                        ),
                      ),
                      Text(widget.phone,
                        //profile?.phoneNumber ?? "",
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 14,
                          fontWeight: FontWeight.w600,
                        ),
                      )
                    ],
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        "From",
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 14,
                          fontWeight: FontWeight.w300,
                        ),
                      ),
                      Text(
                        profile?.fullName ?? "",
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 14,
                          fontWeight: FontWeight.w600,
                        ),
                      )
                    ],
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        "PhoneNumber / Wallet ID",
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 14,
                          fontWeight: FontWeight.w300,
                        ),
                      ),
                      Text(
                        profile?.phoneNumber ?? "",
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 14,
                          fontWeight: FontWeight.w600,
                        ),
                      )
                    ],
                  ),
                  SizedBox(
                    height: 35,
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        "Transaction ID : ",
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 12,
                          fontWeight: FontWeight.w300,
                        ),
                      ),
                      Expanded(
                        child: Container(
                          child: Text(
                            widget.bill,
                            style: TextStyle(
                              color: Color(0xff65676b),
                              fontSize: 12,
                              fontWeight: FontWeight.w300,
                            ),
                            textAlign: TextAlign.start,
                          ),
                        ),
                      )
                    ],
                  ),],)
              ),

SizedBox(height: 15,),

                  InkWell(
                      onTap: () {
                        Navigator.popUntil(context, ModalRoute.withName('/HomePage'));
                      },
                      child: Container(
                        margin: EdgeInsets.only(bottom: 15),
                        width: MediaQuery.of(context).size.width,
                        height: 46,
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(100),
                          color: Color(0xffad022c),
                        ),
                        child: Center(
                            child: Text(
                          "ปิด",
                          textAlign: TextAlign.center,
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 18,
                            fontWeight: FontWeight.w300,
                          ),
                        )),
                      ))
                ],
              ),
            ),
          ),
          SizedBox(
            height: 20,
          ),
        ]));
  }
}