update

2025-10-17 17:49:01 +07:00
parent 628c81ce13
commit 57bf73e4d1
23 changed files with 2655 additions and 87 deletions
--- a/lib/features/home/presentation/widgets/promotion_slider.dart
+++ b/lib/features/home/presentation/widgets/promotion_slider.dart
@@ -0,0 +1,164 @@
+/// Widget: Promotion Slider
+///
+/// Horizontal scrolling list of promotional banners.
+/// Displays promotion images, titles, and descriptions.
+library;
+
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:worker/core/theme/colors.dart';
+import 'package:worker/features/home/domain/entities/promotion.dart';
+
+/// Promotion Slider Widget
+///
+/// Displays a horizontal scrollable list of promotion cards.
+/// Each card shows an image, title, and brief description.
+class PromotionSlider extends StatelessWidget {
+  /// List of promotions to display
+  final List<Promotion> promotions;
+
+  /// Callback when a promotion is tapped
+  final void Function(Promotion promotion)? onPromotionTap;
+
+  const PromotionSlider({
+    super.key,
+    required this.promotions,
+    this.onPromotionTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    if (promotions.isEmpty) {
+      return const SizedBox.shrink();
+    }
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        const Padding(
+          padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+          child: Text(
+            'Chương trình ưu đãi',
+            style: TextStyle(
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+        SizedBox(
+          height: 200,
+          child: ListView.builder(
+            scrollDirection: Axis.horizontal,
+            padding: const EdgeInsets.symmetric(horizontal: 12),
+            itemCount: promotions.length,
+            itemBuilder: (context, index) {
+              return _PromotionCard(
+                promotion: promotions[index],
+                onTap: onPromotionTap != null
+                    ? () => onPromotionTap!(promotions[index])
+                    : null,
+              );
+            },
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+/// Individual Promotion Card
+class _PromotionCard extends StatelessWidget {
+  final Promotion promotion;
+  final VoidCallback? onTap;
+
+  const _PromotionCard({
+    required this.promotion,
+    this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Container(
+        width: 280,
+        margin: const EdgeInsets.symmetric(horizontal: 4),
+        decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(12),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.1),
+              blurRadius: 8,
+              offset: const Offset(0, 2),
+            ),
+          ],
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // Promotion Image
+            ClipRRect(
+              borderRadius:
+                  const BorderRadius.vertical(top: Radius.circular(12)),
+              child: CachedNetworkImage(
+                imageUrl: promotion.imageUrl,
+                height: 140,
+                width: double.infinity,
+                fit: BoxFit.cover,
+                placeholder: (context, url) => Container(
+                  height: 140,
+                  color: AppColors.grey100,
+                  child: const Center(
+                    child: CircularProgressIndicator(),
+                  ),
+                ),
+                errorWidget: (context, url, error) => Container(
+                  height: 140,
+                  color: AppColors.grey100,
+                  child: const Icon(
+                    Icons.image_not_supported,
+                    size: 48,
+                    color: AppColors.grey500,
+                  ),
+                ),
+              ),
+            ),
+
+            // Promotion Info
+            Expanded(
+              child: Padding(
+                padding: const EdgeInsets.all(12),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Text(
+                      promotion.title,
+                      style: const TextStyle(
+                        fontSize: 14,
+                        fontWeight: FontWeight.w600,
+                      ),
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                    const SizedBox(height: 4),
+                    Text(
+                      promotion.description,
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: AppColors.grey500,
+                      ),
+                      maxLines: 2,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}