You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
cloudsolutions-atoms/lib/new_views/pages/gas_refill_request_form.dart

690 lines
30 KiB
Dart

import 'dart:convert';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/providers/api/gas_refill_provider.dart';
import 'package:test_sa/dashboard_latest/dashboard_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/models/enums/user_types.dart';
import 'package:test_sa/models/generic_attachment_model.dart';
import 'package:test_sa/models/lookup.dart';
import 'package:test_sa/models/new_models/gas_refill_model.dart';
import 'package:test_sa/models/new_models/mapped_sites.dart';
import 'package:test_sa/modules/cm_module/utilities/service_request_utils.dart';
import 'package:test_sa/modules/cm_module/views/components/action_button/footer_action_button.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/new_views/common_widgets/single_item_drop_down_menu.dart';
import 'package:test_sa/providers/gas_request_providers/cylinder_size_provider.dart';
import 'package:test_sa/providers/gas_request_providers/cylinder_type_provider.dart';
import 'package:test_sa/providers/gas_request_providers/gas_types_provider.dart';
import 'package:test_sa/providers/gas_request_providers/site_provider.dart';
import 'package:test_sa/providers/loading_list_notifier.dart';
import 'package:test_sa/views/widgets/images/multi_image_picker.dart';
class GasRefillRequestForm extends StatefulWidget {
static const String routeName = "/gas_refill_request_form";
const GasRefillRequestForm({Key? key}) : super(key: key);
@override
State<GasRefillRequestForm> createState() => _GasRefillRequestFormState();
}
class _GasRefillRequestFormState extends State<GasRefillRequestForm> {
late GasRefillDetails _currentDetails;
late GasRefillModel _gasModel;
Lookup? _requestedQuantity;
final TextEditingController _commentController = TextEditingController();
GasRefillProvider? _gasRefillProvider;
List<GenericAttachmentModel> attachments = [];
static List<Lookup> gasQuantity = [
Lookup(name: "1", id: 1, value: 1),
Lookup(name: "2", id: 2, value: 2),
Lookup(name: "3", id: 3, value: 3),
Lookup(name: "4", id: 4, value: 4),
Lookup(name: "5", id: 5, value: 5)
];
@override
void initState() {
super.initState();
_gasRefillProvider ??= Provider.of<GasRefillProvider>(context, listen: false);
_currentDetails = GasRefillDetails();
_gasModel = GasRefillModel(gasRefillDetails: []);
}
@override
void dispose() {
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: DefaultAppBar(title: context.translation.newGasRefillRequest),
body: Column(
children: [
12.height,
SingleChildScrollView(
child: Column(
children: [
SingleItemDropDownMenu<Lookup, GasTypesProvider>(
context: context,
title: context.translation.gasType,
initialValue: _currentDetails.gasType,
backgroundColor: AppColor.fieldBgColor(context),
showShadow: false,
showAsBottomSheet: true,
onSelect: (value) {
_currentDetails.gasType = value;
},
),
8.height,
SingleItemDropDownMenu<Lookup, CylinderTypesProvider>(
context: context,
title: context.translation.cylinderType,
initialValue: _currentDetails.cylinderType,
backgroundColor: AppColor.fieldBgColor(context),
showShadow: false,
onSelect: (value) {
_currentDetails.cylinderType = value;
},
),
8.height,
SingleItemDropDownMenu<Lookup, CylinderSizeProvider>(
context: context,
title: context.translation.cylinderSize,
initialValue: _currentDetails.cylinderSize,
showAsBottomSheet: true,
backgroundColor: AppColor.fieldBgColor(context),
showShadow: false,
onSelect: (value) {
_currentDetails.cylinderSize = value;
},
),
8.height,
SingleItemDropDownMenu<Lookup, NullableLoadingProvider>(
context: context,
title: context.translation.quantity,
showAsBottomSheet: true,
initialValue: _requestedQuantity,
staticData: gasQuantity,
backgroundColor: AppColor.fieldBgColor(context),
showShadow: false,
onSelect: (value) {
_requestedQuantity = value;
_currentDetails.requestedQty = value?.value;
},
),
8.height,
Row(
children: [
SingleItemDropDownMenu<MappedSite, MappedSiteProvider>(
context: context,
title: context.translation.site,
initialValue: _gasModel.mapSite,
showAsBottomSheet: true,
backgroundColor: AppColor.fieldBgColor(context),
showShadow: false,
onSelect: (value) {
setState(() {
_gasModel.mapSite = value;
_gasModel.mappedBuilding = null;
_gasModel.mappedFloor = null;
_gasModel.mappedDepartment = null;
});
},
).expanded,
8.width,
SingleItemDropDownMenu<MappedBuilding, NullableLoadingProvider>(
context: context,
title: context.translation.building,
initialValue: _gasModel.mappedBuilding,
enabled: _gasModel.mapSite?.buildings?.isNotEmpty ?? false,
staticData: _gasModel.mapSite?.buildings ?? [],
showAsBottomSheet: true,
backgroundColor: AppColor.fieldBgColor(context),
showShadow: false,
onSelect: (value) {
setState(() {
_gasModel.mappedBuilding = value;
_gasModel.mappedFloor = null;
_gasModel.mappedDepartment = null;
});
},
).expanded,
],
),
8.height,
Row(
children: [
SingleItemDropDownMenu<MappedFloor, NullableLoadingProvider>(
context: context,
title: context.translation.floor,
initialValue: _gasModel.mappedFloor,
enabled: _gasModel.mappedBuilding?.floors?.isNotEmpty ?? false,
staticData: _gasModel.mappedBuilding?.floors ?? [],
showAsBottomSheet: true,
backgroundColor: AppColor.fieldBgColor(context),
showShadow: false,
onSelect: (value) {
setState(() {
_gasModel.mappedFloor = value;
_gasModel.department = null;
});
},
).expanded,
8.width,
SingleItemDropDownMenu<MappedDepartment, NullableLoadingProvider>(
context: context,
title: context.translation.department,
initialValue: _gasModel.mappedDepartment,
enabled: _gasModel.mappedFloor?.departments?.isNotEmpty ?? false,
staticData: _gasModel.mappedFloor?.departments ?? [],
showAsBottomSheet: true,
backgroundColor: AppColor.fieldBgColor(context),
showShadow: false,
onSelect: (value) {
_gasModel.mappedDepartment = value;
},
).expanded,
],
),
8.height,
AppTextFormField(
labelText: context.translation.callComments,
labelStyle: AppTextStyles.tinyFont.copyWith(color: AppColor.textColor(context)),
textInputType: TextInputType.multiline,
alignLabelWithHint: true,
backgroundColor: AppColor.fieldBgColor(context),
showShadow: false,
controller: _commentController,
onChange: (value) {
_gasModel.comment = value;
},
onSaved: (value) {},
),
8.height,
AttachmentPicker(
label: context.translation.attachFiles,
attachment: attachments,
buttonColor: AppColor.black10,
onlyImages: false,
buttonIcon: 'image-plus'.toSvgAsset(color: AppColor.neutral120),
),
],
).toShadowContainer(context, padding: 10).paddingOnly(start: 16, end: 16, top: 16),
).expanded,
16.height,
FooterActionButton.footerContainer(context: context, child: AppFilledButton(label: context.translation.submitRequest, maxWidth: true, onPressed: _submit)),
],
),
);
}
Future<void> _submit() async {
if (await validateRequest()) {
_gasModel.gasRefillDetails = [];
_gasModel.gasRefillDetails?.add(_currentDetails);
_gasModel.gasRefillAttachments = [];
for (var item in attachments) {
String fileName = ServiceRequestUtils.isLocalUrl(item.name??'') ? ("${item.name??''.split("/").last}|${base64Encode(File(item.name??'').readAsBytesSync())}") :item.name??'';
_gasModel.gasRefillAttachments?.add(GasRefillAttachments(
id: item.id, gasRefillId: _gasModel.id ?? 0, attachmentName: fileName));
}
await _gasRefillProvider?.addGasRefillRequest(
context: context,
model: _gasModel,
);
if (_gasRefillProvider?.stateCode == 200) {
DashBoardProvider dashBoardProvider = Provider.of<DashBoardProvider>(context, listen: false);
dashBoardProvider.refreshDashboard(context: context, userType: UsersTypes.nurse);
}
}
}
Future<bool> validateRequest() async {
if (_currentDetails.gasType == null) {
await Fluttertoast.showToast(msg: "Please Select Gas Type");
return false;
}
if (_gasModel.mapSite == null) {
await Fluttertoast.showToast(msg: "Please Select Site");
return false;
}
if (_gasModel.mappedBuilding == null) {
await Fluttertoast.showToast(msg: "Please Select Building");
return false;
}
if (_gasModel.mappedFloor == null) {
await Fluttertoast.showToast(msg: "Please Select Floor");
return false;
}
if (_gasModel.mappedDepartment == null) {
await Fluttertoast.showToast(msg: "Please Select Department");
return false;
}
return true;
}
//older code....
// if (_gasModel.gasRefillDetails?.isEmpty ?? true)
// AppFilledButton(
// label: context.translation.add,
// maxWidth: true,
// textColor: Colors.white,
// buttonColor: context.isDark ? AppColor.neutral60 : AppColor.neutral50,
// onPressed: _add,
// ),
// ListView.builder(
// shrinkWrap: true,
// itemCount: _gasModel.gasRefillDetails?.length,
// padding: const EdgeInsets.only(top: 12, bottom: 24),
// physics: const NeverScrollableScrollPhysics(),
// itemBuilder: (context, index) {
// return Column(
// crossAxisAlignment: CrossAxisAlignment.start,
// children: [
// Row(
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
// crossAxisAlignment: CrossAxisAlignment.start,
// children: [
// Column(
// crossAxisAlignment: CrossAxisAlignment.start,
// children: [
// (_gasModel.gasRefillDetails![index].gasType?.name ?? "").heading5(context),
// 8.height,
// ("${context.translation.quantity}: ${_gasModel.gasRefillDetails![index].requestedQty}").bodyText(context),
// ("${context.translation.cylinderSize}: ${_gasModel.gasRefillDetails![index].cylinderSize?.name}").bodyText(context),
// ("${context.translation.cylinderType}: ${_gasModel.gasRefillDetails![index].cylinderType?.name}").bodyText(context),
// ],
// ),
// Container(
// height: 48.toScreenWidth,
// width: 48.toScreenWidth,
// decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(100),
// border: Border.all(color: context.isDark ? AppColor.neutral50 : AppColor.neutral30),
// ),
// padding: EdgeInsets.symmetric(vertical: 12.toScreenHeight),
// child: "trash".toSvgAsset(fit: BoxFit.fitHeight, color: context.isDark ? AppColor.red40 : AppColor.red50),
// ).onPress(() {
// _delete(index);
// }),
// ],
// ),
// const Divider().defaultStyle(context),
// ("${context.translation.site}: ${_gasModel.site?.custName}").bodyText(context),
// ("${context.translation.building}: ${_gasModel.building?.name}").bodyText(context),
// ("${context.translation.floor}: ${_gasModel.floor?.name}").bodyText(context),
// ("${context.translation.department}: ${_gasModel.department?.departmentName}").bodyText(context),
// ],
// ).toShadowContainer(context);
// },
// ),
}
//TODO uncommit this to use editable form for nurse side.
// import 'dart:convert';
// import 'dart:io';
// import 'package:flutter/material.dart';
// import 'package:fluttertoast/fluttertoast.dart';
// import 'package:provider/provider.dart';
// import 'package:test_sa/cm_module/utilities/service_request_utils.dart';
// import 'package:test_sa/dashboard_latest/dashboard_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/models/enums/user_types.dart';
// import 'package:test_sa/models/lookup.dart';
// import 'package:test_sa/models/new_models/gas_refill_model.dart';
// import 'package:test_sa/models/new_models/mapped_sites.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/single_item_drop_down_menu.dart';
// import 'package:test_sa/providers/gas_request_providers/cylinder_size_provider.dart';
// import 'package:test_sa/providers/gas_request_providers/cylinder_type_provider.dart';
// import 'package:test_sa/providers/gas_request_providers/gas_types_provider.dart';
// import 'package:test_sa/providers/gas_request_providers/site_provider.dart';
// import 'package:test_sa/providers/loading_list_notifier.dart';
//
// import 'package:test_sa/cm_module/views/components/action_button/footer_action_button.dart';
// import 'package:test_sa/views/widgets/images/multi_image_picker.dart';
// import '../../controllers/providers/api/gas_refill_provider.dart';
// import '../common_widgets/default_app_bar.dart';
//
// class GasRefillRequestForm extends StatefulWidget {
// static const String routeName = "/gas_refill_request_form";
// final GasRefillModel? gasModel;
// final GasRefillDetails? gasRefillDetails;
//
// const GasRefillRequestForm({this.gasModel, this.gasRefillDetails, Key? key}) : super(key: key);
//
// @override
// State<GasRefillRequestForm> createState() => _GasRefillRequestFormState();
// }
//
// class _GasRefillRequestFormState extends State<GasRefillRequestForm> {
// late GasRefillDetails _currentDetails;
// late GasRefillModel _gasModel;
// Lookup? _requestedQuantity;
// final TextEditingController _commentController = TextEditingController();
// GasRefillProvider? _gasRefillProvider;
// List<File> attachments = [];
//
// static List<Lookup> gasQuantity = [
// Lookup(name: "1", id: 1, value: 1),
// Lookup(name: "2", id: 2, value: 2),
// Lookup(name: "3", id: 3, value: 3),
// Lookup(name: "4", id: 4, value: 4),
// Lookup(name: "5", id: 5, value: 5)
// ];
//
// @override
// void initState() {
// super.initState();
// _gasRefillProvider ??= Provider.of<GasRefillProvider>(context, listen: false);
// _currentDetails = widget.gasRefillDetails ?? GasRefillDetails();
// _gasModel = widget.gasModel ?? GasRefillModel(gasRefillDetails: []);
// if (_gasModel.gasRefillAttachments != null && _gasModel.gasRefillAttachments!.isNotEmpty) {
// attachments.addAll(_gasModel.gasRefillAttachments!.map((e) => File(e.attachmentName!)).toList());
// }
// if (widget.gasRefillDetails != null && widget.gasRefillDetails?.requestedQty != null) {
// _requestedQuantity = Lookup(name: "1", id: 1, value: int.parse(widget.gasRefillDetails!.requestedQty!.toStringAsFixed(0)));
// }
// }
//
// @override
// void dispose() {
// super.dispose();
// }
//
// @override
// Widget build(BuildContext context) {
// return Scaffold(
// appBar: DefaultAppBar(title: widget.gasModel == null ? context.translation.newGasRefillRequest : context.translation.updateRequest),
// body: Column(
// children: [
// 12.height,
// SingleChildScrollView(
// child: Column(
// children: [
// SingleItemDropDownMenu<Lookup, GasTypesProvider>(
// context: context,
// title: context.translation.gasType,
// initialValue: _currentDetails.gasType,
// backgroundColor: AppColor.neutral100,
// showShadow: false,
// showAsBottomSheet: true,
// onSelect: (value) {
// _currentDetails.gasType = value;
// },
// ),
// 8.height,
// SingleItemDropDownMenu<Lookup, CylinderTypesProvider>(
// context: context,
// title: context.translation.cylinderType,
// initialValue: _currentDetails.cylinderType,
// backgroundColor: AppColor.neutral100,
// showShadow: false,
// onSelect: (value) {
// _currentDetails.cylinderType = value;
// },
// ),
// 8.height,
// SingleItemDropDownMenu<Lookup, CylinderSizeProvider>(
// context: context,
// title: context.translation.cylinderSize,
// initialValue: _currentDetails.cylinderSize,
// showAsBottomSheet: true,
// backgroundColor: AppColor.neutral100,
// showShadow: false,
// onSelect: (value) {
// _currentDetails.cylinderSize = value;
// },
// ),
// 8.height,
// SingleItemDropDownMenu<Lookup, NullableLoadingProvider>(
// context: context,
// title: context.translation.quantity,
// showAsBottomSheet: true,
// initialValue: _requestedQuantity,
// staticData: gasQuantity,
// backgroundColor: AppColor.neutral100,
// showShadow: false,
// onSelect: (value) {
// _requestedQuantity = value;
// _currentDetails.requestedQty = value?.value;
// },
// ),
// 8.height,
// Row(
// children: [
// SingleItemDropDownMenu<MappedSite, MappedSiteProvider>(
// context: context,
// title: context.translation.site,
// initialValue: _gasModel.mapSite,
// showAsBottomSheet: true,
// backgroundColor: AppColor.neutral100,
// showShadow: false,
// onSelect: (value) {
// setState(() {
// _gasModel.mapSite = value;
// _gasModel.mappedBuilding = null;
// _gasModel.mappedFloor = null;
// _gasModel.mappedDepartment = null;
// });
// },
// ).expanded,
// 8.width,
// SingleItemDropDownMenu<MappedBuilding, NullableLoadingProvider>(
// context: context,
// title: context.translation.building,
// initialValue: _gasModel.mappedBuilding,
// enabled: _gasModel.mapSite?.buildings?.isNotEmpty ?? false,
// staticData: _gasModel.mapSite?.buildings ?? [],
// showAsBottomSheet: true,
// backgroundColor: AppColor.neutral100,
// showShadow: false,
// onSelect: (value) {
// setState(() {
// _gasModel.mappedBuilding = value;
// _gasModel.mappedFloor = null;
// _gasModel.mappedDepartment = null;
// });
// },
// ).expanded,
// ],
// ),
// 8.height,
// Row(
// children: [
// SingleItemDropDownMenu<MappedFloor, NullableLoadingProvider>(
// context: context,
// title: context.translation.floor,
// initialValue: _gasModel.mappedFloor,
// enabled: _gasModel.mappedBuilding?.floors?.isNotEmpty ?? false,
// staticData: _gasModel.mappedBuilding?.floors ?? [],
// showAsBottomSheet: true,
// backgroundColor: AppColor.neutral100,
// showShadow: false,
// onSelect: (value) {
// if (value != null) {
// setState(() {
// _gasModel.mappedFloor = value;
// _gasModel.department = null;
// });
// }
// },
// ).expanded,
// 8.width,
// SingleItemDropDownMenu<MappedDepartment, NullableLoadingProvider>(
// context: context,
// title: context.translation.department,
// initialValue: _gasModel.mappedDepartment,
// enabled: _gasModel.mappedFloor?.departments?.isNotEmpty ?? false,
// staticData: _gasModel.mappedFloor?.departments ?? [],
// showAsBottomSheet: true,
// backgroundColor: AppColor.neutral100,
// showShadow: false,
// onSelect: (value) {
// _gasModel.mappedDepartment = value;
// },
// ).expanded,
// ],
// ),
// 8.height,
// AppTextFormField(
// labelText: context.translation.callComments,
// labelStyle: AppTextStyles.tinyFont.copyWith(color: AppColor.neutral120),
// textInputType: TextInputType.multiline,
// alignLabelWithHint: true,
// initialValue: _gasModel.comment,
// backgroundColor: AppColor.neutral100,
// showShadow: false,
// controller: _commentController,
// onChange: (value) {
// _gasModel.comment = value;
// },
// onSaved: (value) {},
// ),
// 8.height,
// MultiFilesPicker(
// label: context.translation.attachFiles,
// files: attachments,
// buttonColor: AppColor.black10,
// onlyImages: false,
// buttonIcon: 'image-plus'.toSvgAsset(color: AppColor.neutral120),
// ),
// ],
// ).toShadowContainer(context, padding: 10).paddingOnly(start: 16, end: 16, top: 16),
// ).expanded,
// 16.height,
// FooterActionButton.footerContainer(
// child: AppFilledButton(label: widget.gasModel == null ? context.translation.submitRequest : context.translation.updateRequest, maxWidth: true, onPressed: _submit)),
// ],
// ),
// );
// }
//
// Future<void> _submit() async {
// if (await validateRequest()) {
// _gasModel.gasRefillDetails = [];
// _gasModel.gasRefillDetails?.add(_currentDetails);
// _gasModel.gasRefillAttachments = [];
// for (var item in attachments) {
// _gasModel.gasRefillAttachments?.add(GasRefillAttachments(
// id: 0, gasRefillId: _gasModel.id ?? 0, attachmentName: ServiceRequestUtils.isLocalUrl(item.path) ? "${item.path.split("/").last}|${base64Encode(item.readAsBytesSync())}" : item.path));
// }
// if (widget.gasModel != null) {
// //TODO need to call api here for update for nurse APi has issue need to discuss with backend..
// await _gasRefillProvider?.updateGasRefillRequestByNurse(
// context: context,
// model: _gasModel,
// );
// } else {
// await _gasRefillProvider?.addGasRefillRequest(
// context: context,
// model: _gasModel,
// );
// }
// if (_gasRefillProvider?.stateCode == 200) {
// DashBoardProvider dashBoardProvider = Provider.of<DashBoardProvider>(context, listen: false);
// dashBoardProvider.refreshDashboard(context: context, userType: UsersTypes.nurse);
// }
// }
// }
//
// Future<bool> validateRequest() async {
// if (_currentDetails.gasType == null) {
// await Fluttertoast.showToast(msg: "Please Select Gas Type");
// return false;
// }
// if (_gasModel.mapSite == null) {
// await Fluttertoast.showToast(msg: "Please Select Site");
// return false;
// }
// if (_gasModel.mappedBuilding == null) {
// await Fluttertoast.showToast(msg: "Please Select Building");
// return false;
// }
// if (_gasModel.mappedFloor == null) {
// await Fluttertoast.showToast(msg: "Please Select Floor");
// return false;
// }
// if (_gasModel.mappedDepartment == null) {
// await Fluttertoast.showToast(msg: "Please Select Department");
// return false;
// }
// return true;
// }
//
// //older code....
// // if (_gasModel.gasRefillDetails?.isEmpty ?? true)
// // AppFilledButton(
// // label: context.translation.add,
// // maxWidth: true,
// // textColor: Colors.white,
// // buttonColor: context.isDark ? AppColor.neutral60 : AppColor.neutral50,
// // onPressed: _add,
// // ),
// // ListView.builder(
// // shrinkWrap: true,
// // itemCount: _gasModel.gasRefillDetails?.length,
// // padding: const EdgeInsets.only(top: 12, bottom: 24),
// // physics: const NeverScrollableScrollPhysics(),
// // itemBuilder: (context, index) {
// // return Column(
// // crossAxisAlignment: CrossAxisAlignment.start,
// // children: [
// // Row(
// // mainAxisAlignment: MainAxisAlignment.spaceBetween,
// // crossAxisAlignment: CrossAxisAlignment.start,
// // children: [
// // Column(
// // crossAxisAlignment: CrossAxisAlignment.start,
// // children: [
// // (_gasModel.gasRefillDetails![index].gasType?.name ?? "").heading5(context),
// // 8.height,
// // ("${context.translation.quantity}: ${_gasModel.gasRefillDetails![index].requestedQty}").bodyText(context),
// // ("${context.translation.cylinderSize}: ${_gasModel.gasRefillDetails![index].cylinderSize?.name}").bodyText(context),
// // ("${context.translation.cylinderType}: ${_gasModel.gasRefillDetails![index].cylinderType?.name}").bodyText(context),
// // ],
// // ),
// // Container(
// // height: 48.toScreenWidth,
// // width: 48.toScreenWidth,
// // decoration: BoxDecoration(
// // borderRadius: BorderRadius.circular(100),
// // border: Border.all(color: context.isDark ? AppColor.neutral50 : AppColor.neutral30),
// // ),
// // padding: EdgeInsets.symmetric(vertical: 12.toScreenHeight),
// // child: "trash".toSvgAsset(fit: BoxFit.fitHeight, color: context.isDark ? AppColor.red40 : AppColor.red50),
// // ).onPress(() {
// // _delete(index);
// // }),
// // ],
// // ),
// // const Divider().defaultStyle(context),
// // ("${context.translation.site}: ${_gasModel.site?.custName}").bodyText(context),
// // ("${context.translation.building}: ${_gasModel.building?.name}").bodyText(context),
// // ("${context.translation.floor}: ${_gasModel.floor?.name}").bodyText(context),
// // ("${context.translation.department}: ${_gasModel.department?.departmentName}").bodyText(context),
// // ],
// // ).toShadowContainer(context);
// // },
// // ),
// }