Services list page implemented
parent
d83c1bb2c9
commit
f71353ebb8
@ -0,0 +1,357 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:hmg_patient_app/core/viewModels/project_view_model.dart';
|
||||
import 'package:hmg_patient_app/theme/colors.dart';
|
||||
import 'package:hmg_patient_app/uitl/translations_delegate_base.dart';
|
||||
import 'package:hmg_patient_app/uitl/utils_new.dart';
|
||||
import 'package:hmg_patient_app/widgets/others/app_scaffold_widget.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class ServicesPriceList extends StatelessWidget {
|
||||
ServicesPriceList({super.key});
|
||||
|
||||
ProjectViewModel? projectViewModel;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
projectViewModel = Provider.of(context);
|
||||
return AppScaffold(
|
||||
appBarTitle: TranslationBase.of(context).servicePriceList,
|
||||
isShowAppBar: true,
|
||||
showNewAppBar: true,
|
||||
backgroundColor: Color(0xffF8F8F8),
|
||||
showNewAppBarTitle: true,
|
||||
showDropDown: false,
|
||||
isShowDecPage: false,
|
||||
body: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Column(
|
||||
children: [
|
||||
Container(
|
||||
padding: EdgeInsets.all(16),
|
||||
decoration: cardRadius(10),
|
||||
child: Text(
|
||||
TranslationBase.of(context).servicePriceListDesc,
|
||||
style: TextStyle(
|
||||
color: CustomColors.textColor,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w500,
|
||||
letterSpacing: -0.64,
|
||||
fontFamily: projectViewModel!.isArabic ? 'Cairo' : 'Poppins',
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Container(
|
||||
padding: EdgeInsets.all(16),
|
||||
decoration: cardRadius(10),
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
"Service Name",
|
||||
style: TextStyle(
|
||||
color: CustomColors.textDarkColor,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"Prices",
|
||||
style: TextStyle(
|
||||
color: CustomColors.textDarkColor,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 8),
|
||||
Divider(
|
||||
height: 1,
|
||||
color: CustomColors.black,
|
||||
),
|
||||
SizedBox(height: 8),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
TranslationBase.of(context).servicePriceList1,
|
||||
style: TextStyle(
|
||||
color: CustomColors.textColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
projectViewModel!.isArabic ? Container() : SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16),
|
||||
mWidth(6),
|
||||
Text(
|
||||
"315",
|
||||
style: TextStyle(
|
||||
color: CustomColors.textDarkColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
mWidth(6),
|
||||
projectViewModel!.isArabic ? SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16) : Container(),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Divider(
|
||||
height: 1,
|
||||
color: CustomColors.devider,
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
TranslationBase.of(context).servicePriceList2,
|
||||
style: TextStyle(
|
||||
color: CustomColors.textColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
projectViewModel!.isArabic ? Container() : SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16),
|
||||
mWidth(6),
|
||||
Text(
|
||||
"210",
|
||||
style: TextStyle(
|
||||
color: CustomColors.textDarkColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
mWidth(6),
|
||||
projectViewModel!.isArabic ? SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16) : Container(),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Divider(
|
||||
height: 1,
|
||||
color: CustomColors.devider,
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
TranslationBase.of(context).servicePriceList3,
|
||||
style: TextStyle(
|
||||
color: CustomColors.textColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
projectViewModel!.isArabic ? Container() : SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16),
|
||||
mWidth(6),
|
||||
Text(
|
||||
"160",
|
||||
style: TextStyle(
|
||||
color: CustomColors.textDarkColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
mWidth(6),
|
||||
projectViewModel!.isArabic ? SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16) : Container(),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Divider(
|
||||
height: 1,
|
||||
color: CustomColors.devider,
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
TranslationBase.of(context).servicePriceList4,
|
||||
style: TextStyle(
|
||||
color: CustomColors.textColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
projectViewModel!.isArabic ? Container() : SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16),
|
||||
mWidth(6),
|
||||
Text(
|
||||
"210",
|
||||
style: TextStyle(
|
||||
color: CustomColors.textDarkColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
mWidth(6),
|
||||
projectViewModel!.isArabic ? SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16) : Container(),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Divider(
|
||||
height: 1,
|
||||
color: CustomColors.devider,
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
TranslationBase.of(context).servicePriceList5,
|
||||
style: TextStyle(
|
||||
color: CustomColors.textColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
projectViewModel!.isArabic ? Container() : SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16),
|
||||
mWidth(6),
|
||||
Text(
|
||||
"160",
|
||||
style: TextStyle(
|
||||
color: CustomColors.textDarkColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
mWidth(6),
|
||||
projectViewModel!.isArabic ? SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16) : Container(),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Divider(
|
||||
height: 1,
|
||||
color: CustomColors.devider,
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
TranslationBase.of(context).servicePriceList6,
|
||||
style: TextStyle(
|
||||
color: CustomColors.textColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
projectViewModel!.isArabic ? Container() : SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16),
|
||||
mWidth(6),
|
||||
Text(
|
||||
"160",
|
||||
style: TextStyle(
|
||||
color: CustomColors.textDarkColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
mWidth(6),
|
||||
projectViewModel!.isArabic ? SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16) : Container(),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Divider(
|
||||
height: 1,
|
||||
color: CustomColors.devider,
|
||||
),
|
||||
SizedBox(height: 16),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
TranslationBase.of(context).servicePriceList7,
|
||||
style: TextStyle(
|
||||
color: CustomColors.textColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
projectViewModel!.isArabic ? Container() : SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16),
|
||||
mWidth(6),
|
||||
Text(
|
||||
"150",
|
||||
style: TextStyle(
|
||||
color: CustomColors.textDarkColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
mWidth(6),
|
||||
projectViewModel!.isArabic ? SvgPicture.asset("assets/images/new/Saudi_Riyal_Symbol.svg", width: 16, height: 16) : Container(),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
)),
|
||||
SizedBox(height: 16),
|
||||
Container(
|
||||
padding: EdgeInsets.all(16),
|
||||
decoration: cardRadius(10),
|
||||
child: Row(
|
||||
children: [
|
||||
Text(
|
||||
TranslationBase.of(context).servicePriceListRights,
|
||||
style: TextStyle(
|
||||
color: CustomColors.textColor,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w500,
|
||||
letterSpacing: -0.64,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue