// import 'package:cathaypay_mobile/Numpad.dart';
// import 'package:cathaypay_mobile/PinCodeVadidate.dart';
// import 'package:cathaypay_mobile/TopUp/TopUpDialog.dart';
// import 'package:flutter/cupertino.dart';
// import 'package:flutter/material.dart';
// import 'package:google_fonts/google_fonts.dart';
//
// TextEditingController _pin = TextEditingController();
//
// class TopUpPage extends StatefulWidget {
//   const TopUpPage({Key? key}) : super(key: key);
//
//   @override
//   State<TopUpPage> createState() => _TopUpPageState();
// }
//
// class _TopUpPageState extends State<TopUpPage> {
//   setValue(String val) {
//     setState(() {
//       _pin.text += val;
//     });
//     if (_pin.text.length == 6) {
//       _saveText(_pin.text);
//       Navigator.pushNamed(context, '/RegisterPicturePage');
//     }
//   }
//
//   backspace(String text) {
//     if (_pin.text.length > 0) {
//       setState(() {
//         _pin.text = _pin.text.substring(0, _pin.text.length - 1);
//       });
//     }
//   }
//
//   void _saveText(String text) async {
//     // SharedPreferences prefs = await SharedPreferences.getInstance();
//     // await prefs.setString('PinCode', text);
//   }
//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//         appBar: AppBar(
//           backgroundColor: Colors.white,
//           actions: [
//             CupertinoButton(
//               onPressed: () {
//                 Navigator.pop(context);
//               },
//               child: IconButton(
//                 onPressed: () {
//                   Navigator.of(context).pop();
//                 },
//                 icon: const Icon(Icons.clear,color: Colors.grey,),
//               ),
//             )
//           ],
//           leading: CupertinoButton(
//             onPressed: () {
//               Navigator.pop(context);
//             },
//             child: const Icon(
//               Icons.chevron_left,
//               color: Colors.black54,
//             ),
//           ),
//           elevation: 0,
//           title: Text(
//             "เติมเงิน",
//             textAlign: TextAlign.center,
//             style: GoogleFonts.kanit(
//               color: Colors.black,
//               fontSize: 20,
//             ),
//           ),
//         ),
//         body: SingleChildScrollView(
//           child: Padding(
//               padding: const EdgeInsets.all(20.0),
//               child: Column(
//                 crossAxisAlignment: CrossAxisAlignment.start,
//                 children: [
//                   Container(
//                     child: Row(
//                       children: [
//                         Image(
//                           image: AssetImage('images/bank/kbank.png'),
//                           fit: BoxFit.cover,
//                         ),
//                         SizedBox(
//                           width: 20,
//                         ),
//                         Text(
//                           "KASIKORNBANK",
//                           style: TextStyle(
//                             color: Color(0xff050505),
//                             fontSize: 18,
//                             fontWeight: FontWeight.w300,
//                           ),
//                         )
//                       ],
//                     ),
//                     height: 56,
//                     decoration: BoxDecoration(
//                       borderRadius: BorderRadius.circular(6),
//                       color: Colors.grey.shade100,
//                     ),
//                   ),
//                   SizedBox(
//                     height: 20,
//                   ),
//                   Text(
//                     "เลขที่บัญชี",
//                     style: TextStyle(
//                       color: Color(0xff65676b),
//                       fontSize: 16,
//                       fontWeight: FontWeight.w300,
//                     ),
//                   ),
//                   SizedBox(
//                     height: 20,
//                   ),
//                   Container(
//                     height: 48,
//                     decoration: BoxDecoration(
//                       borderRadius: BorderRadius.circular(100),
//                       color: Color(0xfff2f2f2),
//                     ),
//                     child: Row(
//                       children: [
//                         Spacer(),
//                         Text(
//                           "015-5-40141-2",
//                           textAlign: TextAlign.right,
//                           style: TextStyle(
//                             color: Color(0xff65676b),
//                             fontSize: 20,
//                           ),
//                         ),
//                         SizedBox(
//                           width: 20,
//                         )
//                       ],
//                     ),
//                   ),
//                   SizedBox(
//                     height: 20,
//                   ),
//                   Text(
//                     "จำนวนเงินที่เติม",
//                     style: TextStyle(
//                       color: Color(0xff65676b),
//                       fontSize: 16,
//                       fontWeight: FontWeight.w300,
//                     ),
//                   ),
//                   SizedBox(
//                     height: 20,
//                   ),
//                   Container(
//                     height: 60,
//                     decoration: BoxDecoration(
//                       borderRadius: BorderRadius.circular(100),
//                       color: Colors.grey.shade300,
//                     ),
//                     child: Row(
//                       children: [
//                         Spacer(),
//                         Text(
//                           "0",
//                           textAlign: TextAlign.right,
//                           style: TextStyle(
//                             color: Color(0xff65676b),
//                             fontSize: 25,
//                           ),
//                         ),
//                         SizedBox(
//                           width: 20,
//                         )
//                       ],
//                     ),
//                   ),
//                   Container(
//                     //  padding: EdgeInsets.symmetric(horizontal: 50.0),
//                     child: Column(
//                       children: <Widget>[
//                         Row(
//                           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
//                           children: <Widget>[
//                             NumpadButton(
//                               text: '1',
//                               onPressed: () => setValue('1'),
//                             ),
//                             NumpadButton(
//                               text: '2',
//                               onPressed: () => setValue('2'),
//                             ),
//                             NumpadButton(
//                               text: '3',
//                               onPressed: () => setValue('2'),
//                             ),
//                           ],
//                         ),
//                         Row(
//                           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
//                           children: <Widget>[
//                             NumpadButton(
//                               text: '4',
//                               onPressed: () => setValue('4'),
//                             ),
//                             NumpadButton(
//                               text: '5',
//                               onPressed: () => setValue('5'),
//                             ),
//                             NumpadButton(
//                               text: '6',
//                               onPressed: () => setValue('6'),
//                             ),
//                           ],
//                         ),
//                         Row(
//                           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
//                           children: <Widget>[
//                             NumpadButton(
//                               text: '7',
//                               onPressed: () => setValue('7'),
//                             ),
//                             NumpadButton(
//                               text: '8',
//                               onPressed: () => setValue('8'),
//                             ),
//                             NumpadButton(
//                               text: '9',
//                               onPressed: () => setValue('9'),
//                             ),
//                           ],
//                         ),
//                         Row(
//                           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
//                           children: <Widget>[
//                             Container(
//                               padding: EdgeInsets.symmetric(vertical: 10.0),
//                               child: OutlinedButton(
//                                 style: OutlinedButton.styleFrom(
//                                   side: BorderSide.none,
//                                   backgroundColor: Colors.transparent,
//                                 ),
//                                 onPressed: () {},
//                                 child: Padding(
//                                   padding: EdgeInsets.all(20.0),
//                                   child: Text(
//                                     "0",
//                                     style: GoogleFonts.kanit(
//                                       color: Colors.transparent,
//                                       fontSize: 30,
//                                       fontWeight: FontWeight.w500,
//                                     ),
//                                   ),
//                                 ),
//                               ),
//                             ),
//                             NumpadButton(
//                               text: '0',
//                               onPressed: () => setValue('0'),
//                             ),
//                             NumpadButton(
//                               haveBorder: false,
//                               icon: Icons.backspace,
//                               onPressed: () => backspace(_pin.text),
//                             ),
//                           ],
//                         )
//                       ],
//                     ),
//                   ),
//                   InkWell(
//                     onTap: () async {
//                       final result = await Navigator.push(
//                         context,
//                         MaterialPageRoute(
//                             builder: (context) => PinCodeValidatePage()),
//                       );
//                       if (result == true) {
//                         showDialog(
//                             context: context,
//                             builder: (BuildContext context) {
//                               return TopUpDialog();
//                             });
//                       }
//                     },
//                     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,
//                               ),
//                             ),
//                           ),
//                         ],
//                       ),
//                     ),
//                   )
//                 ],
//               )),
//         ));
//   }
// }