apskel-owner-flutter/lib/presentation/pages/home/widgets/feature.dart

import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:line_icons/line_icons.dart';

import '../../../../common/extension/extension.dart';
import '../../../../common/theme/theme.dart';
import '../../../router/app_router.gr.dart';
import 'feature_tile.dart';

class HomeFeature extends StatelessWidget {
  const HomeFeature({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: const EdgeInsets.symmetric(
        vertical: 24,
        horizontal: AppValue.padding,
      ).copyWith(bottom: 0),
      padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 10),
      decoration: BoxDecoration(
        color: AppColor.white,
        borderRadius: BorderRadius.circular(AppValue.radius),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withOpacity(0.04),
            blurRadius: 10,
            offset: const Offset(0, 5),
            spreadRadius: 0,
          ),
        ],
      ),
      child: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              HomeFeatureTile(
                title: context.lang.sales,
                color: const Color(0xFF4CAF50),
                icon: LineIcons.receipt,
                onTap: () => context.router.push(SalesRoute()),
              ),
              HomeFeatureTile(
                title: context.lang.purchase,
                color: const Color(0xFF2196F3),
                icon: LineIcons.shoppingCart,
                onTap: () => context.router.push(PurchaseRoute()),
              ),
              HomeFeatureTile(
                title: context.lang.finance,
                color: const Color(0xFF8BC34A),
                icon: LineIcons.moneyCheck,
                onTap: () => context.router.push(FinanceRoute()),
              ),
              HomeFeatureTile(
                title: context.lang.product,
                color: const Color(0xFFFF9800),
                icon: LineIcons.box,
                onTap: () => context.router.push(ProductAnalyticRoute()),
              ),
            ],
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              HomeFeatureTile(
                title: context.lang.form,
                color: const Color(0xFFE91E63),
                icon: LineIcons.fileAlt,
                onTap: () => context.router.push(DailyTasksFormRoute()),
              ),
              HomeFeatureTile(
                title: context.lang.schedule,
                color: const Color(0xFF9C27B0),
                icon: LineIcons.calendar,
                onTap: () => context.router.push(ScheduleRoute()),
              ),
              HomeFeatureTile(
                title: context.lang.inventory,
                color: const Color(0xFF00BCD4),
                icon: LineIcons.archive,
                onTap: () => context.router.push(InventoryRoute()),
              ),
              HomeFeatureTile(
                title: context.lang.customer,
                color: const Color(0xFFFF5722),
                icon: LineIcons.userPlus,
                onTap: () => context.router.push(CustomerRoute()),
              ),
            ],
          ),
        ],
      ),
    );
  }
}