PatientApp-KKUMC/lib/pages/ErService/rapid-response-team/rrt-request-page.dart

import 'package:diplomaticquarterapp/core/model/AlHabibMedicalService/ComprehensiveMedicalCheckup/GetCMCAllOrdersResponseModel.dart';
import 'package:diplomaticquarterapp/core/viewModels/er/rrt-view-model.dart';
import 'package:diplomaticquarterapp/models/rrt/RRTProcedureList.dart';
import 'package:diplomaticquarterapp/models/rrt/service_price.dart';
import 'package:diplomaticquarterapp/pages/ErService/rapid-response-team/rrt-order-list-item.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/pages/medical/reports/user_agreement_page.dart';
import 'package:diplomaticquarterapp/services/appointment_services/GetDoctorsList.dart';
import 'package:diplomaticquarterapp/theme/colors.dart';
import 'package:diplomaticquarterapp/uitl/app_toast.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/buttons/defaultButton.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class RRTRequestPage extends StatefulWidget {
  final List<GetCMCAllOrdersResponseModel> pendingOrders;
  final ServicePrice servicePrice;
  RRTViewModel viewModel;

  RRTRequestPage({this.pendingOrders, this.servicePrice, this.viewModel});

  @override
  State<StatefulWidget> createState() => RRTRequestPageState();
}

class RRTRequestPageState extends State<RRTRequestPage> {
  bool acceptTerms = false;
  VidaProcedureList selectedProcedure;

