scanned_drums_section.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../../../../core/ui/theme/color_palette.dart';
 
class ScannedDrumsSection extends StatelessWidget {
  final List<String> recoveredDrums;
  final List<String> depositedDrums;
  
  const ScannedDrumsSection({
    super.key,
    required this.recoveredDrums,
    required this.depositedDrums,
  });
 
  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: EdgeInsets.all(20.sp),
      decoration: BoxDecoration(
        color: ColorPalette.white,
        borderRadius: BorderRadius.circular(20),
        boxShadow: [
          BoxShadow(
            color: ColorPalette.black.withValues(alpha:0.05),
            blurRadius: 10,
            offset: const Offset(0, 4),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          _buildDrumsList('confirmation.recovered_drums'.tr(), recoveredDrums, context),
          SizedBox(height: 16.sp),
          _buildDrumsList('confirmation.deposited_drums'.tr(), depositedDrums, context),
        ],
      ),
    );
  }
 
  Widget _buildDrumsList(String title, List<String> drums, BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Text(
              title,
              style: Theme.of(context).textTheme.titleSmall!.copyWith(
                color: ColorPalette.grey,
              ),
            ),
            Container(
              padding: EdgeInsets.symmetric(horizontal: 8.sp, vertical: 4.sp),
              decoration: BoxDecoration(
                color: ColorPalette.grey.withValues(alpha: 0.15),
                borderRadius: BorderRadius.circular(12),
              ),
              child: Text(
                '${drums.length} scanned',
                style: Theme.of(context).textTheme.titleSmall!.copyWith(
                  fontSize: 12.sp,
                  color: ColorPalette.darkGrey.withValues(alpha: 0.8),
                ),
              ),
            ),
          ],
        ),
        SizedBox(height: 8.sp),
        Wrap(
          spacing: 8.sp,
          runSpacing: 8.sp,
          children: drums.map(
            (drum) => Container(
              padding: EdgeInsets.symmetric(
                horizontal: 12.sp,
                vertical: 8.sp,
              ),
              decoration: BoxDecoration(
                color: ColorPalette.lightGrey.withValues(alpha: 0.2),
                borderRadius: BorderRadius.circular(8),
                border: Border.all(color: ColorPalette.grey.withValues(alpha: 0.2)),
              ),
              child: Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Icon(Icons.qr_code_2, size: 16.sp, color: ColorPalette.grey),
                  SizedBox(width: 8.sp),
                  Text(drum),
                ],
              ),
            ),
          ).toList(),
        ),
      ],
    );
  }
}