import 'package:diplomaticquarterapp/core/viewModels/er/rrt-view-model.dart'; import 'package:diplomaticquarterapp/pages/ErService/rapid-response-team/rrt-pickup-address-page.dart'; import 'package:diplomaticquarterapp/pages/base/base_view.dart'; import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart'; import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class RRTRequestPage extends StatefulWidget{ @override State createState() => RRTRequestPageState(); } class RRTRequestPageState extends State{ bool acceptTerms = false; @override Widget build(BuildContext context) { return BaseView( onModelReady: (viewModel){ }, builder: (ctx, vm, widget) => Column( children: [ Expanded( child: ListView( padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15), children: [ serviceDescription(context), SizedBox(height: 20), priceTable(context), acceptPolicy(), Container(height: 0.5, color: Theme.of(context).appBarTheme.color),// Seperator Container( padding: EdgeInsets.only(top: 20, bottom: 5), alignment: Alignment.center, child: Text(TranslationBase.of(context).YouCanPayByTheFollowingOptions, style: TextStyle(fontSize: 13, color: Theme.of(context).appBarTheme.color, fontWeight: FontWeight.w500), maxLines: 2) ), paymentOptions(), ], ), ), actionButtons() ], ) ); } Widget serviceDescription(BuildContext context) => Padding( padding: const EdgeInsets.symmetric(horizontal: 10), child: Text( TranslationBase.of(context).RRTDDetails, textAlign: TextAlign.justify, style: TextStyle(color: Theme.of(context).appBarTheme.color, fontSize: 15, height: 1.5, fontWeight: FontWeight.w300), ), ); Widget priceTable(BuildContext context){ var radius = Radius.circular(8); return Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Container( height: 30, decoration: BoxDecoration(color: Theme.of(context).appBarTheme.color, borderRadius: BorderRadius.only(topLeft: radius, topRight: radius)), child: Center(child: Text(TranslationBase.of(context).ApproximateServiceFee, style: TextStyle(color: Colors.white, fontSize: 12, fontWeight: FontWeight.w500, letterSpacing: 1))), ), pricingRow(label: TranslationBase.of(context).AmountBeforeTax, value: '500 SAR'), Container(height: 0.5, color: Theme.of(context).appBarTheme.color), pricingRow(label: TranslationBase.of(context).TaxAmount, value: '50 SAR'), Container(height: 0.5, color: Theme.of(context).appBarTheme.color), pricingRow(label: TranslationBase.of(context).TotalAmountPayable, value: '550 SAR', labelBold: true), Container(height: 0.5, color: Theme.of(context).appBarTheme.color), ], ); } Widget pricingRow({@required String label, @required String value, bool labelBold = false, bool valueBold = false}){ return Container( height: 40, margin: EdgeInsets.symmetric(horizontal: 10), child: Row( children: [ Text(label, style: TextStyle(fontSize: 13, color: Theme.of(context).appBarTheme.color, fontWeight: labelBold ? FontWeight.bold : FontWeight.normal)), Spacer(), Container(height: 40, color: Theme.of(context).appBarTheme.color, width: 0.5,), Container( alignment: Alignment.center, width: MediaQuery.of(context).size.width * 0.25, child: Text(value, style: TextStyle(fontSize: 13, color: Theme.of(context).appBarTheme.color, fontWeight: valueBold ? FontWeight.bold : FontWeight.normal)) ), ], ), ); } Widget acceptPolicy(){ return Padding( padding: const EdgeInsets.symmetric(vertical: 10), child: Row( children: [ Checkbox(value: acceptTerms, onChanged: (v){ setState(() => acceptTerms = v); }), SizedBox(width: 10), Expanded( child: Text(TranslationBase.of(context).iAcceptTermsConditions, style: TextStyle(fontSize: 13, color: Theme.of(context).appBarTheme.color), maxLines: 2) ), Container( alignment: Alignment.center, width: MediaQuery.of(context).size.width * 0.25, child: TextButton( child: Text(TranslationBase.of(context).clickHere, style: TextStyle(fontSize: 12, color: Colors.blue, fontWeight: FontWeight.w400)), onPressed: (){ } ), ) ], ), ); } Widget paymentOptions()=> Container( height: 30, alignment: Alignment.center, child: Image.asset("assets/payment_options/payment_options.png", fit: BoxFit.fill,) ); Widget actionButtons(){ return Container( margin: EdgeInsets.all(15), child: Row( children: [ Expanded( child: MaterialButton( height: 50, color: Theme.of(context).appBarTheme.color, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10) ), onPressed: () { }, child: Text(TranslationBase.of(context).cancel, style: TextStyle(color: Colors.white, fontSize: 13, letterSpacing: 1),), ), ), SizedBox(width: 20,), Expanded( child: MaterialButton( height: 50, color: Theme.of(context).appBarTheme.color, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10) ), child: Text(TranslationBase.of(context).ok, style: TextStyle(color: Colors.white, fontSize: 13, letterSpacing: 1),), onPressed: () { Navigator.push( context, FadePage( page: RRTRequestPickupAddressPage())); }, ), ) ], ), ); } }