import 'package:cathaypay_mobile/PinCodeVadidate.dart'; import 'package:flutter/material.dart'; class EFXSell extends StatefulWidget { const EFXSell({Key? key}) : super(key: key); @override State createState() => _EFXSellState(); } class _EFXSellState extends State { @override Widget build(BuildContext context) { return Scaffold( body: SingleChildScrollView( child: Padding( padding: const EdgeInsets.all(20.0), child: Container( child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.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, ), ), Spacer(), IconButton( onPressed: () { Navigator.of(context).pop(); }, icon: Icon( Icons.close, color: Colors.black, )), ], ), Container( margin: EdgeInsets.symmetric(vertical: 20), width: MediaQuery.of(context).size.width, height: 54, decoration: BoxDecoration( borderRadius: BorderRadius.circular(6), boxShadow: [ BoxShadow( color: Color(0x19000000), blurRadius: 4, offset: Offset(1, 1), ), ], color: Color(0xffd0315a), ), padding: const EdgeInsets.only( left: 11, right: 195, ), child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text( "สกุลเงินที่ต้องการขาย", style: TextStyle( color: Colors.white, fontSize: 20, ), ), ], ), ), Padding( padding: const EdgeInsets.symmetric(vertical: 10), child: Text( "สกุลเงิน", style: TextStyle( color: Color(0xff050505), fontSize: 14, ), ), ), Container( width: MediaQuery.of(context).size.width, height: 80, decoration: BoxDecoration( borderRadius: BorderRadius.circular(6), boxShadow: [ BoxShadow( color: Color(0x19000000), blurRadius: 4, offset: Offset(1, 1), ), ], color: Colors.white, ), child: Row( children: [SizedBox(width: 20,), Image( image: AssetImage('images/usa.png'), fit: BoxFit.cover, ), SizedBox( width: 10, ), Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ Text( "1 USD = 31.44 THB", style: TextStyle( color: Color(0xff050505), fontSize: 20, ), ), Text( "United States Dollar", style: TextStyle( color: Color(0xff9c9c9c), fontSize: 13, fontWeight: FontWeight.w300, ), ), Text( "100,000,00 USD", style: TextStyle( color: Color(0xff050505), fontWeight: FontWeight.w500, ), ) ], ) ], ), ), Padding( padding: const EdgeInsets.symmetric(vertical: 10), child: Text( "บัญชีรับเงิน", style: TextStyle( color: Color(0xff050505), fontSize: 14, ), ), ), Container( width: MediaQuery.of(context).size.width, height: 80, decoration: BoxDecoration( borderRadius: BorderRadius.circular(6), boxShadow: [ BoxShadow( color: Color(0x19000000), blurRadius: 4, offset: Offset(1, 1), ), ], color: Colors.white, ), child: Row( children: [SizedBox(width: 20,), Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ Text( "นางสาวต้นหอม สุขสมหวัง", style: TextStyle( color: Color(0xff050505), fontSize: 15, ), ), Text( "ออมทรัพย์ 1-091111-0xxx-9xx", style: TextStyle( color: Color(0xff797979), fontSize: 11, fontWeight: FontWeight.w300, ), ) ], ) ], ), ), Padding( padding: const EdgeInsets.symmetric(vertical: 20), child: Row( children: [ Text( "จำนวนเงิน", style: TextStyle( color: Color(0xff030303), fontSize: 16, fontWeight: FontWeight.w500, ), ), Spacer(), Text( "วงเงินคงเหลือ 1,000,000.00 บาท", style: TextStyle( color: Color(0xff65676b), fontSize: 11, ), ) ], ), ), Container( child: Row( children: [ Spacer(), Center( child: Text( "200.00 USD", textAlign: TextAlign.right, style: TextStyle( color: Colors.black, fontSize: 30, fontWeight: FontWeight.w600, ), ), ), SizedBox( width: 20, ) ], ), height: 60, width: MediaQuery.of(context).size.width, decoration: BoxDecoration( borderRadius: BorderRadius.circular(100), color: Colors.white, ), ), Padding( padding: const EdgeInsets.symmetric(vertical: 20), child: Row( children: [ Text( "แปลงเป็นเงินบาทไทย ", style: TextStyle( color: Color(0xff65676b), fontSize: 14, ), ), Spacer(), Text( "6,239 บาท", textAlign: TextAlign.right, style: TextStyle( color: Color(0xff65676b), fontSize: 15, ), ) ], ), ), Padding( padding: const EdgeInsets.symmetric(vertical: 20), child: Row( children: [ Text( "บันทึกช่วยจำ", style: TextStyle( color: Color(0xff030303), fontSize: 16, fontWeight: FontWeight.w500, ), ), Spacer(), Text( "เหลือ 20 ตัวอักษร", textAlign: TextAlign.right, style: TextStyle( color: Color(0xffa5a6a8), fontSize: 13, ), ) ], ), ), Container( child: Row( children: [ SizedBox( width: 20, ), Center( child: Text( "แลกคืน", textAlign: TextAlign.right, style: TextStyle( color: Colors.black, fontSize: 16, fontWeight: FontWeight.w600, ), ), ), SizedBox( width: 20, ) ], ), height: 60, width: MediaQuery.of(context).size.width, decoration: BoxDecoration( borderRadius: BorderRadius.circular(100), color: Colors.white, ), ), InkWell( onTap: () { showModalBottomSheet( context: context, isScrollControlled: true, useSafeArea: true, shape: RoundedRectangleBorder( borderRadius: BorderRadius.vertical( top: Radius.circular(16), ), ), builder: (BuildContext context) { return EFXSellConfirm(); }); }, 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, ), )), )) ], ), ), ), )); } } class EFXSellConfirm extends StatefulWidget { const EFXSellConfirm({Key? key}) : super(key: key); @override State createState() => _EFXSellConfirmState(); } class _EFXSellConfirmState extends State { @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.all(20.0), child: Column(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, ), ), Spacer(), IconButton( onPressed: () { Navigator.of(context).pop(); }, icon: Icon( Icons.close, color: Colors.black, )), ]), Container( width: 262.83, height: 147.89, child: Image( image: AssetImage('images/neopay_logo.png'), ), ), Padding( padding: const EdgeInsets.symmetric(horizontal: 20), child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, children: [ Card( color: Color(0xfffbfbfb), child: Padding( padding: const EdgeInsets.all(10.0), child: Column( children: [ 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: [ Container( height: 50, width: 50, child: Image.asset( 'images/usa.png', )), Text( "United States Dollar", textAlign: TextAlign.right, style: TextStyle( color: Color(0xff050505), fontSize: 18, ), ) ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w300, ), ), Text( "1 USD = 31.44 THB", textAlign: TextAlign.right, style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w300, ), ) ], ), SizedBox( height: 35, ), Row( children: [ Container( height: 50, width: 50, child: Image.asset( 'images/bank/kbank.png', )), Spacer(), Text( "นางสาวต้นหอม สุขสมหวัง", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w600, ), ) ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w300, ), ), Text( "นางสาวต้นหอม สุขสมหวัง", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w300, ), ) ], ), 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: 16, fontWeight: FontWeight.w300, ), ), Text( "200.00 USD", textAlign: TextAlign.right, style: TextStyle( color: Color(0xff050505), fontSize: 20, ), ) ], ), SizedBox( height: 10, ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "แปลงเป็นเงินบาท", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w300, ), ), Text( "6,239.00 บาท", textAlign: TextAlign.right, style: TextStyle( color: Color(0xff050505), fontSize: 20, ), ) ], ), SizedBox( height: 10, ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "บันทึกช่วยจำ", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w300, ), ), Text( "แลกคืน", textAlign: TextAlign.right, style: TextStyle( color: Color(0xff050505), fontSize: 14, ), ) ], ), SizedBox( height: 10, ), ], ), ), ), SizedBox( height: 20, ), Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: [ InkWell( onTap: () {}, 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 EFXSellCialog(); }); } }, 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, ), )), )), ], ) ]), )) ])); } } class EFXSellCialog extends StatefulWidget { const EFXSellCialog({Key? key}) : super(key: key); @override State createState() => _EFXSellCialogState(); } class _EFXSellCialogState extends State { @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.only(left: 20, right: 20), child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Card( color: Color(0xfffbfbfb), child: Padding( padding: const EdgeInsets.all(10.0), child: Column( children: [ 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: [ Container( height: 50, width: 50, child: Image.asset( 'images/bank/kbank.png', )), Text( "MISS.KAMOLLAVEE KORSUMPUM", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w600, ), ) ], ), 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: 35, ), Row( children: [ Container( height: 50, width: 50, child: Image.asset( 'images/usa.png', )), Spacer(), Text( "MR.KASI PASNIKOM", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w600, ), ) ], ), 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, ), ) ], ), 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: 16, fontWeight: FontWeight.w300, ), ), Text( "200.00 USD", textAlign: TextAlign.right, style: TextStyle( color: Color(0xff050505), fontSize: 20, ), ) ], ), SizedBox( height: 10, ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "แปลงเป็นเงินบาท", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w300, ), ), Text( "6,239.00 บาท", textAlign: TextAlign.right, style: TextStyle( color: Color(0xff050505), fontSize: 20, ), ) ], ), SizedBox( height: 10, ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "บันทึกช่วยจำ", style: TextStyle( color: Color(0xff65676b), fontSize: 16, fontWeight: FontWeight.w300, ), ), Text( "แลกคืน", textAlign: TextAlign.right, style: TextStyle( color: Color(0xff050505), fontSize: 14, ), ) ], ), SizedBox( height: 10, ), 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, ), )), )) ], ), ), ) ])); } }