mih-project/Frontend/lib/mih_packages/mzansi_wallet/loyalty_cards.dart

import 'package:Mzansi_Innovation_Hub/main.dart';
import 'package:Mzansi_Innovation_Hub/mih_apis/mih_mzansi_wallet_apis.dart';
import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_button.dart';
import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_dropdown_input.dart';
import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_text_input.dart';
import 'package:Mzansi_Innovation_Hub/mih_components/mih_layout/mih_window.dart';
import 'package:Mzansi_Innovation_Hub/mih_components/mih_pop_up_messages/mih_error_message.dart';
import 'package:Mzansi_Innovation_Hub/mih_components/mih_pop_up_messages/mih_loading_circle.dart';
import 'package:Mzansi_Innovation_Hub/mih_objects/app_user.dart';
import 'package:Mzansi_Innovation_Hub/mih_objects/loyalty_card.dart';
import 'package:Mzansi_Innovation_Hub/mih_packages/mzansi_wallet/builder/build_loyalty_card_list.dart';
import 'package:Mzansi_Innovation_Hub/mih_packages/mzansi_wallet/components/mih_card_display.dart';
import 'package:flutter/material.dart';
// import 'package:flutter/services.dart';
// import 'package:flutter_barcode_scanner/flutter_barcode_scanner.dart';
import 'package:mobile_scanner/mobile_scanner.dart';
import 'package:simple_barcode_scanner/simple_barcode_scanner.dart';

class LoyaltyCards extends StatefulWidget {
  final AppUser signedInUser;
  const LoyaltyCards({
    super.key,
    required this.signedInUser,
  });

  @override
  State<LoyaltyCards> createState() => _LoyaltyCardsState();
}

class _LoyaltyCardsState extends State<LoyaltyCards> {
  final TextEditingController shopController = TextEditingController();
  final TextEditingController cardNumberController = TextEditingController();
  late Future<List<MIHLoyaltyCard>> cardList;
  //bool showSelectedCardType = false;
  final ValueNotifier<String> shopName = ValueNotifier("");
  final MobileScannerController scannerController = MobileScannerController();

  void foundCode(BarcodeCapture bcode) {
    if (bcode.barcodes.first.rawValue != null) {
      setState(() {
        cardNumberController.text = bcode.barcodes.first.rawValue!;
      });
      //print(bcode.barcodes.first.rawValue);
      scannerController.stop();
      Navigator.of(context).pop();
    }
  }

  void openscanner() {
    showDialog(
      barrierDismissible: false,
      context: context,
      builder: (context) {
        return MIHWindow(
          fullscreen: false,
          windowTitle: "Scanner",
          windowBody: [
            Expanded(
              child: MobileScanner(
                controller: scannerController,
                onDetect: foundCode,
              ),
            ),
          ],
          windowTools: [],
          onWindowTapClose: () {
            scannerController.stop();
            Navigator.pop(context);
          },
        );
      },
    );
  }

