Files
Neo_wallet/neowallet_mobile/lib/TransferMoney/TransferWorldDetail.dart
Manasit.K 43c32ef6cf init
2024-10-31 15:57:57 +07:00

885 lines
31 KiB
Dart

import 'package:cathaypay_mobile/PinCodeVadidate.dart';
import 'package:cathaypay_mobile/TransferMoney/TransferWorldDialog.dart';
import 'package:flutter/material.dart';
class TransferWorldDetail extends StatefulWidget {
const TransferWorldDetail({Key? key}) : super(key: key);
@override
State<TransferWorldDetail> createState() => _TransferWorldDetailState();
}
class _TransferWorldDetailState extends State<TransferWorldDetail> {
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
IconButton(
onPressed: () {
Navigator.of(context).pop();
},
icon: Icon(
Icons.arrow_back_ios,
color: Colors.black,
)),
Text(
"โอนเงินต่างประเทศ",
style: TextStyle(
color: Color(0xff050505),
fontSize: 20,
),
)
],
),
Text(
"ชื่อธนาคาร",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
SizedBox(
height: 10,
),
Container(
child: Row(
children: [
Spacer(),
Text(
"Us bank na",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 20,
fontWeight: FontWeight.w300,
),
),
SizedBox(
width: 20,
)
],
),
height: 48,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
color: Color(0xfff2f2f2),
),
),
SizedBox(
height: 10,
),
Text(
"ประเภทบัญชีปลายทาง",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
SizedBox(
height: 10,
),
Container(
child: Row(
children: [
Spacer(),
Text(
"",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 20,
fontWeight: FontWeight.w300,
),
),
SizedBox(
width: 20,
)
],
),
height: 48,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
color: Color(0xfff2f2f2),
),
),
SizedBox(
height: 10,
),
Text(
"เลขที่บัญชี",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
SizedBox(
height: 10,
),
Container(
child: Row(
children: [
Spacer(),
Text(
"201 - 5 -41801 - 9",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 20,
fontWeight: FontWeight.w300,
),
),
SizedBox(
width: 20,
)
],
),
height: 48,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
color: Color(0xfff2f2f2),
),
),
SizedBox(
height: 10,
),
Text(
"จำนวนเงินที่ต้องการโอน",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
SizedBox(
height: 10,
),
Container(
child: Row(
children: [
Spacer(),
Text(
"2,000.00 THB",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 24,
),
),
SizedBox(
width: 20,
),
],
),
height: 48,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
color: Color(0xffe7ecff),
),
),
SizedBox(
height: 10,
),
Text(
"เทียบเท่า (THB)",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
SizedBox(
height: 10,
),
Container(
child: Row(
children: [
Spacer(),
Text(
"55.11 USD",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 24,
),
),
SizedBox(
width: 20,
),
],
),
height: 48,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
color: Color(0xfffadddd),
),
),
SizedBox(
height: 10,
),
Text(
"เบอร์โทรศัพท์",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
SizedBox(
height: 10,
),
Container(
child: Row(
children: [
Spacer(),
Text(
"0890909989",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 20,
fontWeight: FontWeight.w300,
),
),
SizedBox(
width: 20,
)
],
),
height: 48,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
color: Color(0xfff2f2f2),
),
),
SizedBox(
height: 10,
),
Text(
"อีเมล",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
SizedBox(
height: 10,
),
Container(
child: Row(
children: [
Spacer(),
Text(
"nmmj@gmail.com",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 20,
fontWeight: FontWeight.w300,
),
),
SizedBox(
width: 20,
)
],
),
height: 48,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
color: Color(0xfff2f2f2),
),
),
SizedBox(
height: 10,
),
Text(
"วัตถุประสงค์ในการทำธุรกรรม",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
SizedBox(
height: 10,
),
Container(
child: Row(
children: [
Spacer(),
Text(
"จ่ายค่าที่พักในการท่องเที่ยว",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 20,
fontWeight: FontWeight.w300,
),
),
SizedBox(
width: 20,
)
],
),
height: 48,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
color: Color(0xfff2f2f2),
),
),
SizedBox(
height: 20,
),
InkWell(
onTap: () {
showModalBottomSheet<void>(
context: context,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(
top: Radius.circular(16),
),
),
builder: (BuildContext context) {
return TranferWorldConfirm();
});
},
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,
),
],
),
),
);
}
}
class TranferWorldConfirm extends StatefulWidget {
const TranferWorldConfirm({Key? key}) : super(key: key);
@override
State<TranferWorldConfirm> createState() => _TranferWorldConfirmState();
}
class _TranferWorldConfirmState extends State<TranferWorldConfirm> {
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
IconButton(
onPressed: () {
Navigator.of(context).pop();
},
icon: Icon(
Icons.arrow_back_ios,
color: Colors.black,
)),
Text(
"โอนเงินต่างประเทศ",
style: TextStyle(
color: Color(0xff050505),
fontSize: 20,
),
)
],
),
Center(
child: Container(
width: 222.83,
height: 107.89,
child: Image(
image: AssetImage('images/neopay_logo.png'),
),
),
),
Container(padding: EdgeInsets.all(20),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"เลขที่บิล",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Text(
"0158987",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
)
],
),
SizedBox(
height: 15,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"เวลา",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Text(
"27-11-2563 11:56",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
)
],
),
SizedBox(
height: 30,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"จาก",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Text(
"MISS.KAMOLLAVEE KORSUMPUM",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w600,
),
)
],
),
SizedBox(
height: 15,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Text(
"1101852034020",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
)
],
),
SizedBox(
height: 15,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Text(
"2,000.00 บาท",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff9d001b),
fontSize: 20,
),
)
],
),
SizedBox(
height: 35,
),
Row(
children: [
Text(
"ถึง",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Spacer(),
Container(
height: 20,
width: 20,
child: Icon(
Icons.phone_iphone,
color: Color(0xff65676b),
)),
Text(
"MR.KASI PASNIKOM",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w600,
),
)
],
),
SizedBox(
height: 15,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Text(
"201 - 5 -41801 - 9",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
)
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Text(
"ธนาคารxxxxxxxxxxxx",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 12,
fontWeight: FontWeight.w300,
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Text(
"เบอร์มือถือ 0890909989 อีเมล nmmj@gmail.com",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 12,
fontWeight: FontWeight.w300,
),
),
],
),
SizedBox(
height: 15,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 16,
fontWeight: FontWeight.w300,
),
),
Text(
"55.11 USD",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff9d001b),
fontSize: 20,
),
)
],
),
Padding(
padding: const EdgeInsets.symmetric(vertical: 20),
child: Divider(
color: Color.fromRGBO(101, 103, 107, 1),
thickness: 0.4000000059604645),
),
Row(
children: [
Text(
"1 THB = 0.0295 USD",
style: TextStyle(
color: Color(0xffad022c),
fontSize: 15,
),
),
Spacer()
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"ค่าธรรมเนียม",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 14,
fontWeight: FontWeight.w300,
),
),
Text(
"฿ 125.00 บาท",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 20,
fontWeight: FontWeight.w800,
),
)
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"ภาษีมูลค่าเพิ่ม\n(7% ของค่าธรรมเนียมทั้งหมด)",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 14,
fontWeight: FontWeight.w300,
),
),
Text(
"฿ 8.75 บาท",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 20,
fontWeight: FontWeight.w800,
),
)
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"จำนวนเงินที่แปลง",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 14,
fontWeight: FontWeight.w300,
),
),
Text(
"฿ 1,866.25 บาท",
style: TextStyle(
color: Color(0xff65676b),
fontSize: 20,
fontWeight: FontWeight.w800,
),
)
],
),
Padding(
padding: const EdgeInsets.symmetric(vertical: 20),
child: Divider(
color: Color.fromRGBO(101, 103, 107, 1),
thickness: 0.4000000059604645),
),
Row(
children: [
Text(
"วัตถุประสงค์ในการทำธุรกรรม",
textAlign: TextAlign.right,
style: TextStyle(
color: Color(0xff65676b),
fontSize: 12,
fontWeight: FontWeight.w300,
),
),Spacer()
],
),
Row(
children: [
Text(
" จ่ายค่าที่พักในการท่องเที่ยว",
style: TextStyle(
color: Colors.black,
fontSize: 12,
fontWeight: FontWeight.w300,
),
),Spacer()
],
),
SizedBox(
height: 20,
),
Row(mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
InkWell(
onTap: () {
Navigator.of(context).pop();
}
,
child: Container(
margin: EdgeInsets.only(bottom: 15),
width: MediaQuery.of(context).size.width/4,
height: 46,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
color:
Color(0xff2d2d2d)
,
),
child: Center(
child: Text(
"ยกเลิก",
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.white,
fontSize: 18,
fontWeight: FontWeight.w300,
),
)),
)),
InkWell(
onTap: () async {
final result = await Navigator.push(
context,
MaterialPageRoute(
builder: (context) => PinCodeValidatePage()),
);
if (result == true) {
showDialog(
context: context,
builder: (BuildContext context) {
return TransferWorldDialog();
});
}
}
,
child: Container(
margin: EdgeInsets.only(bottom: 15),
width: MediaQuery.of(context).size.width/4,
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,
),
)),
)),
],
)
],
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
boxShadow: [
BoxShadow(
color: Color(0x19000000),
blurRadius: 4,
offset: Offset(1, 1),
),
],
color: Color(0xfffbfbfb),
),
)
])),
);
}
}