  @override
  void initState() {
    // getProcedureDetails();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return BaseView<RRTViewModel>(
      onModelReady: (vm) {
        // viewModel = vm;
        selectedProcedure = widget.viewModel.rrtProcedureList[0];
      },
      builder: (ctx, vm, widgetState) {
        if (widget.pendingOrders.isNotEmpty)
          return currentOrderContent();
        else
          return requestContent();
      },
    );
  }

  Widget requestContent() {
    return Column(
      children: [
        Expanded(
          child: ListView(
            padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15),
            children: [
              serviceDescription(context),
              SizedBox(height: 20),
              Container(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    ...List.generate(
                      widget.viewModel.rrtProcedureList.length,
                      (index) => Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          SizedBox(
                            height: 1,
                          ),
                          Row(
                            children: <Widget>[
                              Expanded(
                                flex: 1,
                                child: InkWell(
                                  onTap: () {
                                    setState(() {
                                      selectedProcedure = widget.viewModel.rrtProcedureList[index];
                                      // getPaymentInfo(context, widget.projectID.toString(), widget.selectedProcedure.procedureID);
                                    });
                                  },
                                  child: Row(
                                    children: [
                                      Radio(
                                        value: widget.viewModel.rrtProcedureList[index],
                                        groupValue: selectedProcedure,
                                        activeColor: Colors.red[800],
                                        toggleable: true,
                                        onChanged: (value) {
                                          setState(() {
                                            selectedProcedure = value;
                                            print(selectedProcedure.procedureName);
                                            // getPaymentInfo(context, widget.projectID.toString(), widget.selectedProcedure.procedureID);
                                          });
                                        },
                                      ),
                                      Expanded(
                                        child: Text(
                                          // projectViewModel.isArabic ? widget.proceduresList[index].procedureNameN : widget.proceduresList[index].procedureName,
                                          widget.viewModel.rrtProcedureList[index].procedureName,
                                          style: TextStyle(
                                            fontSize: 12.0,
                                            letterSpacing: -0.48,
                                            fontWeight: FontWeight.w600,
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              )
                            ],
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
              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)),

              Container(margin: EdgeInsets.only(left: 15.0, right: 15.0, top: 10.0), child: getPaymentMethods())
            ],
          ),
        ),
        actionButtons()
      ],
    );
  }

  Widget currentOrderContent() {
    var orders = widget.pendingOrders;
    return ListView.builder(
        itemCount: orders.length,
        padding: EdgeInsets.all(21),
        itemBuilder: (ctx, idx) {
          var order = orders[idx];
          return RRTLogListItem(order, onCancel: deleteOrder);
        });
  }

  Widget serviceDescription(BuildContext context) => Padding(
        padding: const EdgeInsets.symmetric(horizontal: 10),
        child: Text(
          TranslationBase.of(context).rrtDDetails,
          textAlign: TextAlign.justify,
          style: TextStyle(fontSize: 14.0, letterSpacing: -0.64, color: CustomColors.textColor, fontWeight: FontWeight.w300),
        ),
      );

  Widget priceTable(BuildContext context) {
    var radius = Radius.circular(8);
    String amount = selectedProcedure.patientShare.toString();
    String vat = selectedProcedure.patientTaxAmount.toString();
    String total = selectedProcedure.patientShareWithTax.toString();
    return Container(
      decoration: cardRadius(12),
      padding: EdgeInsets.all(12),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            TranslationBase.of(context).billAmount,
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 16.0,
              fontWeight: FontWeight.w600,
              letterSpacing: -0.64,
            ),
          ),
          mHeight(10),
          Row(
            children: [
              Expanded(
                child: Text(
                  TranslationBase.of(context).patientShareToDo,
                  style: TextStyle(
                    fontSize: 10,
                    letterSpacing: -0.4,
                    color: CustomColors.textColor,
                    fontWeight: FontWeight.w600,
                  ),
                ),
              ),
              Expanded(
                child: Text(
                  '$amount ${TranslationBase.of(context).sar}',
                  style: TextStyle(
                    fontSize: 12,
                    letterSpacing: -0.48,
                    fontWeight: FontWeight.w600,
                  ),
                ),
              ),
            ],
          ),
          mHeight(4),
          mDivider(CustomColors.lightGreyColor),
          mHeight(4),
          Row(
            children: [
              Expanded(
                child: Text(
                  TranslationBase.of(context).patientTaxToDo,
                  style: TextStyle(
                    fontSize: 10,
                    letterSpacing: -0.4,
                    color: CustomColors.textColor,
                    fontWeight: FontWeight.w600,
                  ),
                ),
              ),
              Expanded(
                child: Text(
                  '$vat ${TranslationBase.of(context).sar}',
                  style: TextStyle(
                    fontSize: 12,
                    letterSpacing: -0.48,
                    fontWeight: FontWeight.w600,
                  ),
                ),
              ),
            ],
          ),
          mHeight(4),
          mDivider(CustomColors.lightGreyColor),
          mHeight(4),
          Row(
            children: [
              Expanded(
                child: Text(
                  TranslationBase.of(context).patientShareTotalToDo,
                  style: TextStyle(
                    fontSize: 14,
                    letterSpacing: -0.4,
                    color: CustomColors.textColor,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
              Expanded(
                child: Text(
                  '$total ${TranslationBase.of(context).sar}',
                  style: TextStyle(
                    fontSize: 14,
                    letterSpacing: -0.48,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ],
          ),
        ],
      ),
    );
    //   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).patientShare, value: '$amount ${TranslationBase.of(context).sar}'),
    //     Container(height: 0.5, color: Theme.of(context).appBarTheme.color),
    //     pricingRow(label: TranslationBase.of(context).patientTaxToDo, value: '$vat ${TranslationBase.of(context).sar}'),
    //     Container(height: 0.5, color: Theme.of(context).appBarTheme.color),
    //     pricingRow(label: TranslationBase.of(context).patientShareWithTax, value: '$total ${TranslationBase.of(context).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: 35,
      margin: EdgeInsets.symmetric(horizontal: 10),
      child: Row(
        children: [
          Text(label, style: TextStyle(fontSize: 12, color: CustomColors.textColor, fontWeight: labelBold ? FontWeight.bold : FontWeight.normal)),
          Spacer(),
          Container(
            height: 35,
            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: 12, color: CustomColors.textColor, 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: 12, color: CustomColors.textColor), 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: () {
                  Navigator.push(
                    context,
                    FadePage(
                      page: UserAgreementContent(),
                    ),
                  );
                }),
          )
        ],
      ),
    );
  }

  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: DefaultButton(
              TranslationBase.of(context).next,
              () {
                if (acceptTerms && selectedProcedure != null)
                  goToPickupAddress();
                else
                  AppToast.showErrorToast(message: TranslationBase.of(context).pleaseAcceptTerms);
              },
              color: acceptTerms ? CustomColors.accentColor : Colors.grey,
            ),
          ),
        ],
      ),
    );
  }

  getProcedureDetails() {
    GifLoaderDialogUtils.showMyDialog(context);
    DoctorsListService service = new DoctorsListService();
    service.getRRTProcedures(15).then((res) {
      GifLoaderDialogUtils.hideDialog(context);
      print(res['Vida_ProcedureList']);
    }).catchError((err) {
      GifLoaderDialogUtils.hideDialog(context);
      AppToast.showErrorToast(message: err);
      print(err);
    });
  }

  goToPickupAddress() async {
    Navigator.push(
        context,
        FadePage(
            page: RRTRequestPickupAddressPage(
          servicePrice: widget.servicePrice,
          selectedProcedure: selectedProcedure,
        )));
  }

  deleteOrder(GetCMCAllOrdersResponseModel order) async {
    GifLoaderDialogUtils.showMyDialog(context);
    var success = await widget.viewModel.cancelOrderRC(order);
    GifLoaderDialogUtils.hideDialog(context);
    if (success)
      setState(() {
        widget.pendingOrders.remove(order);
      });
    await widget.viewModel.getAllOrdersRC();
  }
}