  void addCardWindow(BuildContext ctxt) {
    showDialog(
      context: context,
      barrierDismissible: false,
      builder: (context) => MIHWindow(
        fullscreen: false,
        windowTitle: "Add New Loyalty Card",
        windowTools: const [
          SizedBox(width: 35),
          // IconButton(
          //   onPressed: () {
          //     //Delete card API Call
          //   },
          //   icon: Icon(
          //     Icons.delete,
          //     color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
          //   ),
          // ),
        ],
        onWindowTapClose: () {
          shopController.clear();
          cardNumberController.clear();
          shopName.value = "";
          Navigator.pop(context);
        },
        windowBody: [
          MIHDropdownField(
            controller: shopController,
            hintText: "Shop Name",
            dropdownOptions: const [
              "Best Before",
              "Checkers",
              "Clicks",
              "Cotton:On",
              "Dis-Chem",
              "Pick n Pay",
              "Shoprite",
              "Spar",
              "Woolworths"
            ],
            required: true,
            editable: true,
          ),
          ValueListenableBuilder(
            valueListenable: shopName,
            builder: (BuildContext context, String value, Widget? child) {
              return Visibility(
                visible: value != "",
                child: Column(
                  children: [
                    const SizedBox(height: 10),
                    MihCardDisplay(shopName: shopName.value, height: 200),
                  ],
                ),
              );
            },
          ),
          const SizedBox(height: 10),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.max,
            children: [
              Flexible(
                child: MIHTextField(
                  controller: cardNumberController,
                  hintText: "Card Number",
                  editable: true,
                  required: true,
                ),
              ),
              const SizedBox(width: 10),
              MIHButton(
                onTap:
                    // () async {
                    //   String bcodeScanResults;
                    //   try {
                    //     bcodeScanResults = await FlutterBarcodeScanner.scanBarcode(
                    //       '#ff6666',
                    //       'Cancel',
                    //       true,
                    //       ScanMode.BARCODE,
                    //     );
                    //   } on PlatformException {
                    //     bcodeScanResults = "Platform not supported";
                    //   }

                    //   if (!mounted) return;
                    //   setState(() {
                    //     cardNumberController.text = bcodeScanResults;
                    //   });
                    // },
                    // () {
                    //   openscanner();
                    // },
                    () async {
                  print("here");
                  String? res = await SimpleBarcodeScanner.scanBarcode(
                    context,
                    barcodeAppBar: const BarcodeAppBar(
                      appBarTitle: 'Scan Bardcode',
                      centerTitle: true,
                      enableBackButton: true,
                      backButtonIcon: Icon(Icons.arrow_back),
                    ),
                    isShowFlashIcon: true,
                    delayMillis: 500,
                    cameraFace: CameraFace.back,
                    scanFormat: ScanFormat.ONLY_BARCODE,
                  );
                  if (res != null) {
                    setState(() {
                      cardNumberController.text = res;
                    });
                  }
                },
                buttonText: "Scan",
                buttonColor:
                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
                textColor:
                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
              ),
            ],
          ),
          const SizedBox(height: 15),
          SizedBox(
            width: 300,
            height: 50,
            child: MIHButton(
              onTap: () {
                if (shopController.text == "" ||
                    cardNumberController.text == "") {
                  showDialog(
                    context: context,
                    builder: (context) {
                      return const MIHErrorMessage(errorType: "Input Error");
                    },
                  );
                } else {
                  MIHMzansiWalletApis.addLoyaltyCardAPICall(
                    widget.signedInUser,
                    widget.signedInUser.app_id,
                    shopController.text,
                    cardNumberController.text,
                    context,
                  );
                }
              },
              buttonText: "Add",
              buttonColor:
                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
              textColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
            ),
          ),
        ],
      ),
    );
  }

  void shopSelected() {
    if (shopController.text.isNotEmpty) {
      shopName.value = shopController.text;
    } else {
      shopName.value = "";
    }
  }

  @override
  void dispose() {
    cardNumberController.dispose();
    shopController.dispose();
    shopController.removeListener(shopSelected);
    shopName.dispose();
    super.dispose();
  }

  @override
  void initState() {
    cardList = MIHMzansiWalletApis.getLoyaltyCards(widget.signedInUser.app_id);
    shopController.addListener(shopSelected);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: cardList,
      builder: (context, snapshot) {
        //print(snapshot.connectionState);
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(
            child: Mihloadingcircle(),
          );
        } else if (snapshot.connectionState == ConnectionState.done &&
            snapshot.hasData) {
          final cardList = snapshot.data!;
          return Column(
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    "Loyalty Cards",
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      fontSize: 25,
                      fontWeight: FontWeight.bold,
                      color: MzanziInnovationHub.of(context)!
                          .theme
                          .secondaryColor(),
                    ),
                  ),
                  IconButton(
                    icon: const Icon(Icons.add_card),
                    alignment: Alignment.topRight,
                    color:
                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
                    onPressed: () {
                      addCardWindow(context);
                    },
                  )
                ],
              ),
              Divider(
                  color:
                      MzanziInnovationHub.of(context)!.theme.secondaryColor()),
              const SizedBox(height: 10),
              BuildLoyaltyCardList(
                cardList: cardList,
                signedInUser: widget.signedInUser,
              )
            ],
          );
        } else {
          return const Center(
            child: Text("Error Loading Loyalty Cards"),
          );
        }
      },
    );
  }
}