You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
394 lines
17 KiB
Dart
394 lines
17 KiB
Dart
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
|
|
import 'package:diplomaticquarterapp/models/CovidDriveThru/CovidPaymentInfoResponse.dart';
|
|
import 'package:diplomaticquarterapp/models/CovidDriveThru/CovidTestProceduresResponse.dart';
|
|
import 'package:diplomaticquarterapp/pages/Covid-DriveThru/Covid-TimeSlots.dart';
|
|
import 'package:diplomaticquarterapp/services/covid-drivethru/covid-drivethru.dart';
|
|
import 'package:diplomaticquarterapp/theme/colors.dart';
|
|
import 'package:diplomaticquarterapp/uitl/gif_loader_dialog_utils.dart';
|
|
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
|
|
import 'package:diplomaticquarterapp/uitl/utils_new.dart';
|
|
import 'package:diplomaticquarterapp/widgets/data_display/text.dart';
|
|
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
|
|
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class CovidPaymentDetails extends StatefulWidget {
|
|
CovidPaymentInfoResponse covidPaymentInfoResponse;
|
|
int projectID;
|
|
List<CovidTestProceduresResponse> proceduresList;
|
|
CovidTestProceduresResponse selectedProcedure;
|
|
|
|
CovidPaymentDetails({@required this.covidPaymentInfoResponse, @required this.projectID, @required this.proceduresList});
|
|
|
|
@override
|
|
_CovidPaymentDetailsState createState() => _CovidPaymentDetailsState();
|
|
}
|
|
|
|
class _CovidPaymentDetailsState extends State<CovidPaymentDetails> {
|
|
bool isAgree = false;
|
|
|
|
@override
|
|
void initState() {
|
|
widget.selectedProcedure = widget.proceduresList[0];
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
ProjectViewModel projectViewModel = Provider.of(context);
|
|
return AppScaffold(
|
|
appBarTitle: TranslationBase.of(context).covidTest,
|
|
isShowAppBar: true,
|
|
showNewAppBarTitle: true,
|
|
showNewAppBar: true,
|
|
backgroundColor: CustomColors.appBackgroudGrey2Color,
|
|
body: Container(
|
|
// margin: EdgeInsets.fromLTRB(15.0, 15.0, 15.0, 100.0),
|
|
|
|
child: Column(
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding: EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
// Container(
|
|
// height: 150.0,
|
|
// decoration: BoxDecoration(
|
|
// image: DecorationImage(
|
|
// image: AssetImage(
|
|
// "assets/images/new-design/covid-19-big-banner-bg.png"),
|
|
// fit: BoxFit.fill,
|
|
// ),
|
|
// color: Colors.white.withOpacity(0.3),
|
|
// borderRadius: BorderRadius.all(Radius.circular(10))),
|
|
// child: Row(
|
|
// crossAxisAlignment: CrossAxisAlignment.start,
|
|
// children: <Widget>[
|
|
// Container(
|
|
// margin:
|
|
// EdgeInsets.only(left: 15.0, right: 15.0, top: 30.0),
|
|
// child: SvgPicture.asset(
|
|
// 'assets/images/new-design/covid-19-car.svg',
|
|
// width: 90.0,
|
|
// height: 90.0),
|
|
// ),
|
|
// Column(
|
|
// crossAxisAlignment: CrossAxisAlignment.start,
|
|
// children: <Widget>[
|
|
// Container(
|
|
// margin: EdgeInsets.only(
|
|
// left: 20.0, right: 20.0, top: 20.0),
|
|
// child: Text(TranslationBase.of(context).covidTest,
|
|
// style: TextStyle(
|
|
// color: Colors.white,
|
|
// fontWeight: FontWeight.bold,
|
|
// fontSize: 24.0)),
|
|
// ),
|
|
// Container(
|
|
// margin: EdgeInsets.only(
|
|
// left: 20.0, right: 20.0, top: 10.0),
|
|
// child: Text(TranslationBase.of(context).driveThru,
|
|
// style: TextStyle(
|
|
// color: Colors.white, fontSize: 24.0)),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
Text(TranslationBase.of(context).covidSelectProcedure, style: TextStyle(color: Colors.black, fontSize: 16.0, letterSpacing: -0.64, fontWeight: FontWeight.bold)),
|
|
...List.generate(
|
|
widget.proceduresList.length,
|
|
(index) => Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
height: 1,
|
|
),
|
|
Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
flex: 1,
|
|
child: InkWell(
|
|
onTap: () {
|
|
setState(() {
|
|
widget.selectedProcedure = widget.proceduresList[index];
|
|
getPaymentInfo(context, widget.projectID.toString(), widget.selectedProcedure.procedureID);
|
|
});
|
|
},
|
|
child: ListTile(
|
|
title: Text(
|
|
projectViewModel.isArabic ? widget.proceduresList[index].procedureNameN : widget.proceduresList[index].procedureName,
|
|
style: TextStyle(
|
|
fontSize: 12.0,
|
|
letterSpacing: -0.48,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
leading: Radio(
|
|
value: widget.proceduresList[index],
|
|
groupValue: widget.selectedProcedure,
|
|
activeColor: Colors.red[800],
|
|
toggleable: true,
|
|
onChanged: (value) {
|
|
setState(() {
|
|
widget.selectedProcedure = value;
|
|
print(widget.selectedProcedure.procedureName);
|
|
getPaymentInfo(context, widget.projectID.toString(), widget.selectedProcedure.procedureID);
|
|
});
|
|
},
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
Card(
|
|
shape: cardRadius(12),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(12.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(TranslationBase.of(context).testFee,
|
|
style: TextStyle(
|
|
color: Colors.black,
|
|
fontSize: 16.0,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: -0.64,
|
|
)),
|
|
Container(
|
|
width: double.infinity,
|
|
padding: EdgeInsets.only(top: 10, bottom: 3),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: _getNormalText(TranslationBase.of(context).patientShareToDo),
|
|
),
|
|
Expanded(
|
|
child: _getNormalText(widget.covidPaymentInfoResponse.patientShareField.toString(), isBold: true),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
mDivider(Colors.grey[200]),
|
|
Container(
|
|
width: double.infinity,
|
|
padding: EdgeInsets.only(top: 3, bottom: 3),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: _getNormalText(TranslationBase.of(context).patientTaxToDo),
|
|
),
|
|
Expanded(
|
|
child: _getNormalText(widget.covidPaymentInfoResponse.patientTaxAmountField.toString(), isBold: true),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
mDivider(Colors.grey[200]),
|
|
Container(
|
|
width: double.infinity,
|
|
padding: EdgeInsets.only(top: 3, bottom: 3),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: _getNormalText(TranslationBase.of(context).patientShareTotalToDo),
|
|
),
|
|
Expanded(
|
|
child: _getNormalText(widget.covidPaymentInfoResponse.patientShareWithTaxField.toString(), isBold: true),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
Container(
|
|
margin: EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 0.0),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Checkbox(
|
|
value: isAgree,
|
|
onChanged: (value) {
|
|
setState(() {
|
|
isAgree = !isAgree;
|
|
});
|
|
},
|
|
activeColor: Color(0xffB8382C),
|
|
),
|
|
Text(
|
|
TranslationBase.of(context).agreeTo,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
letterSpacing: -0.48,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
mWidth(3),
|
|
Text(
|
|
TranslationBase.of(context).termsConditoins,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
letterSpacing: -0.48,
|
|
color: CustomColors.accentColor,
|
|
fontWeight: FontWeight.w600,
|
|
decoration: TextDecoration.underline,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
mFlex(1),
|
|
|
|
Text(
|
|
TranslationBase.of(context).payOptions,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 12.0,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: -0.46,
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 12, bottom: 12),
|
|
child: Image.asset("assets/images/new-design/payment_options_invoice_confirmation.png", width: 300),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
child: Card(
|
|
elevation: 20,
|
|
margin: EdgeInsets.zero,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(top: 12, bottom: 12, left: 12, right: 12),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
flex: 1,
|
|
child: Container(
|
|
child: ButtonTheme(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
),
|
|
minWidth: MediaQuery.of(context).size.width * 0.7,
|
|
height: 45.0,
|
|
child: RaisedButton(
|
|
color: CustomColors.darkGreyColor,
|
|
textColor: Colors.white,
|
|
elevation: 0,
|
|
disabledTextColor: Colors.white,
|
|
disabledColor: Colors.grey[500],
|
|
onPressed: () {
|
|
cancel();
|
|
},
|
|
child: Text(
|
|
TranslationBase.of(context).cancel,
|
|
style: TextStyle(
|
|
fontSize: 16.0,
|
|
letterSpacing: -0.48,
|
|
color: Colors.black,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
mWidth(12),
|
|
Expanded(
|
|
flex: 1,
|
|
child: Container(
|
|
child: ButtonTheme(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
),
|
|
minWidth: MediaQuery.of(context).size.width * 0.7,
|
|
height: 45.0,
|
|
child: RaisedButton(
|
|
color: CustomColors.accentColor,
|
|
textColor: Colors.white,
|
|
elevation: 0,
|
|
disabledTextColor: Colors.white,
|
|
disabledColor: Colors.grey[500],
|
|
onPressed: isAgree ? next : null,
|
|
child: Text(
|
|
TranslationBase.of(context).next,
|
|
style: TextStyle(
|
|
fontSize: 16.0,
|
|
letterSpacing: -0.48,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void next() {
|
|
Navigator.push(
|
|
context,
|
|
FadePage(
|
|
page: CovidTimeSlots(
|
|
projectID: widget.projectID,
|
|
selectedProcedure: widget.selectedProcedure,
|
|
)));
|
|
}
|
|
|
|
cancel() {
|
|
Navigator.pop(context);
|
|
}
|
|
|
|
getPaymentInfo(BuildContext context, String projectID, String selectedProcedureID) {
|
|
CovidDriveThruService service = new CovidDriveThruService();
|
|
GifLoaderDialogUtils.showMyDialog(context);
|
|
service.getCovidPaymentInformation(context, int.parse(projectID), selectedProcedureID).then((res) {
|
|
GifLoaderDialogUtils.hideDialog(context);
|
|
if (res['MessageStatus'] == 1) {
|
|
setState(() {
|
|
widget.covidPaymentInfoResponse = CovidPaymentInfoResponse.fromJson(res['COVID19_PatientShare']);
|
|
});
|
|
} else {}
|
|
}).catchError((err) {
|
|
print(err);
|
|
});
|
|
}
|
|
|
|
_getNormalText(text, {bool isBold = false}) {
|
|
return Text(
|
|
text,
|
|
style: TextStyle(
|
|
fontSize: isBold ? 12 : 10,
|
|
letterSpacing: -0.5,
|
|
color: isBold ? Colors.black : Colors.grey[700],
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
);
|
|
}
|
|
}
|