import '/components/appbar_widget.dart'; import '/components/nav_bar1_widget.dart'; import '/flutterlib/flutter_theme.dart'; import '/flutterlib/flutter_util.dart'; import '/flutterlib/flutter_widgets.dart'; import 'package:styled_divider/styled_divider.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_svg/flutter_svg.dart'; import 'package:google_fonts/google_fonts.dart'; import 'package:provider/provider.dart'; import 'bk_checkout_model.dart'; export 'bk_checkout_model.dart'; class BkCheckoutWidget extends StatefulWidget { const BkCheckoutWidget({Key? key}) : super(key: key); @override _BkCheckoutWidgetState createState() => _BkCheckoutWidgetState(); } class _BkCheckoutWidgetState extends State { late BkCheckoutModel _model; final scaffoldKey = GlobalKey(); @override void initState() { super.initState(); _model = createModel(context, () => BkCheckoutModel()); _model.textController1 ??= TextEditingController(); _model.textFieldFocusNode1 ??= FocusNode(); _model.textController2 ??= TextEditingController(); _model.textFieldFocusNode2 ??= FocusNode(); _model.textController3 ??= TextEditingController(); _model.textFieldFocusNode3 ??= FocusNode(); _model.textController4 ??= TextEditingController(); _model.textFieldFocusNode4 ??= FocusNode(); _model.textController5 ??= TextEditingController(); _model.textFieldFocusNode5 ??= FocusNode(); _model.textController6 ??= TextEditingController(); _model.textFieldFocusNode6 ??= FocusNode(); _model.textController7 ??= TextEditingController(); _model.textFieldFocusNode7 ??= FocusNode(); _model.textController8 ??= TextEditingController(); _model.textFieldFocusNode8 ??= FocusNode(); } @override void dispose() { _model.dispose(); super.dispose(); } @override Widget build(BuildContext context) { if (isiOS) { SystemChrome.setSystemUIOverlayStyle( SystemUiOverlayStyle( statusBarBrightness: Theme.of(context).brightness, systemStatusBarContrastEnforced: true, ), ); } context.watch(); return GestureDetector( onTap: () => _model.unfocusNode.canRequestFocus ? FocusScope.of(context).requestFocus(_model.unfocusNode) : FocusScope.of(context).unfocus(), child: Scaffold( key: scaffoldKey, backgroundColor: Color(0xFFEBEBE4), drawer: Container( width: 180.0, child: Drawer( elevation: 16.0, child: Container( width: 100.0, height: 100.0, decoration: BoxDecoration( color: Color(0xFF009B9A), ), child: Column( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB(0.0, 80.0, 0.0, 0.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Container( width: 180.0, height: 61.0, decoration: BoxDecoration( color: Color(0xFF009B9A), ), child: InkWell( splashColor: Colors.transparent, focusColor: Colors.transparent, hoverColor: Colors.transparent, highlightColor: Colors.transparent, onTap: () async { context.pushNamed('account'); }, child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.start, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB( 15.0, 8.0, 0.0, 0.0), child: Container( width: 40.0, height: 40.0, decoration: BoxDecoration( color: FlutterTheme.of(context) .secondaryBackground, shape: BoxShape.circle, ), child: Align( alignment: AlignmentDirectional(0.0, 0.0), child: ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/company.svg', width: 30.0, height: 30.0, fit: BoxFit.contain, ), ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 8.0, 8.0, 0.0, 0.0), child: Text( FFLocalizations.of(context).getText( 'cr2j93yz' /* ABC Ltd */, ), style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 16.0, ), ), ), ], ), ), ), ], ), ), Container( width: 180.0, height: 61.0, decoration: BoxDecoration( color: Color(0xFF009B9A), ), child: InkWell( splashColor: Colors.transparent, focusColor: Colors.transparent, hoverColor: Colors.transparent, highlightColor: Colors.transparent, onTap: () async { context.pushNamed('account1'); }, child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.start, children: [ ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/Group_2640.svg', width: 0.0, height: 0.0, fit: BoxFit.contain, ), ), Align( alignment: AlignmentDirectional(0.0, 0.0), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 5.0, 0.0, 0.0, 0.0), child: ClipRRect( borderRadius: BorderRadius.circular(8.0), child: Image.asset( 'assets/images/account.png', width: 50.0, height: 50.0, fit: BoxFit.cover, ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 8.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context).getText( 'dgru0r47' /* Account */, ), style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 16.0, ), ), ), ], ), ), ), Container( width: 180.0, height: 61.0, decoration: BoxDecoration( color: Color(0xFF009B9A), ), child: InkWell( splashColor: Colors.transparent, focusColor: Colors.transparent, hoverColor: Colors.transparent, highlightColor: Colors.transparent, onTap: () async { context.pushNamed('tnc'); }, child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.start, children: [ ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/document.svg', width: 0.0, height: 0.0, fit: BoxFit.contain, ), ), Align( alignment: AlignmentDirectional(0.0, 0.0), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 16.0, 0.0, 0.0, 0.0), child: ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/tnc.svg', width: 30.0, height: 30.0, fit: BoxFit.cover, ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 17.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context).getText( 'uomw2l22' /* T&C */, ), style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 16.0, ), ), ), ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/Group_2640.svg', width: 0.0, height: 0.0, fit: BoxFit.fitHeight, ), ), ], ), ), ), Container( width: 180.0, height: 61.0, decoration: BoxDecoration( color: Color(0xFF009B9A), ), child: InkWell( splashColor: Colors.transparent, focusColor: Colors.transparent, hoverColor: Colors.transparent, highlightColor: Colors.transparent, onTap: () async { context.pushNamed('policy'); }, child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.start, children: [ ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/Group_2640.svg', width: 0.0, height: 0.0, fit: BoxFit.contain, ), ), Align( alignment: AlignmentDirectional(0.0, 0.0), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 16.0, 0.0, 0.0, 0.0), child: ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/pp.svg', width: 30.0, height: 30.0, fit: BoxFit.cover, ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context).getText( 'bsw6r7se' /* Privacy Policy */ , ), style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 16.0, ), ), ), ], ), ), ), Container( width: 180.0, height: 61.0, decoration: BoxDecoration( color: Color(0xFF009B9A), ), child: InkWell( splashColor: Colors.transparent, focusColor: Colors.transparent, hoverColor: Colors.transparent, highlightColor: Colors.transparent, onTap: () async { context.pushNamed('language'); }, child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.start, children: [ ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/Group_2640.svg', width: 0.0, height: 0.0, fit: BoxFit.contain, ), ), Align( alignment: AlignmentDirectional(0.0, 0.0), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 16.0, 0.0, 0.0, 0.0), child: ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/language.svg', width: 30.0, height: 30.0, fit: BoxFit.contain, ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 15.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context).getText( 'o8bq8u20' /* Languages */, ), style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 16.0, ), ), ), ], ), ), ), Container( width: 180.0, height: 61.0, decoration: BoxDecoration( color: Color(0xFF009B9A), ), child: InkWell( splashColor: Colors.transparent, focusColor: Colors.transparent, hoverColor: Colors.transparent, highlightColor: Colors.transparent, onTap: () async { context.pushNamed('setting'); }, child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.start, children: [ ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/Group_2640.svg', width: 0.0, height: 0.0, fit: BoxFit.contain, ), ), Align( alignment: AlignmentDirectional(0.0, 0.0), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 16.0, 0.0, 0.0, 0.0), child: ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/setting-2.svg', width: 30.0, height: 30.0, fit: BoxFit.contain, ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 15.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context).getText( 'jm069z3x' /* Settings */, ), style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 16.0, ), ), ), ], ), ), ), ], ), ), ), ), appBar: PreferredSize( preferredSize: Size.fromHeight(0.0), child: AppBar( backgroundColor: Color(0xFFE7E36B), automaticallyImplyLeading: false, actions: [], centerTitle: false, elevation: 0.0, ), ), body: SafeArea( top: true, child: Stack( children: [ SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 120.0, 0.0, 100.0), child: Column( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.end, children: [ Align( alignment: AlignmentDirectional(0.0, 0.0), child: Container( width: 358.0, height: 1400.0, decoration: BoxDecoration( color: FlutterTheme.of(context) .secondaryBackground, borderRadius: BorderRadius.circular(0.0), ), child: Column( mainAxisSize: MainAxisSize.max, children: [ Row( mainAxisSize: MainAxisSize.max, children: [ Container( width: 358.0, height: 50.0, decoration: BoxDecoration( gradient: LinearGradient( colors: [ Color(0xFF7DB979), Color(0xFF26BBAA) ], stops: [0.0, 1.0], begin: AlignmentDirectional(-1.0, 0.0), end: AlignmentDirectional(1.0, 0), ), ), child: Align( alignment: AlignmentDirectional(0.0, 0.0), child: Text( FFLocalizations.of(context).getText( 'w3v3u5ry' /* Checkout */, ), style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Roboto', color: Colors.white, fontSize: 24.0, ), ), ), ), ], ), Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB( 10.0, 10.0, 0.0, 16.0), child: Text( FFLocalizations.of(context).getText( 'p40ju7he' /* Cart Summary */, ), style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: 20.0, ), ), ), ], ), Container( width: 328.0, height: 214.0, decoration: BoxDecoration( color: Color(0xFFEBEBE4), boxShadow: [ BoxShadow( blurRadius: 4.0, color: Color(0x33000000), offset: Offset(0.0, 2.0), ) ], borderRadius: BorderRadius.circular(16.0), ), child: Column( mainAxisSize: MainAxisSize.max, children: [ Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 24.0, 12.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'cmn6i7fe' /* Bookkeeping Service subscripti... */, ), textAlign: TextAlign.start, style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: 16.0, ), ), ), ), ], ), Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 24.0, 12.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( '2z91z23e' /* Short */, ), textAlign: TextAlign.start, style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: 16.0, ), ), ), ), ], ), Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 24.0, 12.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'xln4tkw1' /* Annually */, ), textAlign: TextAlign.start, style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: 16.0, ), ), ), Expanded( child: Align( alignment: AlignmentDirectional( 1.0, 0.0), child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 0.0, 12.0, 24.0, 0.0), child: Text( FFLocalizations.of(context) .getText( '46vdrsf8' /* HK$18,000 */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Readex Pro', color: Color(0xFF009B9A), fontSize: 16.0, ), ), ), ), ), ], ), SizedBox( width: 300.0, child: StyledDivider( thickness: 1.0, color: Color(0xFF364257), lineStyle: DividerLineStyle.dashed, ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 24.0, 12.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'c01x2fl4' /* Total */, ), textAlign: TextAlign.start, style: FlutterTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: 16.0, ), ), ), Expanded( child: Align( alignment: AlignmentDirectional( 1.0, 0.0), child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 0.0, 12.0, 24.0, 0.0), child: Text( FFLocalizations.of(context) .getText( '4jy9nilo' /* HK$18,000 */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Readex Pro', color: Color(0xFF009B9A), fontSize: 16.0, ), ), ), ), ), ], ), ], ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 16.0, 0.0, 0.0), child: Container( width: 328.0, height: 443.0, decoration: BoxDecoration( color: Color(0xFFF4F7FA), boxShadow: [ BoxShadow( blurRadius: 4.0, color: Color(0x33000000), offset: Offset(0.0, 2.0), ) ], borderRadius: BorderRadius.circular(8.0), ), child: Column( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.start, children: [ Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.center, children: [ Align( alignment: AlignmentDirectional( 0.0, 0.0), child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 0.0, 19.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'ptdzm4vk' /* Your contact details */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 20.0, ), ), ), ), ], ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 12.0, 0.0, 5.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'mnw4ew51' /* First name */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 16.0, ), ), ), ], ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 8.0, 0.0, 8.0, 0.0), child: Container( width: 326.0, child: TextFormField( controller: _model .textController1, focusNode: _model .textFieldFocusNode1, obscureText: false, decoration: InputDecoration( labelStyle: FlutterTheme.of( context) .labelMedium, hintStyle: FlutterTheme.of( context) .labelMedium, enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0xFF6D7581), width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .primary, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), filled: true, fillColor: Colors.white, ), style: FlutterTheme.of( context) .bodyMedium, validator: _model .textController1Validator .asValidator(context), ), ), ), ), ], ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 12.0, 0.0, 5.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'jxl5aryk' /* Last name */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 16.0, ), ), ), ], ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 8.0, 0.0, 8.0, 0.0), child: Container( width: 326.0, child: TextFormField( controller: _model .textController2, focusNode: _model .textFieldFocusNode2, obscureText: false, decoration: InputDecoration( labelStyle: FlutterTheme.of( context) .labelMedium, hintStyle: FlutterTheme.of( context) .labelMedium, enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0xFF6D7581), width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .primary, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), filled: true, fillColor: Colors.white, ), style: FlutterTheme.of( context) .bodyMedium, validator: _model .textController2Validator .asValidator(context), ), ), ), ), ], ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 12.0, 0.0, 5.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'd3yqhjvz' /* Phone */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 16.0, ), ), ), ], ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 8.0, 0.0, 8.0, 0.0), child: Container( width: 326.0, child: TextFormField( controller: _model .textController3, focusNode: _model .textFieldFocusNode3, obscureText: false, decoration: InputDecoration( labelStyle: FlutterTheme.of( context) .labelMedium, hintStyle: FlutterTheme.of( context) .labelMedium, enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0xFF6D7581), width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .primary, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), filled: true, fillColor: Colors.white, ), style: FlutterTheme.of( context) .bodyMedium, validator: _model .textController3Validator .asValidator(context), ), ), ), ), ], ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 12.0, 0.0, 5.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'rmjekpi8' /* Email */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 16.0, ), ), ), ], ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 8.0, 0.0, 8.0, 0.0), child: Container( width: 326.0, child: TextFormField( controller: _model .textController4, focusNode: _model .textFieldFocusNode4, obscureText: false, decoration: InputDecoration( labelStyle: FlutterTheme.of( context) .labelMedium, hintStyle: FlutterTheme.of( context) .labelMedium, enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0xFF6D7581), width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .primary, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), filled: true, fillColor: Colors.white, ), style: FlutterTheme.of( context) .bodyMedium, validator: _model .textController4Validator .asValidator(context), ), ), ), ), ], ), ], ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 16.0, 0.0, 0.0), child: Container( width: 328.0, height: 501.0, decoration: BoxDecoration( color: Color(0xFFF4F7FA), boxShadow: [ BoxShadow( blurRadius: 4.0, color: Color(0x33000000), offset: Offset(0.0, 2.0), ) ], borderRadius: BorderRadius.circular(8.0), ), child: Column( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.start, children: [ Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.center, children: [ Align( alignment: AlignmentDirectional( 0.0, 0.0), child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 0.0, 19.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'o2agngmv' /* Payment details */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 20.0, ), ), ), ), ], ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 12.0, 0.0, 5.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'gufzq9nh' /* Credit Card */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 16.0, ), ), ), Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Container( width: 59.0, height: 43.0, decoration: BoxDecoration( color: FlutterTheme .of(context) .secondaryBackground, boxShadow: [ BoxShadow( blurRadius: 4.0, color: Color(0x33000000), offset: Offset(0.0, 2.0), ) ], borderRadius: BorderRadius.circular( 10.0), ), child: ClipRRect( borderRadius: BorderRadius.circular( 8.0), child: Image.asset( 'assets/images/1200px-Mastercard_2019_logo.png', width: 300.0, height: 200.0, fit: BoxFit.none, ), ), ), ), Padding( padding: EdgeInsetsDirectional .fromSTEB( 5.0, 0.0, 0.0, 0.0), child: Container( width: 59.0, height: 43.0, decoration: BoxDecoration( color: FlutterTheme .of(context) .secondaryBackground, boxShadow: [ BoxShadow( blurRadius: 4.0, color: Color(0x33000000), offset: Offset(0.0, 2.0), ) ], borderRadius: BorderRadius.circular( 10.0), ), child: ClipRRect( borderRadius: BorderRadius.circular( 8.0), child: Image.asset( 'assets/images/Visa_Inc._logo.png', width: 300.0, height: 200.0, fit: BoxFit.none, ), ), ), ), ], ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 12.0, 0.0, 5.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'lqn05ber' /* First name */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 16.0, ), ), ), ], ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 8.0, 0.0, 8.0, 0.0), child: Container( width: 326.0, child: TextFormField( controller: _model .textController5, focusNode: _model .textFieldFocusNode5, obscureText: false, decoration: InputDecoration( labelStyle: FlutterTheme.of( context) .labelMedium, hintStyle: FlutterTheme.of( context) .labelMedium, enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0xFF6D7581), width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .primary, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), filled: true, fillColor: Colors.white, ), style: FlutterTheme.of( context) .bodyMedium, validator: _model .textController5Validator .asValidator(context), ), ), ), ), ], ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 12.0, 0.0, 5.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'xr9umi4x' /* Last name */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 16.0, ), ), ), ], ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 8.0, 0.0, 8.0, 0.0), child: Container( width: 326.0, child: TextFormField( controller: _model .textController6, focusNode: _model .textFieldFocusNode6, obscureText: false, decoration: InputDecoration( labelStyle: FlutterTheme.of( context) .labelMedium, hintStyle: FlutterTheme.of( context) .labelMedium, enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0xFF6D7581), width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .primary, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), filled: true, fillColor: Colors.white, ), style: FlutterTheme.of( context) .bodyMedium, validator: _model .textController6Validator .asValidator(context), ), ), ), ), ], ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 12.0, 0.0, 5.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( '15ynhys9' /* Phone */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 16.0, ), ), ), ], ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 8.0, 0.0, 8.0, 0.0), child: Container( width: 326.0, child: TextFormField( controller: _model .textController7, focusNode: _model .textFieldFocusNode7, obscureText: false, decoration: InputDecoration( labelStyle: FlutterTheme.of( context) .labelMedium, hintStyle: FlutterTheme.of( context) .labelMedium, enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0xFF6D7581), width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .primary, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), filled: true, fillColor: Colors.white, ), style: FlutterTheme.of( context) .bodyMedium, validator: _model .textController7Validator .asValidator(context), ), ), ), ), ], ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 12.0, 0.0, 5.0), child: Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional .fromSTEB( 16.0, 0.0, 0.0, 0.0), child: Text( FFLocalizations.of(context) .getText( 'jc1xaf25' /* Email */, ), style: FlutterTheme.of( context) .bodyMedium .override( fontFamily: 'Roboto', fontSize: 16.0, ), ), ), ], ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB( 8.0, 0.0, 8.0, 0.0), child: Container( width: 326.0, child: TextFormField( controller: _model .textController8, focusNode: _model .textFieldFocusNode8, obscureText: false, decoration: InputDecoration( labelStyle: FlutterTheme.of( context) .labelMedium, hintStyle: FlutterTheme.of( context) .labelMedium, enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0xFF6D7581), width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .primary, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterTheme .of(context) .error, width: 2.0, ), borderRadius: BorderRadius .circular( 23.8), ), filled: true, fillColor: Colors.white, ), style: FlutterTheme.of( context) .bodyMedium, validator: _model .textController8Validator .asValidator(context), ), ), ), ), ], ), ], ), ), ), Expanded( child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB( 10.0, 0.0, 0.0, 0.0), child: FFButtonWidget( onPressed: () async { context.pushNamed('bk_checkout1'); }, text: FFLocalizations.of(context) .getText( 'vvp6rrd9' /* Pay */, ), options: FFButtonOptions( width: 159.0, height: 50.0, padding: EdgeInsetsDirectional .fromSTEB( 24.0, 0.0, 24.0, 0.0), iconPadding: EdgeInsetsDirectional .fromSTEB(0.0, 0.0, 0.0, 0.0), color: Color(0xFFF3CF5D), textStyle: FlutterTheme.of( context) .titleSmall .override( fontFamily: 'Readex Pro', color: Color(0xFF364257), fontSize: 20.0, ), elevation: 3.0, borderSide: BorderSide( color: Colors.transparent, width: 1.0, ), borderRadius: BorderRadius.circular(40.0), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 0.0, 10.0, 0.0), child: FFButtonWidget( onPressed: () { print('Button pressed ...'); }, text: FFLocalizations.of(context) .getText( 'up4loaqk' /* Cancel */, ), options: FFButtonOptions( width: 159.0, height: 50.0, padding: EdgeInsetsDirectional .fromSTEB( 24.0, 0.0, 24.0, 0.0), iconPadding: EdgeInsetsDirectional .fromSTEB(0.0, 0.0, 0.0, 0.0), color: Color(0xFF9B0025), textStyle: FlutterTheme.of(context) .titleSmall .override( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 20.0, ), elevation: 3.0, borderSide: BorderSide( color: Colors.transparent, width: 1.0, ), borderRadius: BorderRadius.circular(40.0), ), ), ), ], ), ), ], ), ), ), ], ), ), ], ), ), Align( alignment: AlignmentDirectional(0.0, 1.0), child: wrapWithModel( model: _model.navBar1Model, updateCallback: () => setState(() {}), child: NavBar1Widget(), ), ), Align( alignment: AlignmentDirectional(0.0, -1.0), child: wrapWithModel( model: _model.appbarModel, updateCallback: () => setState(() {}), child: AppbarWidget(), ), ), Align( alignment: AlignmentDirectional(1.07, -0.97), child: Padding( padding: EdgeInsetsDirectional.fromSTEB(0.0, 550.0, 30.0, 0.0), child: InkWell( splashColor: Colors.transparent, focusColor: Colors.transparent, hoverColor: Colors.transparent, highlightColor: Colors.transparent, onTap: () async { context.pushNamed('chatbox'); }, child: Container( width: 71.0, height: 71.0, decoration: BoxDecoration( gradient: LinearGradient( colors: [Color(0xFFE7E63B), Color(0xFFC6E6D7)], stops: [0.0, 1.0], begin: AlignmentDirectional(-1.0, 0.0), end: AlignmentDirectional(1.0, 0), ), shape: BoxShape.circle, ), child: ClipRRect( borderRadius: BorderRadius.circular(8.0), child: SvgPicture.asset( 'assets/images/message-2.svg', width: 100.0, height: 100.0, fit: BoxFit.none, ), ), ), ), ), ), ], ), ), ), ); } }