Compare commits
2 Commits
| Author | SHA1 | Date |
|---|---|---|
 Aamir Muhammad
|
9d7372ea4a | 3 weeks ago |
|
Aamir Muhammad
|
c0497201b6 | 3 weeks ago |
@ -0,0 +1,232 @@
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/classes/consts.dart';
|
||||
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||
import 'package:mohem_flutter_app/config/routes.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||
import 'package:mohem_flutter_app/models/offers_and_discounts/get_offers_list.dart';
|
||||
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
||||
import 'package:mohem_flutter_app/widgets/dynamic_forms/dynamic_textfield_widget.dart';
|
||||
|
||||
class DashboardScreenForDependet extends StatefulWidget {
|
||||
const DashboardScreenForDependet({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<DashboardScreenForDependet> createState() => _DashboardScreenForDependetState();
|
||||
}
|
||||
|
||||
class _DashboardScreenForDependetState extends State<DashboardScreenForDependet> {
|
||||
List<OffersListModel> offersList = [];
|
||||
List<OffersListModel> _filteredOffersList = [];
|
||||
bool isLoading = false;
|
||||
String searchQuery = "";
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
fetchOffers();
|
||||
}
|
||||
|
||||
/// Offers API placeholder - will be connected when the endpoint is provided
|
||||
Future<void> fetchOffers() async {
|
||||
setState(() {
|
||||
isLoading = true;
|
||||
});
|
||||
|
||||
try {
|
||||
// TODO: Call Dependent Offers API here once provided
|
||||
// Example:
|
||||
// offersList = await OffersApiClient().getDependentOffers();
|
||||
await Future.delayed(const Duration(milliseconds: 300));
|
||||
_filteredOffersList = offersList;
|
||||
} catch (e) {
|
||||
print("Error fetching dependent offers: $e");
|
||||
} finally {
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
isLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void _runFilter(String query) {
|
||||
searchQuery = query;
|
||||
if (query.isEmpty) {
|
||||
_filteredOffersList = offersList;
|
||||
} else {
|
||||
bool isAr = AppState().isArabic(context);
|
||||
_filteredOffersList =
|
||||
offersList.where((offer) {
|
||||
String title = isAr ? (offer.titleAr ?? "") : (offer.titleEn ?? "");
|
||||
return title.toLowerCase().contains(query.toLowerCase());
|
||||
}).toList();
|
||||
}
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
void _performLogout() {
|
||||
Utils.confirmDialog(
|
||||
context,
|
||||
AppState().isArabic(context) ? "هل أنت متأكد من تسجيل الخروج؟" : "Are you sure you want to log out?",
|
||||
onTap: () {
|
||||
ApiConsts.selectedMemberType = MemberType.employee;
|
||||
ApiConsts.ISDependetLogin = false;
|
||||
Navigator.pushNamedAndRemoveUntil(context, AppRoutes.login, (Route<dynamic> route) => false);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
bool isAr = AppState().isArabic(context);
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: MyColors.backgroundColor,
|
||||
appBar: AppBar(
|
||||
backgroundColor: Colors.white,
|
||||
elevation: 0,
|
||||
surfaceTintColor: Colors.transparent,
|
||||
automaticallyImplyLeading: false,
|
||||
title: Row(children: [(isAr ? "عروض التابعين" : "Offers & Discounts").toText20(color: MyColors.darkTextColor, isBold: true)]),
|
||||
actions: [
|
||||
// Logout button
|
||||
Container(
|
||||
margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||||
decoration: BoxDecoration(color: MyColors.redColor.withOpacity(0.08), borderRadius: BorderRadius.circular(8)),
|
||||
child: InkWell(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
onTap: _performLogout,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [const Icon(Icons.logout_rounded, size: 18, color: MyColors.redColor), 6.width, (isAr ? "خروج" : "Logout").toText13(color: MyColors.redColor)],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
body: RefreshIndicator(
|
||||
onRefresh: fetchOffers,
|
||||
color: MyColors.textMixColor,
|
||||
child: SingleChildScrollView(
|
||||
physics: const AlwaysScrollableScrollPhysics(parent: BouncingScrollPhysics()),
|
||||
padding: const EdgeInsets.all(21),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Search input
|
||||
DynamicTextFieldWidget(
|
||||
LocaleKeys.search.tr(),
|
||||
LocaleKeys.searchItems.tr(),
|
||||
isEnable: true,
|
||||
suffixIconData: Icons.search,
|
||||
isPopup: false,
|
||||
lines: 1,
|
||||
isInputTypeNum: false,
|
||||
isReadOnly: false,
|
||||
onChange: (String value) {
|
||||
_runFilter(value);
|
||||
},
|
||||
),
|
||||
20.height,
|
||||
|
||||
// Header
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
(isAr ? "العروض المتاحة" : "Available Offers").toText18(isBold: true, color: MyColors.darkTextColor),
|
||||
if (offersList.isNotEmpty) "${_filteredOffersList.length} ${isAr ? "عرض" : "offers"}".toText12(color: MyColors.grey70Color),
|
||||
],
|
||||
),
|
||||
16.height,
|
||||
|
||||
// Content Area
|
||||
if (isLoading)
|
||||
const Center(child: Padding(padding: EdgeInsets.symmetric(vertical: 60), child: CircularProgressIndicator(color: MyColors.textMixColor)))
|
||||
else if (_filteredOffersList.isEmpty)
|
||||
_buildEmptyOffersWidget(isAr)
|
||||
else
|
||||
GridView.builder(
|
||||
shrinkWrap: true,
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2, childAspectRatio: 162 / 266, crossAxisSpacing: 12, mainAxisSpacing: 12),
|
||||
itemCount: _filteredOffersList.length,
|
||||
itemBuilder: (context, index) {
|
||||
return _buildOfferCard(_filteredOffersList[index], isAr);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildEmptyOffersWidget(bool isAr) {
|
||||
return Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 60, horizontal: 24),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Container(
|
||||
width: 80,
|
||||
height: 80,
|
||||
decoration: BoxDecoration(color: MyColors.textMixColor.withOpacity(0.1), shape: BoxShape.circle),
|
||||
child: const Icon(Icons.local_offer_outlined, size: 40, color: MyColors.textMixColor),
|
||||
),
|
||||
16.height,
|
||||
(isAr ? "لا توجد عروض متاحة حالياً" : "No Offers Available Currently").toText16(isBold: true, color: MyColors.darkTextColor),
|
||||
8.height,
|
||||
(isAr ? "سيتم إتاحة العروض الخاصة بك قريباً" : "Exclusive offers for dependents will be available soon.").toText13(color: MyColors.grey70Color),
|
||||
24.height,
|
||||
DefaultButton(isAr ? "تحديث" : "Refresh", fetchOffers, colors: const [MyColors.gradiantStartColor, MyColors.gradiantEndColor]),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildOfferCard(OffersListModel item, bool isAr) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(10.0),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
boxShadow: [BoxShadow(color: const Color(0xff000000).withOpacity(.05), blurRadius: 26, offset: const Offset(0, -3))],
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
AspectRatio(
|
||||
aspectRatio: 118 / 127,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(6),
|
||||
child:
|
||||
(item.bannerImage != null && item.bannerImage!.isNotEmpty)
|
||||
? Image.network(
|
||||
item.bannerImage!,
|
||||
fit: BoxFit.contain,
|
||||
errorBuilder: (_, __, ___) => Container(color: MyColors.greyF7Color, child: const Icon(Icons.broken_image, color: MyColors.grey70Color)),
|
||||
)
|
||||
: Container(color: MyColors.greyF7Color, child: const Icon(Icons.image_outlined, color: MyColors.grey70Color)),
|
||||
),
|
||||
),
|
||||
8.height,
|
||||
(isAr ? (item.titleAr ?? "") : (item.titleEn ?? "")).toText16(isBold: true, color: MyColors.darkTextColor, maxlines: 1),
|
||||
if (item.discountDescription != null && item.discountDescription!.isNotEmpty) ...[4.height, item.discountDescription!.toText14(isBold: true, maxlines: 1)],
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue