feat: refactor code

2026-06-17 12:57:28 +03:30
parent e9f294fa19
commit 519752b478
106 changed files with 3459 additions and 2309 deletions
@@ -0,0 +1,32 @@
+import 'package:dio/dio.dart';
+
+import '../../../../../core/locator/locator.dart';
+import '../../../../../core/network/api_provider_imp.dart';
+
+class ShopApiProvider {
+  ApiProviderImp get _api => locator<ApiProviderImp>();
+
+  Future<Response> getShop() => _api.get('/shop');
+
+  Future<Response> buyCard(String cardId) =>
+      _api.post('/shop/buy-card', body: {'card_id': cardId});
+
+  Future<Response> selectCard(String cardId) =>
+      _api.post('/shop/select-card', body: {'card_id': cardId});
+
+  Future<Response> purchase({
+    required String store,
+    required String kind,
+    required String productId,
+    required String token,
+  }) =>
+      _api.post('/shop/purchase', body: {
+        'store': store,
+        'kind': kind,
+        'product_id': productId,
+        'token': token,
+      });
+
+  Future<Response> adReward(String token) =>
+      _api.post('/rewards/ad', body: {'token': token});
+}
@@ -0,0 +1,59 @@
+import '../../domain/entities/shop_entities.dart';
+
+/// نگاشتِ JSON کاتالوگ فروشگاه به موجودیت‌ها.
+class ShopMapper {
+  static CoinPackage coin(Map<String, dynamic> j) => CoinPackage(
+        id: j['id'] as String,
+        title: j['title'] as String,
+        coins: (j['coins'] ?? 0) as int,
+        vipDays: (j['vip_days'] ?? 0) as int,
+        priceToman: (j['price_toman'] ?? 0) as int,
+        bonusPct: (j['bonus_pct'] ?? 0) as int,
+      );
+
+  static TicketPackage ticket(Map<String, dynamic> j) => TicketPackage(
+        id: j['id'] as String,
+        title: j['title'] as String,
+        tickets: (j['tickets'] ?? 0) as int,
+        priceToman: (j['price_toman'] ?? 0) as int,
+      );
+
+  static CardSkin card(Map<String, dynamic> j) => CardSkin(
+        id: j['id'] as String,
+        title: j['title'] as String,
+        priceCoins: (j['price_coins'] ?? 0) as int,
+      );
+
+  static Booster booster(Map<String, dynamic> j) => Booster(
+        id: j['id'] as String,
+        title: j['title'] as String,
+        multiplier: (j['multiplier'] ?? 1) as int,
+        hours: (j['hours'] ?? 0) as int,
+        priceToman: (j['price_toman'] ?? 0) as int,
+      );
+
+  static VipPackage vip(Map<String, dynamic> j) => VipPackage(
+        id: j['id'] as String,
+        title: j['title'] as String,
+        months: (j['months'] ?? 1) as int,
+        priceToman: (j['price_toman'] ?? 0) as int,
+      );
+
+  static ShopData shopData(Map<String, dynamic> j) {
+    final cat = Map<String, dynamic>.from(j['catalog'] as Map);
+    List<T> parse<T>(String key, T Function(Map<String, dynamic>) f) =>
+        ((cat[key] as List?) ?? [])
+            .map((e) => f(Map<String, dynamic>.from(e as Map)))
+            .toList();
+    return ShopData(
+      coinPackages: parse('coin_packages', coin),
+      ticketPackages: parse('ticket_packages', ticket),
+      cardSkins: parse('card_skins', card),
+      boosters: parse('boosters', booster),
+      vipPackages: parse('vip_packages', vip),
+      ownedCards:
+          ((j['owned_cards'] as List?) ?? []).map((e) => e as String).toList(),
+      selectedCard: (j['selected_card'] ?? 'simple') as String,
+    );
+  }
+}
@@ -0,0 +1,65 @@
+import 'package:dio/dio.dart';
+
+import '../../../../core/error/custom_error.dart';
+import '../../../../core/resources/data_state.dart';
+import '../../../../core/usecase/use_case.dart';
+import '../../domain/entities/shop_entities.dart';
+import '../../domain/repository/shop_repository.dart';
+import '../data_source/remote/shop_api_provider.dart';
+import '../model/shop_models.dart';
+
+class ShopRepositoryImpl extends ShopRepository {
+  final ShopApiProvider api;
+  ShopRepositoryImpl(this.api);
+
+  @override
+  Future<DataState<ShopData>> getShop() async {
+    final Response res = await api.getShop();
+    if (res.statusCode == 200) {
+      return DataSuccess(
+          ShopMapper.shopData(Map<String, dynamic>.from(res.data as Map)));
+    }
+    return DataError(errorConvertor(res.statusCode, _msg(res)));
+  }
+
+  @override
+  Future<DataState<String>> buyCard(String cardId) async {
+    final Response res = await api.buyCard(cardId);
+    if (res.statusCode == 200) return const DataSuccess('کارت خریداری شد');
+    return DataError(errorConvertor(res.statusCode, _msg(res)));
+  }
+
+  @override
+  Future<DataState<String>> selectCard(String cardId) async {
+    final Response res = await api.selectCard(cardId);
+    if (res.statusCode == 200) return const DataSuccess('کارت انتخاب شد');
+    return DataError(errorConvertor(res.statusCode, _msg(res)));
+  }
+
+  @override
+  Future<DataState<String>> purchase(PurchaseParams params) async {
+    final Response res = await api.purchase(
+      store: params.store,
+      kind: params.kind,
+      productId: params.productId,
+      token: params.token,
+    );
+    if (res.statusCode == 200) return const DataSuccess('خرید با موفقیت انجام شد');
+    return DataError(errorConvertor(res.statusCode, _msg(res)));
+  }
+
+  @override
+  Future<DataState<int>> adReward(String token) async {
+    final Response res = await api.adReward(token);
+    if (res.statusCode == 200) {
+      return DataSuccess((res.data['amount'] ?? 0) as int);
+    }
+    return DataError(errorConvertor(res.statusCode, _msg(res)));
+  }
+
+  String? _msg(Response res) {
+    final d = res.data;
+    if (d is Map && d['message'] != null) return d['message'].toString();
+    return null;
+  }
+}
@@ -0,0 +1,89 @@
+/// موجودیت‌های کاتالوگ فروشگاه (مستقل از JSON).
+class CoinPackage {
+  final String id;
+  final String title;
+  final int coins;
+  final int vipDays;
+  final int priceToman;
+  final int bonusPct;
+  const CoinPackage({
+    required this.id,
+    required this.title,
+    required this.coins,
+    required this.vipDays,
+    required this.priceToman,
+    required this.bonusPct,
+  });
+}
+
+class TicketPackage {
+  final String id;
+  final String title;
+  final int tickets;
+  final int priceToman;
+  const TicketPackage({
+    required this.id,
+    required this.title,
+    required this.tickets,
+    required this.priceToman,
+  });
+}
+
+class CardSkin {
+  final String id;
+  final String title;
+  final int priceCoins;
+  const CardSkin(
+      {required this.id, required this.title, required this.priceCoins});
+}
+
+class Booster {
+  final String id;
+  final String title;
+  final int multiplier;
+  final int hours;
+  final int priceToman;
+  const Booster({
+    required this.id,
+    required this.title,
+    required this.multiplier,
+    required this.hours,
+    required this.priceToman,
+  });
+}
+
+class VipPackage {
+  final String id;
+  final String title;
+  final int months;
+  final int priceToman;
+  const VipPackage({
+    required this.id,
+    required this.title,
+    required this.months,
+    required this.priceToman,
+  });
+}
+
+/// کلِ داده‌ی فروشگاه: کاتالوگ + کارت‌های متعلق به کاربر + کارت انتخابی.
+class ShopData {
+  final List<CoinPackage> coinPackages;
+  final List<TicketPackage> ticketPackages;
+  final List<CardSkin> cardSkins;
+  final List<Booster> boosters;
+  final List<VipPackage> vipPackages;
+  final List<String> ownedCards;
+  final String selectedCard;
+
+  const ShopData({
+    required this.coinPackages,
+    required this.ticketPackages,
+    required this.cardSkins,
+    required this.boosters,
+    required this.vipPackages,
+    required this.ownedCards,
+    required this.selectedCard,
+  });
+
+  bool owns(String cardId) => cardId == 'simple' || ownedCards.contains(cardId);
+}
@@ -0,0 +1,11 @@
+import '../../../../core/resources/data_state.dart';
+import '../../../../core/usecase/use_case.dart';
+import '../entities/shop_entities.dart';
+
+abstract class ShopRepository {
+  Future<DataState<ShopData>> getShop();
+  Future<DataState<String>> buyCard(String cardId);
+  Future<DataState<String>> selectCard(String cardId);
+  Future<DataState<String>> purchase(PurchaseParams params);
+  Future<DataState<int>> adReward(String token);
+}
@@ -0,0 +1,11 @@
+import '../../../../core/resources/data_state.dart';
+import '../../../../core/usecase/use_case.dart';
+import '../repository/shop_repository.dart';
+
+class AdRewardUseCase implements UseCase<DataState<int>, String> {
+  final ShopRepository repository;
+  AdRewardUseCase(this.repository);
+
+  @override
+  Future<DataState<int>> call(String params) => repository.adReward(params);
+}
@@ -0,0 +1,11 @@
+import '../../../../core/resources/data_state.dart';
+import '../../../../core/usecase/use_case.dart';
+import '../repository/shop_repository.dart';
+
+class BuyCardUseCase implements UseCase<DataState<String>, String> {
+  final ShopRepository repository;
+  BuyCardUseCase(this.repository);
+
+  @override
+  Future<DataState<String>> call(String params) => repository.buyCard(params);
+}
@@ -0,0 +1,12 @@
+import '../../../../core/resources/data_state.dart';
+import '../../../../core/usecase/use_case.dart';
+import '../entities/shop_entities.dart';
+import '../repository/shop_repository.dart';
+
+class GetShopUseCase implements UseCase<DataState<ShopData>, NoParams> {
+  final ShopRepository repository;
+  GetShopUseCase(this.repository);
+
+  @override
+  Future<DataState<ShopData>> call(NoParams params) => repository.getShop();
+}
@@ -0,0 +1,12 @@
+import '../../../../core/resources/data_state.dart';
+import '../../../../core/usecase/use_case.dart';
+import '../repository/shop_repository.dart';
+
+class PurchaseUseCase implements UseCase<DataState<String>, PurchaseParams> {
+  final ShopRepository repository;
+  PurchaseUseCase(this.repository);
+
+  @override
+  Future<DataState<String>> call(PurchaseParams params) =>
+      repository.purchase(params);
+}
@@ -0,0 +1,12 @@
+import '../../../../core/resources/data_state.dart';
+import '../../../../core/usecase/use_case.dart';
+import '../repository/shop_repository.dart';
+
+class SelectCardUseCase implements UseCase<DataState<String>, String> {
+  final ShopRepository repository;
+  SelectCardUseCase(this.repository);
+
+  @override
+  Future<DataState<String>> call(String params) =>
+      repository.selectCard(params);
+}
@@ -0,0 +1,84 @@
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+import '../../../../core/resources/data_state.dart';
+import '../../../../core/usecase/use_case.dart';
+import '../../domain/use_cases/ad_reward_usecase.dart';
+import '../../domain/use_cases/buy_card_usecase.dart';
+import '../../domain/use_cases/get_shop_usecase.dart';
+import '../../domain/use_cases/purchase_usecase.dart';
+import '../../domain/use_cases/select_card_usecase.dart';
+import 'shop_event.dart';
+import 'shop_state.dart';
+import 'shop_status.dart';
+
+class ShopBloc extends Bloc<ShopEvent, ShopBlocState> {
+  final GetShopUseCase getShopUseCase;
+  final BuyCardUseCase buyCardUseCase;
+  final SelectCardUseCase selectCardUseCase;
+  final PurchaseUseCase purchaseUseCase;
+  final AdRewardUseCase adRewardUseCase;
+
+  ShopBloc(
+    this.getShopUseCase,
+    this.buyCardUseCase,
+    this.selectCardUseCase,
+    this.purchaseUseCase,
+    this.adRewardUseCase,
+  ) : super(ShopBlocState.initial()) {
+    on<LoadShopEvent>((event, emit) => _load(emit));
+
+    on<BuyCardEvent>((event, emit) =>
+        _action(emit, () => buyCardUseCase(event.cardId)));
+
+    on<SelectCardEvent>((event, emit) =>
+        _action(emit, () => selectCardUseCase(event.cardId)));
+
+    on<PurchaseEvent>((event, emit) => _action(
+        emit,
+        () => purchaseUseCase(PurchaseParams(
+              store: 'bazaar',
+              kind: event.kind,
+              productId: event.productId,
+              token:
+                  'dev-${event.kind}-${event.productId}-${DateTime.now().millisecondsSinceEpoch}',
+            ))));
+
+    on<AdRewardEvent>((event, emit) => _action(
+          emit,
+          () async {
+            final res = await adRewardUseCase(
+                'dev-ad-${DateTime.now().millisecondsSinceEpoch}');
+            if (res is DataSuccess) {
+              return const DataSuccess('سکه رایگان دریافت شد');
+            }
+            return DataError<String>(res.error!);
+          },
+        ));
+  }
+
+  Future<void> _load(Emitter<ShopBlocState> emit) async {
+    emit(state.copyWith(loadStatus: ShopLoading()));
+    final res = await getShopUseCase(const NoParams());
+    if (res is DataSuccess) {
+      emit(state.copyWith(loadStatus: ShopLoaded(res.data!)));
+    } else {
+      emit(state.copyWith(loadStatus: ShopLoadError(res.error!)));
+    }
+  }
+
+  /// اجرای یک عملیات، نمایش وضعیت و سپس بازخوانی کاتالوگ.
+  Future<void> _action(
+    Emitter<ShopBlocState> emit,
+    Future<DataState<String>> Function() action,
+  ) async {
+    if (state.busy) return;
+    emit(state.copyWith(actionStatus: ActionLoading()));
+    final res = await action();
+    if (res is DataSuccess) {
+      emit(state.copyWith(actionStatus: ActionSuccess(res.data!)));
+      await _load(emit);
+    } else {
+      emit(state.copyWith(actionStatus: ActionError(res.error!)));
+    }
+  }
+}
@@ -0,0 +1,21 @@
+abstract class ShopEvent {}
+
+class LoadShopEvent extends ShopEvent {}
+
+class BuyCardEvent extends ShopEvent {
+  final String cardId;
+  BuyCardEvent(this.cardId);
+}
+
+class SelectCardEvent extends ShopEvent {
+  final String cardId;
+  SelectCardEvent(this.cardId);
+}
+
+class PurchaseEvent extends ShopEvent {
+  final String kind;
+  final String productId;
+  PurchaseEvent(this.kind, this.productId);
+}
+
+class AdRewardEvent extends ShopEvent {}
@@ -0,0 +1,22 @@
+import 'shop_status.dart';
+
+class ShopBlocState {
+  final ShopLoadStatus loadStatus;
+  final ShopActionStatus actionStatus;
+
+  ShopBlocState({required this.loadStatus, required this.actionStatus});
+
+  factory ShopBlocState.initial() =>
+      ShopBlocState(loadStatus: ShopInitial(), actionStatus: ActionIdle());
+
+  bool get busy => actionStatus is ActionLoading;
+
+  ShopBlocState copyWith({
+    ShopLoadStatus? loadStatus,
+    ShopActionStatus? actionStatus,
+  }) =>
+      ShopBlocState(
+        loadStatus: loadStatus ?? this.loadStatus,
+        actionStatus: actionStatus ?? this.actionStatus,
+      );
+}
@@ -0,0 +1,34 @@
+import '../../domain/entities/shop_entities.dart';
+
+abstract class ShopLoadStatus {}
+
+class ShopInitial extends ShopLoadStatus {}
+
+class ShopLoading extends ShopLoadStatus {}
+
+class ShopLoaded extends ShopLoadStatus {
+  final ShopData data;
+  ShopLoaded(this.data);
+}
+
+class ShopLoadError extends ShopLoadStatus {
+  final String message;
+  ShopLoadError(this.message);
+}
+
+/// وضعیتِ یک عملیات (خرید/انتخاب/تبلیغ).
+abstract class ShopActionStatus {}
+
+class ActionIdle extends ShopActionStatus {}
+
+class ActionLoading extends ShopActionStatus {}
+
+class ActionSuccess extends ShopActionStatus {
+  final String message;
+  ActionSuccess(this.message);
+}
+
+class ActionError extends ShopActionStatus {
+  final String message;
+  ActionError(this.message);
+}
@@ -0,0 +1,504 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:go_router/go_router.dart';
+
+import '../../../../core/theme/app_theme.dart';
+import '../../../../core/widgets/game_ui.dart';
+import '../../../wallet/presentation/bloc/wallet_bloc.dart';
+import '../../../wallet/presentation/bloc/wallet_event.dart';
+import '../../../wallet/presentation/bloc/wallet_state.dart';
+import '../../../wallet/presentation/bloc/wallet_status.dart';
+import '../../domain/entities/shop_entities.dart';
+import '../bloc/shop_bloc.dart';
+import '../bloc/shop_event.dart';
+import '../bloc/shop_state.dart';
+import '../bloc/shop_status.dart';
+
+/// فروشگاه با تب‌های سکه/بلیط/کارت/تجهیزات/VIP.
+class ShopScreen extends StatelessWidget {
+  const ShopScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return DefaultTabController(
+      length: 5,
+      child: Scaffold(
+        backgroundColor: Colors.transparent,
+        body: GameBackground(
+          child: BlocConsumer<ShopBloc, ShopBlocState>(
+            listenWhen: (a, b) => a.actionStatus != b.actionStatus,
+            listener: (context, state) {
+              final s = state.actionStatus;
+              if (s is ActionSuccess) {
+                context.read<WalletBloc>().add(LoadWalletEvent());
+                ScaffoldMessenger.of(context)
+                    .showSnackBar(SnackBar(content: Text(s.message)));
+              } else if (s is ActionError) {
+                ScaffoldMessenger.of(context)
+                    .showSnackBar(SnackBar(content: Text(s.message)));
+              }
+            },
+            builder: (context, state) {
+              return Column(
+                children: [
+                  _header(context),
+                  Expanded(
+                    child: Container(
+                      margin: const EdgeInsets.fromLTRB(8, 0, 8, 8),
+                      decoration: BoxDecoration(
+                        gradient: const LinearGradient(
+                          begin: Alignment.topCenter,
+                          end: Alignment.bottomCenter,
+                          colors: [Color(0xFF4A0C16), Color(0xFF2A0710)],
+                        ),
+                        borderRadius: BorderRadius.circular(16),
+                        border:
+                            Border.all(color: AppColors.goldDark, width: 1.5),
+                      ),
+                      child: Column(
+                        children: [
+                          const _ShopTabs(),
+                          Expanded(child: _body(context, state.loadStatus)),
+                        ],
+                      ),
+                    ),
+                  ),
+                ],
+              );
+            },
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _body(BuildContext context, ShopLoadStatus status) {
+    if (status is ShopLoaded) {
+      final d = status.data;
+      return TabBarView(
+        children: [
+          _CoinsTab(packages: d.coinPackages),
+          _TicketsTab(packages: d.ticketPackages),
+          _CardsTab(data: d),
+          _BoostersTab(boosters: d.boosters),
+          _VipTab(packages: d.vipPackages),
+        ],
+      );
+    }
+    if (status is ShopLoadError) {
+      return Center(
+        child: Column(mainAxisSize: MainAxisSize.min, children: [
+          Text(status.message),
+          TextButton(
+            onPressed: () => context.read<ShopBloc>().add(LoadShopEvent()),
+            child: const Text('تلاش مجدد'),
+          ),
+        ]),
+      );
+    }
+    return const Center(child: CircularProgressIndicator(color: AppColors.gold));
+  }
+
+  Widget _header(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.all(8),
+      child: Row(children: [
+        GestureDetector(
+          onTap: () => context.pop(),
+          child: Container(
+            width: 46,
+            height: 46,
+            decoration: BoxDecoration(
+              color: AppColors.panel,
+              borderRadius: BorderRadius.circular(12),
+              border: Border.all(color: AppColors.gold, width: 1.5),
+            ),
+            child: const Icon(Icons.arrow_back, color: AppColors.gold),
+          ),
+        ),
+        const Spacer(),
+        BlocBuilder<WalletBloc, WalletBlocState>(
+          builder: (context, s) {
+            final w = s.walletStatus is WalletLoaded
+                ? (s.walletStatus as WalletLoaded).wallet
+                : null;
+            return Row(children: [
+              StatChip(
+                  icon: Icons.confirmation_number,
+                  value: '${w?.tickets ?? 0}'),
+              const SizedBox(width: 8),
+              StatChip(icon: Icons.monetization_on, value: '${w?.coins ?? 0}'),
+            ]);
+          },
+        ),
+      ]),
+    );
+  }
+}
+
+class _ShopTabs extends StatelessWidget {
+  const _ShopTabs();
+  @override
+  Widget build(BuildContext context) {
+    return const TabBar(
+      indicator: BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topCenter,
+          end: Alignment.bottomCenter,
+          colors: [Color(0xFFC62828), Color(0xFF7B0E14)],
+        ),
+        borderRadius: BorderRadius.vertical(top: Radius.circular(12)),
+      ),
+      indicatorSize: TabBarIndicatorSize.tab,
+      labelColor: AppColors.gold,
+      unselectedLabelColor: Colors.white60,
+      labelStyle: TextStyle(fontWeight: FontWeight.bold),
+      dividerColor: Colors.transparent,
+      isScrollable: true,
+      tabAlignment: TabAlignment.center,
+      tabs: [
+        Tab(text: 'سکه'),
+        Tab(text: 'بلیط'),
+        Tab(text: 'کارت'),
+        Tab(text: 'تجهیزات'),
+        Tab(text: 'VIP'),
+      ],
+    );
+  }
+}
+
+// ===== تب‌ها =====
+
+class _CoinsTab extends StatelessWidget {
+  final List<CoinPackage> packages;
+  const _CoinsTab({required this.packages});
+  @override
+  Widget build(BuildContext context) {
+    return _grid(
+      note: 'با داشتن اشتراک VIP در هر خرید ۱۰٪ سکه اضافه هدیه می‌گیرید.',
+      children: [
+        _ItemCard(
+          title: 'سکه رایگان',
+          glowColor: const Color(0xFF1B5E20),
+          icon: Icons.card_giftcard,
+          subtitle: 'با دیدن تبلیغ',
+          action: _PriceButton(
+            label: 'رایگان',
+            green: true,
+            onTap: () => context.read<ShopBloc>().add(AdRewardEvent()),
+          ),
+        ),
+        for (final p in packages)
+          _ItemCard(
+            title: p.title,
+            glowColor: const Color(0xFF1B5E20),
+            icon: Icons.savings,
+            ribbon: p.bonusPct > 0 ? '+${p.bonusPct}٪' : null,
+            subtitle:
+                '${p.coins} سکه${p.vipDays > 0 ? ' + ${p.vipDays} روز VIP' : ''}',
+            action: _PriceButton(
+              label: '${p.priceToman} تومان',
+              onTap: () =>
+                  context.read<ShopBloc>().add(PurchaseEvent('coin', p.id)),
+            ),
+          ),
+      ],
+    );
+  }
+}
+
+class _TicketsTab extends StatelessWidget {
+  final List<TicketPackage> packages;
+  const _TicketsTab({required this.packages});
+  @override
+  Widget build(BuildContext context) {
+    return _grid(
+      note: 'با خرید بلیط می‌توانید درخواست بر زدن مجدد در بازی‌ها انجام دهید.',
+      children: [
+        for (final p in packages)
+          _ItemCard(
+            title: p.title,
+            glowColor: const Color(0xFF8E1B7A),
+            icon: Icons.confirmation_number,
+            subtitle: '${p.tickets} بلیط',
+            action: _PriceButton(
+              label: '${p.priceToman} تومان',
+              onTap: () =>
+                  context.read<ShopBloc>().add(PurchaseEvent('ticket', p.id)),
+            ),
+          ),
+      ],
+    );
+  }
+}
+
+class _BoostersTab extends StatelessWidget {
+  final List<Booster> boosters;
+  const _BoostersTab({required this.boosters});
+  @override
+  Widget build(BuildContext context) {
+    return _grid(
+      note: 'با بسته‌های تجربه، چند برابر XP بگیرید و سریع‌تر بالا بروید.',
+      children: [
+        for (final b in boosters)
+          _ItemCard(
+            title: b.title,
+            glowColor: const Color(0xFF1E3A8A),
+            icon: Icons.bolt,
+            subtitle: 'تجربه ×${b.multiplier} — ${b.hours} ساعت',
+            action: _PriceButton(
+              label: '${b.priceToman} تومان',
+              onTap: () =>
+                  context.read<ShopBloc>().add(PurchaseEvent('booster', b.id)),
+            ),
+          ),
+      ],
+    );
+  }
+}
+
+class _VipTab extends StatelessWidget {
+  final List<VipPackage> packages;
+  const _VipTab({required this.packages});
+  @override
+  Widget build(BuildContext context) {
+    return _grid(
+      note: 'با VIP: میز خصوصی نامحدود، آمار کامل و ۱۰٪ سکه‌ی هدیه.',
+      children: [
+        for (final p in packages)
+          _ItemCard(
+            title: p.title,
+            glowColor: const Color(0xFF8A6D00),
+            icon: Icons.workspace_premium,
+            ribbon: p.months >= 6 ? 'بهترین' : null,
+            subtitle: '${p.months} ماه اشتراک',
+            action: _PriceButton(
+              label: '${p.priceToman} تومان',
+              onTap: () =>
+                  context.read<ShopBloc>().add(PurchaseEvent('vip', p.id)),
+            ),
+          ),
+      ],
+    );
+  }
+}
+
+class _CardsTab extends StatelessWidget {
+  final ShopData data;
+  const _CardsTab({required this.data});
+  @override
+  Widget build(BuildContext context) {
+    return _grid(
+      note: 'با اسکین کارت‌های متنوع حال‌وهوای بازی را عوض کن.',
+      children: [
+        for (final c in data.cardSkins)
+          _ItemCard(
+            title: c.title,
+            glowColor: const Color(0xFF0E3C73),
+            icon: Icons.style,
+            subtitle: c.priceCoins > 0 ? '${c.priceCoins} سکه' : 'پیش‌فرض',
+            action: _cardAction(context, c, data),
+          ),
+      ],
+    );
+  }
+
+  Widget _cardAction(BuildContext context, CardSkin c, ShopData d) {
+    if (d.selectedCard == c.id) {
+      return const _PriceButton(label: 'انتخاب شده', disabled: true);
+    }
+    if (d.owns(c.id)) {
+      return _PriceButton(
+        label: 'انتخاب',
+        green: true,
+        onTap: () => context.read<ShopBloc>().add(SelectCardEvent(c.id)),
+      );
+    }
+    return _PriceButton(
+      label: '${c.priceCoins} سکه',
+      green: true,
+      coin: true,
+      onTap: () => context.read<ShopBloc>().add(BuyCardEvent(c.id)),
+    );
+  }
+}
+
+Widget _grid({required String note, required List<Widget> children}) {
+  return Column(
+    children: [
+      Padding(
+        padding: const EdgeInsets.fromLTRB(16, 12, 16, 6),
+        child: Text(note,
+            textAlign: TextAlign.center,
+            style: const TextStyle(color: AppColors.gold, fontSize: 13)),
+      ),
+      Expanded(
+        child: GridView.count(
+          crossAxisCount: 2,
+          padding: const EdgeInsets.all(12),
+          childAspectRatio: 0.74,
+          mainAxisSpacing: 12,
+          crossAxisSpacing: 12,
+          children: children,
+        ),
+      ),
+    ],
+  );
+}
+
+// ===== ویجت‌های کارت آیتم =====
+
+class _ItemCard extends StatelessWidget {
+  final String title;
+  final IconData icon;
+  final Color glowColor;
+  final String subtitle;
+  final String? ribbon;
+  final Widget action;
+  const _ItemCard({
+    required this.title,
+    required this.icon,
+    required this.glowColor,
+    required this.subtitle,
+    required this.action,
+    this.ribbon,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final card = Container(
+      padding: const EdgeInsets.all(8),
+      decoration: BoxDecoration(
+        gradient: const LinearGradient(
+          begin: Alignment.topCenter,
+          end: Alignment.bottomCenter,
+          colors: [Color(0xFF6E1322), Color(0xFF3A0A12)],
+        ),
+        borderRadius: BorderRadius.circular(14),
+        border: Border.all(color: AppColors.gold, width: 1.6),
+        boxShadow: const [
+          BoxShadow(color: Colors.black54, blurRadius: 8, offset: Offset(0, 4)),
+        ],
+      ),
+      child: Column(
+        children: [
+          Text(title,
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+              style: const TextStyle(
+                  color: AppColors.gold, fontWeight: FontWeight.bold)),
+          const SizedBox(height: 6),
+          Expanded(child: _GlowArt(color: glowColor, icon: icon)),
+          const SizedBox(height: 4),
+          Text(subtitle,
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+              style: const TextStyle(color: Colors.white70, fontSize: 11)),
+          const SizedBox(height: 6),
+          SizedBox(width: double.infinity, child: action),
+        ],
+      ),
+    );
+    if (ribbon == null) return card;
+    return Stack(clipBehavior: Clip.none, children: [
+      card,
+      Positioned(
+        top: 8,
+        left: -22,
+        child: Transform.rotate(
+          angle: -0.7,
+          child: Container(
+            padding: const EdgeInsets.symmetric(horizontal: 26, vertical: 3),
+            color: const Color(0xFF2E7D32),
+            child: Text(ribbon!,
+                style: const TextStyle(
+                    color: Colors.white,
+                    fontSize: 11,
+                    fontWeight: FontWeight.bold)),
+          ),
+        ),
+      ),
+    ]);
+  }
+}
+
+class _GlowArt extends StatelessWidget {
+  final Color color;
+  final IconData icon;
+  const _GlowArt({required this.color, required this.icon});
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(10),
+        gradient: RadialGradient(
+          colors: [color, Colors.black.withValues(alpha: 0.85)],
+          radius: 0.9,
+        ),
+        border: Border.all(color: Colors.black26),
+      ),
+      child: Center(child: Icon(icon, size: 44, color: AppColors.gold)),
+    );
+  }
+}
+
+class _PriceButton extends StatelessWidget {
+  final String label;
+  final VoidCallback? onTap;
+  final bool green;
+  final bool coin;
+  final bool disabled;
+  const _PriceButton({
+    required this.label,
+    this.onTap,
+    this.green = false,
+    this.coin = false,
+    this.disabled = false,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final busy = context.select((ShopBloc c) => c.state.busy);
+    final colors = disabled
+        ? const [Color(0xFF555555), Color(0xFF333333)]
+        : green
+            ? const [Color(0xFF3FA34D), Color(0xFF1B5E20)]
+            : const [Color(0xFFD83A4A), Color(0xFF8E0E1B)];
+    return Opacity(
+      opacity: disabled ? 0.85 : 1,
+      child: GestureDetector(
+        onTap: (disabled || busy) ? null : onTap,
+        child: Container(
+          height: 36,
+          alignment: Alignment.center,
+          padding: const EdgeInsets.symmetric(horizontal: 6),
+          decoration: BoxDecoration(
+            gradient: LinearGradient(
+              begin: Alignment.topCenter,
+              end: Alignment.bottomCenter,
+              colors: colors,
+            ),
+            borderRadius: BorderRadius.circular(10),
+            border: Border.all(color: AppColors.gold, width: 1.2),
+          ),
+          child: Row(mainAxisSize: MainAxisSize.min, children: [
+            if (coin) ...[
+              const Icon(Icons.monetization_on, color: AppColors.gold, size: 16),
+              const SizedBox(width: 4),
+            ],
+            Flexible(
+              child: Text(label,
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: const TextStyle(
+                      color: Colors.white,
+                      fontSize: 13,
+                      fontWeight: FontWeight.bold)),
+            ),
+          ]),
+        ),
+      ),
+    );
+  }
+}
@@ -0,0 +1,205 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:go_router/go_router.dart';
+
+import '../../../../core/theme/app_theme.dart';
+import '../../../../core/widgets/game_ui.dart';
+import '../../../wallet/presentation/bloc/wallet_bloc.dart';
+import '../../../wallet/presentation/bloc/wallet_event.dart';
+import '../../../wallet/presentation/bloc/wallet_status.dart';
+import '../bloc/shop_bloc.dart';
+import '../bloc/shop_event.dart';
+import '../bloc/shop_state.dart';
+import '../bloc/shop_status.dart';
+
+/// صفحه‌ی اشتراک VIP: نمایش بسته‌ها و خرید.
+class VipScreen extends StatelessWidget {
+  const VipScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: GameBackground(
+        child: SafeArea(
+          child: BlocConsumer<ShopBloc, ShopBlocState>(
+            listenWhen: (a, b) => a.actionStatus != b.actionStatus,
+            listener: (context, state) {
+              final s = state.actionStatus;
+              if (s is ActionSuccess) {
+                context.read<WalletBloc>().add(LoadWalletEvent());
+                ScaffoldMessenger.of(context)
+                    .showSnackBar(SnackBar(content: Text(s.message)));
+              } else if (s is ActionError) {
+                ScaffoldMessenger.of(context)
+                    .showSnackBar(SnackBar(content: Text(s.message)));
+              }
+            },
+            builder: (context, state) {
+              final st = state.loadStatus;
+              if (st is ShopLoadError) {
+                return Center(
+                  child: Column(mainAxisSize: MainAxisSize.min, children: [
+                    Text(st.message,
+                        style: const TextStyle(color: Colors.white70)),
+                    TextButton(
+                        onPressed: () =>
+                            context.read<ShopBloc>().add(LoadShopEvent()),
+                        child: const Text('تلاش مجدد')),
+                  ]),
+                );
+              }
+              if (st is! ShopLoaded) {
+                return const Center(
+                    child: CircularProgressIndicator(color: AppColors.gold));
+              }
+              final packages = st.data.vipPackages;
+              final isVip = context.select((WalletBloc c) {
+                final ws = c.state.walletStatus;
+                return ws is WalletLoaded ? ws.wallet.vip : false;
+              });
+              return Column(
+                children: [
+                  Row(children: [
+                    IconButton(
+                      onPressed: () => context.pop(),
+                      icon: const Icon(Icons.arrow_back, color: AppColors.gold),
+                    ),
+                    const Spacer(),
+                    const GlowText('اشتراک VIP', size: 24),
+                    const Spacer(),
+                    const SizedBox(width: 48),
+                  ]),
+                  Expanded(
+                    child: SingleChildScrollView(
+                      padding: const EdgeInsets.all(16),
+                      child: Column(
+                        children: [
+                          Container(
+                            padding: const EdgeInsets.all(14),
+                            decoration: BoxDecoration(
+                              gradient: const LinearGradient(colors: [
+                                Color(0xFF5A3A00),
+                                Color(0xFF2A1A00)
+                              ]),
+                              borderRadius: BorderRadius.circular(14),
+                              border:
+                                  Border.all(color: AppColors.gold, width: 1.3),
+                            ),
+                            child: Column(children: [
+                              const Icon(Icons.workspace_premium,
+                                  color: AppColors.gold, size: 40),
+                              const SizedBox(height: 6),
+                              Text(
+                                  isVip
+                                      ? 'شما کاربر VIP هستید'
+                                      : 'با VIP بازی حرفه‌ای‌تری داشته باش',
+                                  style: const TextStyle(
+                                      color: AppColors.gold,
+                                      fontWeight: FontWeight.bold,
+                                      fontSize: 16)),
+                              const SizedBox(height: 10),
+                              const _Benefit('میزهای خصوصی نامحدود'),
+                              const _Benefit('مشاهده‌ی کامل آمار بازی'),
+                              const _Benefit('۱۰٪ سکه‌ی هدیه در هر خرید'),
+                            ]),
+                          ),
+                          const SizedBox(height: 18),
+                          for (final p in packages)
+                            Padding(
+                              padding: const EdgeInsets.only(bottom: 12),
+                              child: _VipPackageTile(
+                                title: p.title,
+                                months: p.months,
+                                price: p.priceToman,
+                                busy: state.busy,
+                                onBuy: () => context
+                                    .read<ShopBloc>()
+                                    .add(PurchaseEvent('vip', p.id)),
+                              ),
+                            ),
+                          if (packages.isEmpty)
+                            const Padding(
+                              padding: EdgeInsets.only(top: 30),
+                              child: Text('فعلاً بسته‌ای موجود نیست',
+                                  style: TextStyle(color: Colors.white54)),
+                            ),
+                        ],
+                      ),
+                    ),
+                  ),
+                ],
+              );
+            },
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _VipPackageTile extends StatelessWidget {
+  final String title;
+  final int months;
+  final int price;
+  final bool busy;
+  final VoidCallback onBuy;
+  const _VipPackageTile({
+    required this.title,
+    required this.months,
+    required this.price,
+    required this.busy,
+    required this.onBuy,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.all(14),
+      decoration: BoxDecoration(
+        gradient: const LinearGradient(
+          begin: Alignment.topCenter,
+          end: Alignment.bottomCenter,
+          colors: [Color(0xFF6E1322), Color(0xFF3A0A12)],
+        ),
+        borderRadius: BorderRadius.circular(14),
+        border: Border.all(color: AppColors.gold, width: 1.4),
+      ),
+      child: Row(children: [
+        const Icon(Icons.workspace_premium, color: AppColors.gold, size: 34),
+        const SizedBox(width: 12),
+        Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(title,
+                style: const TextStyle(
+                    color: AppColors.gold,
+                    fontWeight: FontWeight.bold,
+                    fontSize: 16)),
+            Text('$months ماه اشتراک',
+                style: const TextStyle(color: Colors.white70, fontSize: 12)),
+          ],
+        ),
+        const Spacer(),
+        GameButton(label: '$price تومان', onTap: busy ? null : onBuy),
+      ]),
+    );
+  }
+}
+
+class _Benefit extends StatelessWidget {
+  final String text;
+  const _Benefit(this.text);
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 2),
+      child: Row(children: [
+        const Icon(Icons.check_circle, color: Color(0xFF6FCF7A), size: 16),
+        const SizedBox(width: 6),
+        Expanded(
+            child: Text(text,
+                style: const TextStyle(color: Colors.white, fontSize: 13))),
+      ]),
+    );
+  }
+}