import 'dart:convert';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:image_picker/image_picker.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/new_views/app_style/app_color.dart';
import 'package:test_sa/new_views/common_widgets/app_lazy_loading.dart';
import 'package:test_sa/new_views/common_widgets/default_app_bar.dart';
import 'package:test_sa/service_request_latest/request_detail_provider.dart';
import 'package:test_sa/service_request_latest/views/components/verify_otp_view.dart';
import 'package:test_sa/views/widgets/loaders/no_data_found.dart';
import 'package:test_sa/views/widgets/qr/scan_qr.dart';

class VerifyArrivalView extends StatefulWidget {
  const VerifyArrivalView({Key? key}) : super(key: key);

  @override
  State<VerifyArrivalView> createState() => _VerifyArrivalViewState();
}

class _VerifyArrivalViewState extends State<VerifyArrivalView> {
  @override
  void initState() {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      getInitialData();
    });
    super.initState();
  }

  Future<void> getInitialData() async {
    RequestDetailProvider requestDetailProvider = Provider.of<RequestDetailProvider>(context, listen: false);
    await requestDetailProvider.getArrivalVerificationType();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: DefaultAppBar(title: context.translation.verifyArrival),
      //backgroundColor: const Color(0xfff8f9fb),
      body: Consumer<RequestDetailProvider>(builder: (context, RequestDetailProvider requestDetailProvider, child) {
        return SafeArea(
          child: requestDetailProvider.isArrivalLoading
              ? const CircularProgressIndicator(color: AppColor.primary10).center
              : requestDetailProvider.arrivalTypeList!.isEmpty
                  ? const NoDataFound().center
                  : ListView.builder(
                      padding: EdgeInsets.zero,
                      itemCount: requestDetailProvider.arrivalTypeList!.length,
                      itemBuilder: (builderContext, index) {
                        final item = requestDetailProvider.arrivalTypeList?[index];
                        return customListItem(
                            icon: item?.verificationTypes!.icon ?? '',
                            heading: item?.verificationTypes!.name ?? '',
                            subHeading: item?.description ?? '',
                            onTap: () {
                              onItemTap(requestDetailProvider: requestDetailProvider, index: index, context: context);
                            });
                      },
                    ).paddingOnly(start: 16, end: 16, top: 12, bottom: 12),
        );
      }),
    );
  }

  Widget customListItem({
    required String icon,
    required String heading,
    required String subHeading,
    required VoidCallback onTap,
  }) {
    return GestureDetector(
      onTap: onTap, // Handles the tap
      child: Card(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(14), // Circular border radius
        ),
        color: Colors.white,
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.start, // Align items at the top
          children: [
            // Icon Section
            icon
                .toSvgAsset(
                  width: 32,
                  color: AppColor.neutral120,
                  height: 29,
                )
                .paddingOnly(top: 8),
            14.width,
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    heading,
                    style: AppTextStyles.heading6.copyWith(color: AppColor.neutral50),
                  ),
                  7.height,
                  Text(
                    subHeading,
                    style: AppTextStyles.bodyText2.copyWith(color: AppColor.neutral120),
                  ),
                ],
              ).paddingOnly(end: 50),
            ),
          ],
        ).paddingAll(12),
      ),
    );
  }

  void onItemTap({required int index, required RequestDetailProvider requestDetailProvider, required BuildContext context}) async {
    switch (index) {
      case 0:
        int? status;
        String? result = await Navigator.of(context).push(
          MaterialPageRoute(builder: (_) => const ScanQr()),
        ) as String?;
        if (result != null) {
          try {
            //TODO show loader.
            showDialog(context: context, barrierDismissible: false, builder: (context) => const AppLazyLoading());
            status = await requestDetailProvider.engineerConfirmArrival(
                workOrderId: requestDetailProvider.currentWorkOrder!.data!.requestId!, verificationTypeId: 1, photoInfo: '', otp: '', assetNo: result);
            if (status == 200) {
              requestDetailProvider.getWorkOrderById(id: requestDetailProvider.currentWorkOrder!.data!.requestId!);
              Navigator.pop(context);
              requestDetailProvider.startTimer();
              Navigator.pop(context);
            } else {
              Navigator.pop(context);
              //show some message.
            }
          } catch (e) {
            Navigator.pop(context);
            print('error i got is $e');
          }
        }
        break;
      case 1:
        Fluttertoast.showToast(msg: 'Under process...' ?? "", toastLength: Toast.LENGTH_LONG);
        break;
      case 2:
          requestDetailProvider.sendOtp(workOrderId: requestDetailProvider.currentWorkOrder!.data!.requestId!);
          Navigator.pushReplacement(
            context,
            MaterialPageRoute(builder: (context) => const VerifyOtpView()),
          );
        break;
      case 3:
        File? pickedFile = await onFilePicker();
        if (pickedFile != null) {
          var fileObj = ("${pickedFile.path.split("/").last}|${base64Encode(File(pickedFile.path).readAsBytesSync())}");
          int? status;
          try {
            //TODO add loader
            showDialog(context: context, barrierDismissible: false, builder: (context) => const AppLazyLoading());
            status = await requestDetailProvider.engineerConfirmArrival(workOrderId: requestDetailProvider.currentWorkOrder!.data!.requestId!, verificationTypeId: 4, photoInfo: fileObj, otp: '');
            if (status == 200) {
              Navigator.pop(context);
              requestDetailProvider.getWorkOrderById(id: requestDetailProvider.currentWorkOrder!.data!.requestId!);
              Navigator.pop(context);
              requestDetailProvider.startTimer();
            } else {
              Navigator.pop(context);
            }
          } catch (e) {
            Navigator.pop(context);
          }
        }
        break;
    }
    //   ScanQr
  }

  Future<File?> onFilePicker() async {
    File? fileImage;
    final pickedFile = await ImagePicker().pickImage(source: ImageSource.camera, imageQuality: 70, maxWidth: 800, maxHeight: 800);

    if (pickedFile != null) {
      fileImage = File(pickedFile.path);
    }
    return fileImage;
  }
}