import 'package:diplomaticquarterapp/config/shared_pref_kay.dart'; import 'package:diplomaticquarterapp/config/size_config.dart'; import 'package:diplomaticquarterapp/core/model/pharmacies/recommendedProduct_model.dart'; import 'package:diplomaticquarterapp/core/viewModels/pharmacyModule/pharmacy_module_view_model.dart'; import 'package:diplomaticquarterapp/core/viewModels/pharmacyModule/product_detail_view_model.dart'; import 'package:diplomaticquarterapp/pages/base/base_view.dart'; import 'package:diplomaticquarterapp/pages/medical/prescriptions/prescriptions_home_page.dart'; import 'package:diplomaticquarterapp/pages/offers_categorise_page.dart'; import 'package:diplomaticquarterapp/pages/pharmacies/product-brands.dart'; import 'package:diplomaticquarterapp/pages/pharmacies/screens/lacum-activitaion-vida-page.dart'; import 'package:diplomaticquarterapp/pages/pharmacies/screens/lakum-main-page.dart'; import 'package:diplomaticquarterapp/pages/pharmacies/widgets/BannerPager.dart'; import 'package:diplomaticquarterapp/pages/pharmacies/widgets/ProductTileItem.dart'; import 'package:diplomaticquarterapp/pages/pharmacies/widgets/manufacturerItem.dart'; import 'package:diplomaticquarterapp/pages/pharmacy/pharmacyAddresses/PharmacyAddresses.dart'; import 'package:diplomaticquarterapp/uitl/date_uitl.dart'; import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart'; import 'package:diplomaticquarterapp/widgets/buttons/borderedButton.dart'; import 'package:diplomaticquarterapp/widgets/data_display/text.dart'; import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart'; import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart'; import 'package:flutter/material.dart'; import 'package:hexcolor/hexcolor.dart'; import 'package:rating_bar/rating_bar.dart'; import '../../final_products_page.dart'; import 'lacum-activitaion-vida-page.dart'; bool isInWishlist = false; int price = 0; var itemID; var product; var customerId; var item; dynamic languageID; List wishlistData; class PharmacyPage extends StatefulWidget { // final PharmacyProduct product; // PharmacyPage(this.product); @override _PharmacyPageState createState() => _PharmacyPageState(); } class _PharmacyPageState extends State { // dynamic wishlistVar; getLanguageID() async { languageID = await sharedPref.getString(APP_LANGUAGE); } // List recommendedProductList = []; List wishList = []; var model; // String ProductId="4561"; //String id ="3608"; String productId = ""; String id = ""; @override void initState() { checkWishlist(); // userInfo(widget.product.id, widget.product); userInfo(id, product); getLanguageID(); } @override Widget build(BuildContext context) { return BaseView( onModelReady: (model) => model.getPharmacyHomeData(), allowAny: true, builder: (_, model, wi) => AppScaffold( title: "", isShowAppBar: false, isShowDecPage: false, baseViewModel: model, backgroundColor: Colors.white, body: Container( width: double.infinity, child: SingleChildScrollView( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ BannerPager(model), // GridViewButtons(model), Container( margin: EdgeInsets.fromLTRB(10, 10, 10, 10), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Texts( TranslationBase.of(context).myPrescription, bold: true, ), BorderedButton( TranslationBase.of(context).viewAll, hasBorder: true, borderColor: Colors.green, textColor: Colors.green, vPadding: 6, hPadding: 4, handler: () { Navigator.push( context, FadePage(page: HomePrescriptionsPage())); }, ), ], ), ), Container( height: model.prescriptionsList.length > 0 ? MediaQuery.of(context).size.height * 0.28 : 0, padding: EdgeInsets.symmetric(horizontal: 18.0, vertical: 14.0), // height: MediaQuery.of(context).size.height * 0.28, // width: 200.0, // height: MediaQuery.of(context).size.height / 4 + 20, margin: EdgeInsets.only(left: 10), child: BaseView( onModelReady: (model) => model.getPrescription(), builder: (_, model, wi) => model.prescriptionsList.length != 0 // model.getPrescription(); ? ListView.builder( scrollDirection: Axis.horizontal, shrinkWrap: true, physics: ScrollPhysics(), // physics: NeverScrollableScrollPhysics(), itemCount: model.prescriptionsList.length, itemBuilder: (context, index) { return Container( // width: 160.0, height: MediaQuery.of(context).size.height * 0.3, padding: EdgeInsets.only( bottom: 5.0, left: 5.0, right: 8.0), margin: EdgeInsets.only(right: 10.0), decoration: BoxDecoration( border: Border.all( color: Colors.grey, style: BorderStyle.solid, width: 1.0, ), color: Colors.white, borderRadius: BorderRadius.circular(10.0)), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Column(children: [ Container( padding: EdgeInsets.only( top: 10.0, left: 10.0, right: 10.0, bottom: 15.0, ), child: CircleAvatar( radius: 30, backgroundColor: Colors.transparent, child: Image.network( model.prescriptionsList[index] .doctorImageURL, width: 60, height: 60, ), ), ), ]), // Column( // // crossAxisAlignment: CrossAxisAlignment.center, // children: [ // Container( // margin: EdgeInsets.only(left: 1), // padding: EdgeInsets.only( // top: 10.0, // left: 10.0, // right: 3.0, // bottom: 15.0, // ), // child: Image.network( // model.prescriptionsList[index] // .doctorImageURL, // width: 60, // height: 60, // ), // ), // ]), Column( // crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( margin: EdgeInsets.only(left: 1), padding: EdgeInsets.only( left: 15.0, right: 15.0), decoration: BoxDecoration( border: Border.all( color: Colors.green, style: BorderStyle.solid, width: 4.0, ), color: Colors.green, borderRadius: BorderRadius.circular( 30.0)), child: Text( languageID == "ar" ? model.prescriptionsList[index].isInOutPatientDescriptionN.toString() : model.prescriptionsList[index].isInOutPatientDescription.toString(), style: TextStyle( color: Colors.white, fontSize: 15.0, // fontWeight: FontWeight.bold, ), )), Row(children: [ Image.asset( 'assets/images/Icon-awesome-calendar.png', width: 30, height: 30, ), Text( DateUtil.convertStringToDate( model .prescriptionsList[ index] .appointmentDate .toString()) .toString() .substring(0, 10), style: TextStyle( color: Colors.black, fontSize: 15.0, // fontWeight: FontWeight.bold, ), ) ]), ], ), ], ), Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: EdgeInsets.only(left: 5), child: Row(children: [ Text( model.prescriptionsList[index] .doctorTitle .toString(), style: TextStyle( color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.bold, ), ), Text( model.prescriptionsList[index] .doctorName .toString(), style: TextStyle( color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.bold, ), ), ]), ), ], ), Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: EdgeInsets.only(left: 5), child: Text( model.prescriptionsList[index] .clinicDescription .toString(), style: TextStyle( color: Colors.green, fontSize: 15.0, // fontWeight: FontWeight.bold, ), ), ), ], ), Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: EdgeInsets.only(left: 5), child: Align( alignment: Alignment.topLeft, child: RatingBar.readOnly( initialRating: model .prescriptionsList[index] .actualDoctorRate .toDouble(), // initialRating: productRate, size: 15.0, filledColor: Colors.yellow[700], emptyColor: Colors.grey[500], isHalfAllowed: true, halfFilledIcon: Icons.star_half, filledIcon: Icons.star, emptyIcon: Icons.star, ), ), ) ]), ]), ); }) : Container(), ), ), // Container( // margin: EdgeInsets.fromLTRB(10, 10, 10, 10), // child: Row( // mainAxisAlignment: MainAxisAlignment.spaceBetween, // children: [ // Texts( // TranslationBase.of(context).recommended, // bold: true, // ), // BorderedButton( // TranslationBase.of(context).viewAll, // hasBorder: true, // borderColor: Colors.green, // textColor: Colors.green, // vPadding: 6, // hPadding: 4, // handler: () { // Navigator.push( // context, // MaterialPageRoute( // builder: (context) => // RecommendedProductPage(productId : "2316"))); // }, // ), // ], // ), // ), // Container( // height: model.recommendedProductList.length > 0 // ? MediaQuery.of(context).size.height * 0.32 // : 0, // margin: EdgeInsets.symmetric(horizontal: 6, vertical: 4), //// padding: EdgeInsets.symmetric(horizontal: 5.0, vertical: 22.0), //// margin: EdgeInsets.only(left: 10), // child: BaseView( // onModelReady: (model) => // model.getRecommendedProducts(productId), // builder: (_, model, wi) => model // .recommendedProductList.length != // null // ? ListView.builder( // scrollDirection: Axis.horizontal, // shrinkWrap: true, // physics: ScrollPhysics(), // // physics: NeverScrollableScrollPhysics(), // itemCount: model.recommendedProductList.length, // itemBuilder: (context, index) { // return Card( // elevation: 2, // shape: RoundedRectangleBorder( // side: BorderSide( // color: Colors.grey[300], width: 2), // borderRadius: BorderRadius.circular(10)), // margin: EdgeInsets.symmetric( // horizontal: 8, // vertical: 0, // ), // child: Container( // decoration: BoxDecoration( // borderRadius: BorderRadius.all( // Radius.circular(15), // ), // ), // padding: EdgeInsets.symmetric(horizontal: 4), // width: MediaQuery.of(context).size.width / 3, // child: Column( // crossAxisAlignment: // CrossAxisAlignment.start, // children: [ // Stack(children: [ // Container( // child: Align( // alignment: Alignment.topRight, // child: //true // itemID.contains(model.recommendedProductList[index].id) // // !isInWishlist // ? IconButton( // icon: Icon(Icons // .favorite_border), // color: Colors.grey, // iconSize: 30, // onPressed: () { // setState(() { // addToWishlistFunction( // itemID); // }); // }, // ) // : IconButton( // icon: Icon( // Icons.favorite), // color: Colors.red, // iconSize: 30, // onPressed: () { // setState(() { // deleteFromWishlistFunction( // itemID); // }); // }, // ) //// // ), // ), // Container( // margin: EdgeInsets.fromLTRB( // 0, 16, 10, 16), // alignment: Alignment.center, //// padding: EdgeInsets.only(left: 25, bottom: 20), // child: (model.recommendedProductList[index].images != null && // model.recommendedProductList[index].images.length > 0) // ? Image.network( // model.recommendedProductList[index].images[0].src.toString(), //// item.images[0].src, // fit: BoxFit.cover, // height: 60, // ) // : Image.asset( // "assets/images/no_image.png", // fit: BoxFit.cover, // height: 60, // ), // ), // Container( // width: model // .recommendedProductList[ // index] // .rxMessage != // null // ? MediaQuery.of(context) // .size // .width / // 5 // : 0, // padding: EdgeInsets.all(4), // decoration: BoxDecoration( // color: Color(0xffb23838), // borderRadius: BorderRadius.only( // topLeft: Radius.circular(6)), // ), // child: Texts( // model.recommendedProductList[index] // .rxMessage != // null // ? model // .recommendedProductList[ // index] // .rxMessage // : "", // color: Colors.white, // regular: true, // fontSize: 10, // fontWeight: FontWeight.w400, // ), // ), // ]), // Container( // margin: EdgeInsets.symmetric( // horizontal: 6, // vertical: 0, // ), // child: Column( // crossAxisAlignment: // CrossAxisAlignment.start, // children: [ // Text( // languageID == "ar" // ? model.recommendedProductList[index].namen // : model.recommendedProductList[index].name, // style: TextStyle( // color: Colors.black, // fontSize: 13.0, //// fontWeight: FontWeight.bold, // ), // ), // Padding( //// padding: const EdgeInsets.only(top: 15, bottom: 10), // padding: const EdgeInsets.only( // top: 10, bottom: 5), // child: Texts( // "SAR ${model.recommendedProductList[index].price}", // bold: true, // fontSize: 14, // ), // ), // ], // ), // ), // Row( // crossAxisAlignment: // CrossAxisAlignment.start, // children: [ // Container( // padding: // EdgeInsets.only(right: 10), //// margin: EdgeInsets.only(left: 5), // child: Align( // alignment: Alignment.topLeft, // child: RatingBar.readOnly( // initialRating: model // .recommendedProductList[ // index] // .approvedRatingSum // .toDouble(), //// initialRating: productRate, // size: 13.0, // filledColor: // Colors.yellow[700], // emptyColor: Colors.grey[500], // isHalfAllowed: true, // halfFilledIcon: // Icons.star_half, // filledIcon: Icons.star, // emptyIcon: Icons.star, // ), // ), // ), // Texts( // "(${model.recommendedProductList[index].approvedTotalReviews.toString()})", //// bold: true, // fontSize: 12, // ), // ]), // ], // ), // ), // ); // }) // : Container( //// child: Text("NO DATA"), // ), // ), // ), Container( margin: EdgeInsets.fromLTRB(10, 10, 10, 0), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Texts( TranslationBase.of(context).shopByBrands, bold: true, ), BorderedButton( TranslationBase.of(context).viewAll, hasBorder: true, vPadding: 6, hPadding: 4, borderColor: Colors.green, textColor: Colors.green, handler: () => { Navigator.push( context, FadePage(page: ProductBrandsPage())), }, ), ], ), ), Container( height: 60, child: ListView.builder( itemBuilder: (ctx, i) => ManufacturerItem(model.manufacturerList[i]), scrollDirection: Axis.horizontal, itemCount: model.manufacturerList.length, ), ), Container( margin: EdgeInsets.fromLTRB(10, 10, 10, 10), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Texts( TranslationBase.of(context).recentlyViewed, bold: true, ), BorderedButton( TranslationBase.of(context).viewAll, hasBorder: true, vPadding: 6, hPadding: 4, borderColor: Colors.green, textColor: Colors.green, handler: () { Navigator.push( context, FadePage( page: FinalProductsPage( id: "", productType: 3, ), ), ); }, ), ], ), ), Container( height: model.lastVisitedProducts.length > 0 ? MediaQuery.of(context).size.height / 4 + 20 : 0, child: ListView.builder( itemBuilder: (ctx, i) => ProductTileItem(model.lastVisitedProducts[i]), scrollDirection: Axis.horizontal, itemCount: model.lastVisitedProducts.length, ), ), Container( margin: EdgeInsets.fromLTRB(10, 10, 10, 10), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Texts( TranslationBase.of(context).bestSellers, bold: true, ), BorderedButton( TranslationBase.of(context).viewAll, hasBorder: true, borderColor: Colors.green, textColor: Colors.green, vPadding: 6, hPadding: 4, handler: () => { Navigator.push( context, FadePage( page: FinalProductsPage( id: "", productType: 4, ), ), ), }, ), ], ), ), Container( height: MediaQuery.of(context).size.height / 4 + 20, child: ListView.builder( itemBuilder: (ctx, i) => ProductTileItem(model.bestSellerProduct[i]), scrollDirection: Axis.horizontal, itemCount: model.bestSellerProduct.length, ), ), ], ), ), ), ), ); } addToWishlistFunction(itemID) async { ProductDetailViewModel x = new ProductDetailViewModel(); isInWishlist = true; await x.addToWishlistData(itemID); } deleteFromWishlistFunction(itemID) async { ProductDetailViewModel x = new ProductDetailViewModel(); isInWishlist = false; await x.addToWishlistData(itemID); } checkWishlist() async { ProductDetailViewModel x = new ProductDetailViewModel(); await x.checkWishlistData(); for (int i = 0; i < x.wishListItems.length; i++) { // itemID = x.wishListItems[i].id; print("-------------wishlist---------------"); print(itemID); // print(product.id); print(x.wishListItems[i].productId); if (itemID == x.wishListItems[i].productId) { isInWishlist = true; // print('in wishlist'); break; } else { isInWishlist = false; // print('not in wishlist'); } } } Future userInfo(id, product) async { customerId = await sharedPref.getString(PHARMACY_CUSTOMER_ID); if (customerId != null) { itemID = id; product = product; checkWishlist(); } print("customerId:$customerId"); return customerId; } } class GridViewButtons extends StatelessWidget { final PharmacyModuleViewModel model; GridViewButtons(this.model); @override Widget build(BuildContext context) { final gridHeight = (MediaQuery.of(context).size.width * 0.3) * 1.8; return Container( child: SizedBox( height: gridHeight, child: GridView.count( childAspectRatio: 2.2, crossAxisSpacing: 10, mainAxisSpacing: 10, controller: new ScrollController(keepScrollOffset: false), shrinkWrap: true, padding: const EdgeInsets.all(4.0), crossAxisCount: 2, children: [ DashboardItem( imageName: 'pharmacy_module/bg_1.png', hasColorFilter: false, opacity: 0.8, child: GridViewCard( TranslationBase.of(context).offersAndPromotions, 'assets/images/pharmacy_module/offer_icon.png', () { Navigator.push(context, FadePage(page: OffersCategorisePage())); }), ), DashboardItem( imageName: 'pharmacy_module/bg_2.png', opacity: 0, hasColorFilter: false, child: GridViewCard(TranslationBase.of(context).medicationRefill, 'assets/images/pharmacy_module/medication_icon.png', () { model.checkUserIsActivated().then((isActivated) { if (isActivated) { Navigator.push(context, FadePage(page: LakumMainPage())); } else { Navigator.push( context, FadePage(page: LakumActivationVidaPage())); } }); }), ), DashboardItem( imageName: 'pharmacy_module/bg_3.png', opacity: 0, hasColorFilter: false, child: GridViewCard(TranslationBase.of(context).myPrescriptions, 'assets/images/pharmacy_module/prescription_icon.png', () { Navigator.push( context, FadePage(page: PharmacyAddressesPage())); }), ), DashboardItem( imageName: 'pharmacy_module/bg_4.png', opacity: 0, hasColorFilter: false, child: GridViewCard( TranslationBase.of(context).searchAndScanMedication, 'assets/images/pharmacy_module/search_scan_icon.png', () {}), ), ], ), ), ); } } class DashboardItem extends StatelessWidget { const DashboardItem({this.hasBorder = false, this.imageName, @required this.child, this.onTap, Key key, this.width, this.height, this.color, this.opacity = 0.4, this.hasColorFilter = true}) : super(key: key); final bool hasBorder; final String imageName; final Widget child; final Function onTap; final double width; final double height; final Color color; final double opacity; final bool hasColorFilter; @override Widget build(BuildContext context) { return InkWell( onTap: onTap, child: Container( width: width != null ? width : MediaQuery.of(context).size.width * 0.29, height: height != null ? height : MediaQuery.of(context).orientation == Orientation.portrait ? MediaQuery.of(context).size.height * 0.17 : MediaQuery.of(context).size.height * 0.35, decoration: BoxDecoration( color: !hasBorder ? color != null ? color : HexColor('#050705').withOpacity(opacity) : Colors.white, borderRadius: BorderRadius.circular(6.0), border: hasBorder ? Border.all(width: 1.0, color: const Color(0xffcccccc)) : Border.all(width: 0.0, color: Colors.transparent), image: imageName != null ? DecorationImage( image: ExactAssetImage('assets/images/$imageName'), fit: BoxFit.cover, colorFilter: hasColorFilter ? new ColorFilter.mode(Colors.black.withOpacity(0.2), BlendMode.dstIn) : null, ) : null, ), child: Center( child: child, ), ), ); } } class GridViewCard extends StatelessWidget { final String text; final String cardImage; final Function handler; GridViewCard(this.text, this.cardImage, this.handler); @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.all(4.0), child: Container( child: Row( children: [ Expanded( flex: 2, child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Expanded( flex: 2, child: Padding( padding: const EdgeInsets.all(6), child: Texts( text, color: Colors.white, fontSize: SizeConfig.textMultiplier * 1.5, ), ), ), Row( children: [ BorderedButton( TranslationBase.of(context).viewAll, handler: handler, tPadding: 0, bPadding: 0, ), Expanded(child: Container()), ], ), ], ), ), Expanded( child: Align( alignment: Alignment.centerRight, child: Image.asset( cardImage, fit: BoxFit.cover, ), ), ), ], ), ), ); } String getDate(String date) { DateTime dateObj = DateUtil.convertStringToDate(date); return DateUtil.getWeekDay(dateObj.weekday) + ", " + dateObj.day.toString() + " " + DateUtil.getMonth(dateObj.month) + " " + dateObj.year.toString(); } } class test extends StatefulWidget { @override _testState createState() => _testState(); } class _testState extends State { @override Widget build(BuildContext context) { return Container(); } } //addWishlistData() async { // ProductDetailViewModel x = new ProductDetailViewModel(); // await wishlistData.add(x.checkWishlistData()); // print("-------------testWishlist---------------"); // //} // checkWishlist() async { // ProductDetailViewModel x = new ProductDetailViewModel(); // wishlistVar = await x.checkWishlistData(); // print("wishlistVar>>>>>>>>>>>>>>>"); // print(wishlistVar); // // }