car_common_app/lib/views/setting_options/provider_license_page.dart

import 'dart:async';
import 'dart:convert';
import 'dart:io';

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:mc_common_app/classes/app_state.dart';
import 'package:mc_common_app/classes/consts.dart';
import 'package:mc_common_app/extensions/int_extensions.dart';
import 'package:mc_common_app/extensions/string_extensions.dart';
import 'package:mc_common_app/generated/locale_keys.g.dart';
import 'package:mc_common_app/main.dart';
import 'package:mc_common_app/models/general_models/generic_resp_model.dart';
import 'package:mc_common_app/models/provider_branches_models/profile/document.dart';
import 'package:mc_common_app/theme/colors.dart';
import 'package:mc_common_app/utils/enums.dart';
import 'package:mc_common_app/utils/utils.dart';
import 'package:mc_common_app/view_models/service_view_model.dart';
import 'package:mc_common_app/views/advertisement/components/picked_images_container_widget.dart';
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';

import 'package:mc_common_app/widgets/txt_field.dart';
import 'package:provider/provider.dart';

class ProviderLicensePage extends StatefulWidget {
  const ProviderLicensePage({super.key});

  @override
  State<ProviderLicensePage> createState() => _ProviderLicensePageState();
}

class _ProviderLicensePageState extends State<ProviderLicensePage> {
  late ServiceVM branchVM;
  bool showAttachment = false;
  String? attachedFile;

  @override
  void initState() {
    super.initState();
    scheduleMicrotask(() {
      branchVM = Provider.of<ServiceVM>(context, listen: false);
      branchVM.getServiceProviderDocument(AppState().getUser.data!.userInfo!.providerId ?? 0);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CustomAppBar(
        title: LocaleKeys.defineLicences.tr(),
        isRemoveBackButton: false,
      ),
      body: Consumer<ServiceVM>(builder: (_, model, __) {
        return Column(
          children: [
            Expanded(
              child: SingleChildScrollView(
                child: Padding(
                  padding: const EdgeInsets.all(0.0),
                  child: Column(
                    children: [
                      showWidget(model),
                    ],
                  ),
                ),
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(12.0),
              child: ShowFillButton(
                title: LocaleKeys.continu.tr(),
                maxWidth: double.infinity,
                onPressed: () {
                  if (AppState().getUser.data!.userInfo!.roleId == 5) {
                    if (validation(model)) {
                      updateDocument(model);
                    } else {
                      Utils.showToast(LocaleKeys.allDocumentMandatoryDealershipProvider.tr());
                    }
                  } else {
                    updateDocument(model);
                  }
                  Future.delayed(const Duration(seconds: 1), () {
                    Navigator.of(context).pop();
                  });
                },
              ),
            ),
          ],
        );
      }),
    );
  }

  validation(ServiceVM model) {
    bool valid = true;
    for (var element in model.document!.data!) {
      if (element.documentUrl == null) {
        valid = false;
      }
    }
    return valid;
  }

  updateDocument(ServiceVM model) async {
    Utils.showLoading(context);

    GenericRespModel res = await model.updateDocument(model.document!.data);
    Utils.hideLoading(context);
    if (res.messageStatus == 1) {
      Utils.showToast(LocaleKeys.documentsUploadedSuccessfully.tr());
    } else {
      Utils.showToast(res.message ?? "");
    }
  }

  Widget showWidget(ServiceVM model) {
    if (model.state == ViewState.idle) {
      return model.document!.data!.isEmpty
          ? Text(LocaleKeys.somethingWrong.tr())
          : ListView.separated(
        itemBuilder: (context, index) {
          DocumentData? document = model.document?.data![index];
          return Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              10.height,
              (document!.documentName! ?? "").toText(fontSize: 16, letterSpacing: -0.56, fontWeight: MyFonts.SemiBold),
              Padding(
                padding: const EdgeInsets.only(left: 20, right: 20, top: 4, bottom: 8),
                child: LocaleKeys.enter_licence_detail.tr().toText(fontSize: 14, color: MyColors.lightTextColor, textAlign: TextAlign.center),
              ),
              TxtField(
                hint: LocaleKeys.description.tr(),
                maxLines: 3,
                isBackgroundEnabled: true,
              ),
              10.height,
              if (document.documentId == 1
                  ? model.commerceCertificates.isNotEmpty
                  : document.documentId == 2
                  ? model.commercialCertificates.isNotEmpty
                  : model.vatCertificates.isNotEmpty) ...[
                PickedFilesContainer(
                  pickedFiles: document.documentId == 1
                      ? model.commerceCertificates
                      : document.documentId == 2
                      ? model.commercialCertificates
                      : model.vatCertificates,
                  onCrossPressedPrimary: document.documentId == 1
                      ? model.commerceRemove
                      : document.documentId == 2
                      ? model.commercialRemove
                      : model.vatRemove,
                  isPdf: model.document!.data![index].fileExt == "pdf",
                  onAddFilePressed: () {
                    model.pickPdfReceiptFile(context, document.documentId!, index);
                  },
                ),
              ] else
                ...[
                  10.height,
                  InkWell(
                    onTap: () async {
                      model.pickPdfReceiptFile(context, document.documentId!, index) ?? "";
                    },
                    child: Container(
                      width: double.infinity,
                      height: 45,
                      decoration: BoxDecoration(
                        color: Colors.transparent,
                        border: Border.all(color: MyColors.greyACColor, width: 2),
                        borderRadius: const BorderRadius.all(Radius.circular(0)),
                      ),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          const Icon(
                            Icons.attach_file,
                            size: 18,
                            color: MyColors.darkPrimaryColor,
                          ),
                          8.width,
                          Text(
                            LocaleKeys.attachFile.tr(),
                            style: const TextStyle(
                              color: MyColors.darkPrimaryColor,
                            ),
                          ),
                          const Icon(
                            Icons.attach_file,
                            size: 18,
                            color: Colors.transparent,
                          ),
                        ],
                      ),
                    ),
                  ),
                ],
            ],
          );
        },
        separatorBuilder: (context, index) {
          return 20.height;
        },
        itemCount: model.document!.data!.length,
        physics: const NeverScrollableScrollPhysics(),
        shrinkWrap: true,
        padding: EdgeInsets.symmetric(horizontal: 20),
      );
    } else {
      return Column(
        children: [
          20.height,
          const Center(
            child: CircularProgressIndicator(),
          ),
        ],
      );
    }
  }
}