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_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: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("");

  void addCardWindow() {
    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",
              "Dis-Chem",
              "Pick n Pay",
              "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? res = await SimpleBarcodeScanner.scanBarcode(
                    context,
                    barcodeAppBar: const BarcodeAppBar(
                      appBarTitle: 'Scan Barcode',
                      centerTitle: false,
                      enableBackButton: true,
                      backButtonIcon: Icon(Icons.arrow_back),
                    ),
                    isShowFlashIcon: true,
                    delayMillis: 500,
                    cameraFace: CameraFace.back,
                    scanFormat: ScanFormat.ALL_FORMATS,
                  );
                  setState(() {
                    cardNumberController.text = res as String;
                  });
                },
                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: () {
                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();
                    },
                  )
                ],
              ),
              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"),
          );
        }
      },
    );
  }
}