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 createState() => _TransferWorldDialogState(); } class _TransferWorldDialogState extends State { @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 createState() => _TransferWorldDataPageState(); } class _TransferWorldDataPageState extends State { @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, ), )), )) ]), ); } }