588 lines
18 KiB
Dart
588 lines
18 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
|
|
class TransferWorldDialog extends StatefulWidget {
|
|
const TransferWorldDialog({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<TransferWorldDialog> createState() => _TransferWorldDialogState();
|
|
}
|
|
|
|
class _TransferWorldDialogState extends State<TransferWorldDialog> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AlertDialog(contentPadding: EdgeInsets.zero,
|
|
title: 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(
|
|
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,
|
|
),
|
|
InkWell(
|
|
onTap: () async {
|
|
showModalBottomSheet(
|
|
context: context,isScrollControlled: true,useSafeArea: true,
|
|
builder: (BuildContext context) {
|
|
return TransferWorldDataPage();
|
|
});
|
|
//TransferWorldDataPage
|
|
|
|
},
|
|
child: Container(
|
|
width: MediaQuery.of(context).size.width,
|
|
height: 51,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(40),
|
|
color: Color(0xff9d001b),
|
|
),
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 10,
|
|
vertical: 12,
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
SizedBox(
|
|
width: 106,
|
|
height: 32,
|
|
child: Text(
|
|
"ปิด",
|
|
textAlign: TextAlign.center,
|
|
style: GoogleFonts.kanit(
|
|
color: Colors.white,
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
class TransferWorldDataPage extends StatefulWidget {
|
|
const TransferWorldDataPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<TransferWorldDataPage> createState() => _TransferWorldDataPageState();
|
|
}
|
|
|
|
class _TransferWorldDataPageState extends State<TransferWorldDataPage> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.all(20.0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
IconButton(
|
|
onPressed: () {
|
|
Navigator.popUntil(
|
|
context, ModalRoute.withName('/HomePage'));
|
|
},
|
|
icon: Icon(
|
|
Icons.arrow_back_ios,
|
|
color: Colors.black,
|
|
)),
|
|
Text(
|
|
"ข้อมูลส่วนตัวผู้โอน",
|
|
style: TextStyle(
|
|
color: Color(0xff050505),
|
|
fontSize: 20,
|
|
),
|
|
),
|
|
Spacer(),
|
|
IconButton(
|
|
onPressed: () {
|
|
Navigator.popUntil(
|
|
context, ModalRoute.withName('/HomePage'));
|
|
},
|
|
icon: Icon(
|
|
Icons.close,
|
|
color: Colors.black,
|
|
)),
|
|
],
|
|
),
|
|
Container(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 40),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
"ข้อมูลส่วนตัวผู้โอน (ภาษาอังกฤษ)",
|
|
style: TextStyle(
|
|
color: Color(0xff565656),
|
|
fontSize: 15,
|
|
),
|
|
),Spacer()
|
|
],
|
|
),
|
|
),
|
|
height: 29,
|
|
width: MediaQuery.of(context).size.width,
|
|
color: Color(0xffd9d9d9),
|
|
),
|
|
Row(children: [
|
|
Text(
|
|
"ชื่อ-นามสกุล",
|
|
style: TextStyle(
|
|
color: Color(0xff565656),
|
|
fontSize: 15,
|
|
),
|
|
),Spacer(),
|
|
Text(
|
|
"MR.KASI PASNIKOM",
|
|
textAlign: TextAlign.right,
|
|
style: TextStyle(
|
|
color: Color(0xff050505),
|
|
fontSize: 14,
|
|
),
|
|
)
|
|
],),
|
|
Divider(
|
|
color: Color.fromRGBO(243, 243, 243, 1),
|
|
thickness: 1
|
|
),
|
|
Row(children: [
|
|
Text(
|
|
"หมายเลขบัตรประชาชน\nเลขที่หนังสือเดินทาง",
|
|
style: TextStyle(
|
|
color: Color(0xff565656),
|
|
fontSize: 15,
|
|
),
|
|
),Spacer(),
|
|
Text(
|
|
"1600999878888",
|
|
textAlign: TextAlign.right,
|
|
style: TextStyle(
|
|
color: Color(0xff050505),
|
|
fontSize: 14,
|
|
),
|
|
)
|
|
],),
|
|
Divider(
|
|
color: Color.fromRGBO(243, 243, 243, 1),
|
|
thickness: 1
|
|
),
|
|
Container(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 40),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
"ที่อยู่ที่ติดต่อได้ (ภาษาอังกฤษ)",
|
|
style: TextStyle(
|
|
color: Color(0xff565656),
|
|
fontSize: 15,
|
|
),
|
|
),Spacer()
|
|
],
|
|
),
|
|
),
|
|
height: 29,
|
|
width: MediaQuery.of(context).size.width,
|
|
color: Color(0xffd9d9d9),
|
|
),
|
|
Row(children: [
|
|
Text(
|
|
"21/908 Jangwattana Taladbangkhen Laksi\nBangkok 10210",
|
|
style: TextStyle(
|
|
color: Color(0xff565656),
|
|
fontSize: 14,
|
|
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
)
|
|
],),
|
|
Divider(
|
|
color: Color.fromRGBO(243, 243, 243, 1),
|
|
thickness: 1
|
|
),
|
|
Spacer(),
|
|
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,
|
|
),
|
|
)),
|
|
))
|
|
]),
|
|
);
|
|
}
|
|
}
|