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