import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'package:test_sa/controllers/api_routes/urls.dart'; import 'package:test_sa/extensions/context_extension.dart'; import 'package:test_sa/extensions/int_extensions.dart'; import 'package:test_sa/extensions/string_extensions.dart'; import 'package:test_sa/extensions/text_extensions.dart'; import 'package:test_sa/extensions/widget_extensions.dart'; import 'package:test_sa/helper/utils.dart'; import 'package:test_sa/modules/cm_module/views/components/action_button/footer_action_button.dart'; import 'package:test_sa/modules/loan_module/models/loan_attachment_model.dart'; import 'package:test_sa/modules/loan_module/pages/installation_form_view.dart'; import 'package:test_sa/modules/loan_module/pages/pullout_detail_page.dart'; import 'package:test_sa/modules/loan_module/provider/loan_provider.dart'; import 'package:test_sa/new_views/app_style/app_color.dart'; import 'package:test_sa/new_views/common_widgets/app_filled_button.dart'; import 'package:test_sa/new_views/common_widgets/app_text_form_field.dart'; import 'package:test_sa/new_views/common_widgets/default_app_bar.dart'; import 'package:test_sa/views/widgets/images/files_list.dart'; import 'package:test_sa/views/widgets/loaders/no_data_found.dart'; import 'package:test_sa/views/widgets/requests/request_status.dart'; import '../models/loan_request_model.dart'; import 'installation_pullout_form_view.dart'; class LoanEquipmentDetailPage extends StatefulWidget { static const String id = "/loan-equipment-detail-page"; final int loanId; LoanEquipmentDetailPage({Key? key, required this.loanId}) : super(key: key); @override _LoanEquipmentDetailPageState createState() { return _LoanEquipmentDetailPageState(); } } class _LoanEquipmentDetailPageState extends State { @override void initState() { super.initState(); } @override void dispose() { super.dispose(); } @override Widget build(BuildContext context) { return Scaffold( appBar: const DefaultAppBar(title: "Request Details"), body: FutureBuilder( future: Provider.of(context, listen: false).getLoanById(widget.loanId), builder: (BuildContext context, AsyncSnapshot snapshot) { if (snapshot.connectionState == ConnectionState.waiting) return const CircularProgressIndicator(color: AppColor.primary10).center; if (snapshot.data == null) return const NoDataFound().center; List allAttachments = snapshot.data!.loanAttachments!; return Column( children: [ ListView( padding: const EdgeInsets.all(16), children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ StatusLabel( label: snapshot.data!.loanStatusName!, textColor: AppColor.getRequestStatusTextColorByName(context, snapshot.data!.loanStatusName!), backgroundColor: AppColor.getRequestStatusColorByName(context, snapshot.data!.loanStatusName!), ), 1.width.expanded, Text( snapshot.data!.createdDate?.toServiceRequestCardFormat ?? "-", textAlign: TextAlign.end, style: AppTextStyles.tinyFont.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral50), ), ], ), 12.height, ...requesterDetails(context, snapshot.data!), const Divider().defaultStyle(context), ...requestDetails(context, snapshot.data!), const Divider().defaultStyle(context), ...assetDetails(context, snapshot.data!), const Divider().defaultStyle(context), ...installationDetails(context, snapshot.data!), const Divider().defaultStyle(context), ...doctorDetails(context, snapshot.data!), const Divider().defaultStyle(context), ...vendorDetails(context, snapshot.data!), if (allAttachments.isNotEmpty) ...[ const Divider().defaultStyle(context), Text( "Attachments".addTranslation, style: AppTextStyles.heading6.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50), ), FilesList(images: allAttachments.map((e) => URLs.getFileUrl(e.attachmentName ?? '') ?? '').toList() ?? []), ], ], ).toShadowContainer(context, padding: 12), ], ).expanded, // @todo ask backend to add loanTypeValue, so we can show or hide the buttons if (snapshot.data?.loanTypeName == "Standard" && context.userProvider.isEngineer && (snapshot.data?.loanStatusValue == 4 || snapshot.data?.loanStatusValue == 5 || snapshot.data?.loanStatusValue == 8)) FooterActionButton.footerContainer( context: context, child: AppFilledButton( onPressed: () async { if (snapshot.data?.loanStatusValue == 4) { String comment = ""; context.showBottomSheet( Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ 'Estimated Date: ${snapshot.data?.installationEDD?.toAssetDetailsFormat ?? "-"}'.bodyText(context), 16.height, AppTextFormField( labelText: context.translation.comments, showSpeechToText: true, textInputType: TextInputType.multiline, labelStyle: AppTextStyles.textFieldLabelStyle, showWithoutDecoration: true, backgroundColor: context.isDarkNotListen ? AppColor.neutral20 : AppColor.neutral100, alignLabelWithHint: true, onChange: (text) { comment = text; }, ), 16.height, AppFilledButton( onPressed: () async { Utils.showLoading(context); LoanProvider loanProvider = Provider.of(context, listen: false); bool isSuccess = await loanProvider.loanWorkflowAction({ "userId": context.userProvider.user!.userID, "isFromMobile": true, "commentsFromMobile": comment, 'loanId': snapshot.data?.id, 'loanStatusId': snapshot.data?.loanStatusValue, }); Utils.hideLoading(context); if (isSuccess) { Navigator.pop(context, true); setState(() {}); } }, label: "Delivered"), ], ), title: "EDD & Comments", showCancelButton: true); return; } if (snapshot.data?.loanStatusValue == 5) { bool isSuccess = await Navigator.push(context, MaterialPageRoute(builder: (context) => InstallationFormView(loanData: snapshot.data))) ?? false; if (isSuccess) { setState(() {}); } return; } bool isSuccess = await Navigator.push(context, MaterialPageRoute(builder: (context) => PullOutDetailsPage(loanData: snapshot.data))) ?? false; if (isSuccess) { setState(() {}); } }, label: snapshot.data?.loanStatusValue == 4 ? "Delivered" : snapshot.data?.loanStatusValue == 5 ? 'Installation Report' : 'PullOut Report', ), ) ], ); })); } List requestDetails(BuildContext context, LoanRequestModel loanData) { return [ Text("Request Details", style: AppTextStyles.heading6.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50)), 'Loan Type: ${loanData.loanTypeName ?? "-"}'.bodyText(context), 'Loan No: ${loanData.reqCode ?? "-"}'.bodyText(context), 'Loan Period: ${loanData.loanPeriodName ?? "-"}'.bodyText(context), '${context.translation.site}: ${loanData.siteName ?? "-"}'.bodyText(context), '${context.translation.department}: ${loanData.departmentName ?? "-"}'.bodyText(context), 'Item Description: ${loanData.itemDescription ?? "-"}'.bodyText(context), 'Request Description: ${loanData.requestDescription ?? "-"}'.bodyText(context), ]; } List vendorDetails(BuildContext context, LoanRequestModel loanData) { return [ Text("Vendor Information", style: AppTextStyles.heading6.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50)), 'Name: ${loanData.vendorName ?? "-"}'.bodyText(context), 'Representative Name: ${loanData.vendorRepName ?? "-"}'.bodyText(context), 'Contact: ${loanData.vendorContact ?? "-"}'.bodyText(context), 'Email: ${loanData.vendorEmail ?? "-"}'.bodyText(context), ]; } List assetDetails(BuildContext context, LoanRequestModel loanData) { return [ Text("Asset Information", style: AppTextStyles.heading6.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50)), '${context.translation.assetName}: ${loanData.assetName ?? "-"}'.bodyText(context), '${context.translation.assetNo}: ${loanData.assetNumber ?? "-"}'.bodyText(context), '${context.translation.serialNumber}: ${loanData.assetSerialNumber ?? "-"}'.bodyText(context), '${context.translation.manufacture}: ${loanData.manufacturer ?? "-"}'.bodyText(context), '${context.translation.model}: ${loanData.model ?? "-"}'.bodyText(context), ]; } List installationDetails(BuildContext context, LoanRequestModel loanData) { return [ Text("Installation & Pullout Information", style: AppTextStyles.heading6.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50)), 'Installation EDD: ${loanData.installationEDD?.toServiceRequestDetailsFormat ?? "-"}'.bodyText(context), 'Installation Date: ${loanData.installationEDD?.toAssetDetailsFormat ?? "-"}'.bodyText(context), 'Pullout EDD: ${loanData.pulloutEDD?.toServiceRequestDetailsFormat ?? "-"}'.bodyText(context), 'Pullout Date: ${loanData.pulloutDate?.toAssetDetailsFormat ?? "-"}'.bodyText(context), ]; } List doctorDetails(BuildContext context, LoanRequestModel loanData) { return [ Text("Doctor Information", style: AppTextStyles.heading6.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50)), 'Name: ${loanData.doctorName ?? "-"}'.bodyText(context), 'Contact: ${loanData.doctorContact ?? "-"}'.bodyText(context), 'Email: ${loanData.doctorEmail ?? "-"}'.bodyText(context), ]; } List requesterDetails(BuildContext context, LoanRequestModel loanData) { return [ Text("Requester Information", style: AppTextStyles.heading6.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50)), 'Name: ${loanData.requestorUserIdForDisplay ?? "-"}'.bodyText(context), 'Email: ${loanData.requestorUserEmail ?? "-"}'.bodyText(context), 'Contact: ${loanData.requestorUserMobileNumber ?? "-"}'.bodyText(context), 'Extension: ${loanData.requesterExtensionNo ?? "-"}'.bodyText(context), ]; } Widget labelValueText(BuildContext context, String label, String? value) { if (value == null || value.isEmpty) return const SizedBox.shrink(); return Padding( padding: const EdgeInsets.only(bottom: 4), child: Text( '$label: $value', style: AppTextStyles.bodyText.copyWith( color: context.isDark ? AppColor.neutral30 : AppColor.neutral120, ), ), ); } Widget checklistWidget(BuildContext context, {required String value}) { return Row( mainAxisSize: MainAxisSize.min, children: [ Checkbox( value: true, activeColor: AppColor.neutral120, materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, visualDensity: const VisualDensity(horizontal: -4, vertical: -3), onChanged: (value) {}, ), value.bodyText(context), ], ); } }