import 'package:flutter/material.dart'; import 'package:flutter_svg/svg.dart'; import 'package:provider/provider.dart'; import 'package:test_sa/controllers/providers/api/user_provider.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/widget_extensions.dart'; import 'package:test_sa/views/app_style/sizing.dart'; import 'package:test_sa/views/pages/user/gas_refill/request_gas_refill.dart'; import 'package:test_sa/views/widgets/loaders/loading_manager.dart'; import 'package:test_sa/views/widgets/requests/request_status.dart'; import '../../../../extensions/text_extensions.dart'; import '../../../../models/enums/user_types.dart'; import '../../../../models/new_models/gas_refill_model.dart'; import '../../../../new_views/app_style/app_color.dart'; import '../../../../new_views/common_widgets/default_app_bar.dart'; import '../../../app_style/colors.dart'; class GasRefillDetailsPage extends StatefulWidget { GasRefillModel model; GasRefillDetailsPage({Key key, this.model}) : super(key: key); @override State createState() => _GasRefillDetailsPageState(); } class _GasRefillDetailsPageState extends State { GasRefillModel _model = GasRefillModel(gazRefillDetails: []); UserProvider _userProvider; bool _isLoading = false; final GlobalKey _formKey = GlobalKey(); final GlobalKey _scaffoldKey = GlobalKey(); @override void initState() { _model.fromGasRefillModel(widget.model); super.initState(); } @override Widget build(BuildContext context) { _userProvider = Provider.of(context); return Scaffold( appBar: DefaultAppBar(title: context.translation.gasRefillDetails), key: _scaffoldKey, body: SafeArea( child: Form( key: _formKey, child: LoadingManager( isLoading: _isLoading, isFailedLoading: false, stateCode: 200, onRefresh: () async {}, child: Column( children: [informationCard()], ), ), ), ), ); } Widget informationCard() { return Column( children: [ Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ /// TBD //StatusLabel( //label: item.priority.name, //id: serviceRequest.priority.id, //textColor: AColors.getPriorityStatusTextColor(serviceRequest.priority.id), //backgroundColor: AColors.getPriorityStatusColor(serviceRequest.priority.id) //), // 8.width, StatusLabel( label: widget.model.status?.name ?? "", textColor: AColors.getRequestStatusTextColor(widget.model.status?.value ?? 0), backgroundColor: AColors.getRequestStatusColor(widget.model.status?.value ?? 0)), 8.height, context.translation.gasRefillRequest.heading5(context), 8.height, ///TBD context.translation.gasRequest.bodyText(context), '${context.translation.cylinderSize}: ${widget.model.gazRefillDetails[0].cylinderSize.value}'.bodyText(context), '${context.translation.site}: ${widget.model.site.name}'.bodyText(context), ], ), 1.width.expanded, Column( crossAxisAlignment: CrossAxisAlignment.end, children: [ if (_userProvider.user.type == UsersTypes.engineer && (widget.model.status?.value ?? 0) != 2) CircleAvatar( radius: 25, backgroundColor: AppColor.neutral30, child: CircleAvatar( radius: 24, backgroundColor: Colors.white, child: Padding( padding: const EdgeInsets.only(left: 3.0), child: SvgPicture.asset('assets/images/update.svg'), ), ), ).onPress( () async { _model?.fromGasRefillModel(widget.model); // setState(() {}); Navigator.push( context, MaterialPageRoute( builder: (context) => RequestGasRefill( gasRefillModel: widget.model, ), ), ).then((value) { if (value != null) { _model = value; } }); setState(() {}); }, ), Text(widget.model.startDate?.toServiceRequestCardFormat ?? "", textAlign: TextAlign.end, style: AppTextStyles.tinyFont.copyWith(color: const Color(0xFF3B3D4A))), ], ) ], ), 8.height, const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1), 8.height, '${context.translation.requestedQuantity}: ${widget.model.gazRefillDetails[0].requestedQty}'.bodyText(context), '${context.translation.deliveredQuantity}: ${widget.model.gazRefillDetails[0].deliverdQty}'.bodyText(context), 8.height, ], ).paddingAll(16), /// TBD (_userProvider.user.type == UsersTypes.normal_user ? Container( height: 50, padding: const EdgeInsets.only(left: 16, right: 16), alignment: Alignment.center, width: double.infinity, decoration: const ShapeDecoration( color: Color(0xFFEAF1F4), shape: RoundedRectangleBorder( borderRadius: BorderRadius.only( bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20), ), ), ), child: Row( children: [ Text( '${context.translation.commentHere}...', style: AppTextStyles.heading6.copyWith( color: AppColor.neutral50.withOpacity(.6), ), ).expanded, SvgPicture.asset("assets/images/comment_send.svg", width: 24 * AppStyle.getScaleFactor(context), height: 24 * AppStyle.getScaleFactor(context), color: AppColor.primary70), ], ), ) : Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1), 16.height, Row( mainAxisSize: MainAxisSize.min, children: [ Text( '${context.translation.viewComments}', style: AppTextStyles.bodyText.copyWith(color: const Color(0xFF4A8DB7)), ), 4.width, const Icon( Icons.arrow_forward, color: Color(0xFF4A8DB7), size: 14, ) ], ), ], ).paddingOnly(bottom: 16, start: 16, end: 16)) .onPress(() {}), ], ).toShadowContainer(context).paddingAll(16); } }