PatientApp-KKUMC/lib/pages/pharmacies/screens/payment-method-select-page.dart

import 'dart:io';

import 'package:diplomaticquarterapp/core/viewModels/pharmacyModule/OrderPreviewViewModel.dart';
import 'package:diplomaticquarterapp/theme/colors.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/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
import 'package:flutter/material.dart';

import 'cart-page/cart-order-preview.dart';

class PaymentMethodSelectPage extends StatefulWidget {
  final OrderPreviewViewModel model;
  final bool isUpdating;
  final Function changeMainState;

  const PaymentMethodSelectPage({Key key, this.model, this.isUpdating = false, this.changeMainState}) : super(key: key);

  @override
  _PaymentMethodSelectPageState createState() => _PaymentMethodSelectPageState();
}

class _PaymentMethodSelectPageState extends State<PaymentMethodSelectPage> {
  PaymentOption selectedPaymentOption;

  @override
  Widget build(BuildContext context) {
    Size screenSize = MediaQuery.of(context).size;
    double cardWidth = screenSize.width / 2 - 32;

    return AppScaffold(
      appBarTitle: TranslationBase.of(context).paymentMethod,
      isShowAppBar: true,
      isPharmacy: true,
      isShowDecPage: false,
      body: Container(
        width: double.infinity,
        margin: EdgeInsets.symmetric(horizontal: 0, vertical: 16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Center(
              child: Text(
                TranslationBase.of(context).selectPaymentOption,
                style: TextStyle(
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                  color: Colors.black,
                ),
              ),
            ),
            Container(
              margin: EdgeInsets.symmetric(horizontal: 0, vertical: 16),
              child: Column(
                children: [
                  PaymentMethodCard(
                      cardWidth,
                      selectedPaymentOption,
                      PaymentOption.meda,
                      () => {
                            setState(() {
                              selectedPaymentOption = PaymentOption.meda;
                            })
                          }),
                  PaymentMethodCard(
                      cardWidth,
                      selectedPaymentOption,
                      PaymentOption.visa,
                      () => {
                            setState(() {
                              selectedPaymentOption = PaymentOption.visa;
                            })
                          }),
                  PaymentMethodCard(
                      cardWidth,
                      selectedPaymentOption,
                      PaymentOption.mastercard,
                      () => {
                            setState(() {
                              selectedPaymentOption = PaymentOption.mastercard;
                            })
                          }),
                  widget.model.cartResponse.totalAmount > 1000
                      ? PaymentMethodCard(
                          cardWidth,
                          selectedPaymentOption,
                          PaymentOption.installments,
                          () => {
                                setState(() {
                                  selectedPaymentOption = PaymentOption.installments;
                                })
                              })
                      : Container(),
                  if (Platform.isIOS)
                    PaymentMethodCard(
                        cardWidth,
                        selectedPaymentOption,
                        PaymentOption.applepay,
                        () => {
                              setState(() {
                                selectedPaymentOption = PaymentOption.applepay;
                              })
                            }),
                ],
              ),
            ),
          ],
        ),
      ),
      bottomSheet: Container(
        color: Theme.of(context).scaffoldBackgroundColor,
        padding: EdgeInsets.symmetric(horizontal: 16, vertical: 20),
        child: DefaultButton(
          TranslationBase.of(context).next,
          selectedPaymentOption != null
              ? () {
                  widget.model.paymentCheckoutData.paymentOption = selectedPaymentOption;
                  if (widget.isUpdating) {
                    widget.changeMainState();
                    Navigator.pop(context);
                    return;
                  } else {
                    Navigator.push(
                      context,
                      FadePage(
                        page: OrderPreviewPage(
                          model: widget.model,
                        ),
                      ),
                    );
                  }
                  // Navigator.pop(context, selectedPaymentOption);
                }
              : null,
          color: Color(0xff5AB154),
        ),
      ),
    );
  }
}

class PaymentMethodCard extends StatelessWidget {
  final double cardWidth;
  final PaymentOption selectedPaymentOption;
  final PaymentOption paymentOption;
  final Function selectMethod;

  PaymentMethodCard(this.cardWidth, this.selectedPaymentOption, this.paymentOption, this.selectMethod);

  @override
  Widget build(BuildContext context) {
    bool isSelected = false;
    if (selectedPaymentOption != null && selectedPaymentOption == paymentOption) {
      isSelected = true;
    }

    return Container(
      width: MediaQuery.of(context).size.width * 0.99,
      child: InkWell(
        onTap: selectMethod,
        child: Card(
          elevation: 0.0,
          margin: EdgeInsets.fromLTRB(8.0, 16.0, 8.0, 8.0),
          color: Colors.white,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(10),
            side: isSelected ? BorderSide(color: Colors.green, width: 2.0) : BorderSide(color: Colors.transparent, width: 0.0),
          ),
          child: Padding(
            padding: const EdgeInsets.all(12.0),
            child: Row(
              children: [
                Container(
                  width: 24,
                  height: 24,
                  decoration: containerColorRadiusBorderWidth(isSelected ? CustomColors.accentColor : Colors.transparent, 100, Colors.grey, 0.5),
                ),
                mWidth(12),
                Container(
                  height: 70.0,
                  width: 70.0,
                  child: Image.asset(getPaymentOptionImage(paymentOption)),
                ),
                mFlex(1),
                if (isSelected)
                  Container(
                    decoration: containerRadius(CustomColors.green, 200),
                    padding: EdgeInsets.only(top: 6, bottom: 6, left: 12, right: 12),
                    child: Text(
                      TranslationBase.of(context).paymentSelected,
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 11,
                      ),
                    ),
                  ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  String getPaymentOptionImage(PaymentOption paymentOption) {
    String assetFile = "assets/images/new/payment/";
    switch (paymentOption.index) {
      case 0:
        return "${assetFile}Mada.png";
        break;
      case 1:
        return "${assetFile}sadad.png";
        break;
      case 2:
        return "${assetFile}visa.png";
        break;
      case 3:
        return "${assetFile}Mastercard.png";
        break;
      case 4:
        return "${assetFile}installments.png";
        break;
      case 5:
        return "${assetFile}Apple_Pay.png";
        break;
      default:
        return "";
    }
  }
}