scan_section.dart

Go to the documentation of this file.

import 'package:barcode_scan2/barcode_scan2.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../../../../../../../core/ui/theme/color_palette.dart';
import 'scan_card.dart';
 
class ScanSection extends StatefulWidget {
  final String type;
  final Function(List<DrumScan>) onScannedDrumsChanged;
  final Function(bool) onNotApplicableChanged;
  
  const ScanSection({
    super.key,
    required this.type,
    required this.onScannedDrumsChanged,
    required this.onNotApplicableChanged,
  });
 
  @override
  State<ScanSection> createState() => _ScanSectionState();
}
 
class _ScanSectionState extends State<ScanSection> {
  final List<DrumScan> scannedDrums = [];
  bool _isNotApplicable = true;
 
  void _scanDrum() async {
    final result = await BarcodeScanner.scan();
    
    setState(() {
      if (result.rawContent != ""){
        scannedDrums.add(
          DrumScan(
            id: DateTime.now().millisecondsSinceEpoch.toString(),
            drumCode: 'DRUM-${result.rawContent}',
            timestamp: DateTime.now(),
          ),
        );
        widget.onScannedDrumsChanged(scannedDrums);
      }
    });
  }
 
  void _removeDrum(String id) {
    setState(() {
      scannedDrums.removeWhere((drum) => drum.id == id);
      widget.onScannedDrumsChanged(scannedDrums);
    });
  }
 
  void _toggleNotApplicable() {
    setState(() {
      _isNotApplicable = !_isNotApplicable;
      widget.onNotApplicableChanged(_isNotApplicable);
      if (_isNotApplicable) {
        scannedDrums.clear();
        widget.onScannedDrumsChanged(scannedDrums);
      }
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Text(
              widget.type == 'recovered' ? 'information.recovered_drums'.tr() : 'information.deposited_drums'.tr(),
              style: Theme.of(context).textTheme.titleSmall?.copyWith(
                color: ColorPalette.grey
              ),
            ),
            Row(
              children: [
                Container(
                  padding: EdgeInsets.symmetric(horizontal: 8.sp, vertical: 4.sp),
                  decoration: BoxDecoration(
                    color: ColorPalette.lightGrey,
                    borderRadius: BorderRadius.circular(20),
                  ),
                  child: Text(
                    '${scannedDrums.length} scanned',
                    style: Theme.of(context).textTheme.bodySmall?.copyWith(
                      color: ColorPalette.grey,
                      fontSize: 10.sp,
                      fontWeight: FontWeight.w500,
                    ),
                  ),
                ),
                SizedBox(width: 8.sp),
                InkWell(
                  onTap: _toggleNotApplicable,
                  child: Container(
                    padding: EdgeInsets.symmetric(horizontal: 5.sp, vertical: 1.sp),
                    decoration: BoxDecoration(
                      color: _isNotApplicable ? ColorPalette.lightGreen : ColorPalette.lightGrey,
                      borderRadius: BorderRadius.circular(20),
                      border: Border.all(
                        color: _isNotApplicable ? ColorPalette.lightGreen : ColorPalette.grey.withValues(alpha: 0.3),
                        width: 1.5,
                      ),
                      boxShadow: _isNotApplicable ? [
                        BoxShadow(
                          color: Colors.black.withValues(alpha: 0.1),
                          blurRadius: 2,
                          offset: const Offset(0, 1),
                        )
                      ] : null,
                    ),
                    child: Row(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Icon(
                          _isNotApplicable ? Icons.check_circle : Icons.radio_button_unchecked,
                          size: 14.sp,
                          color: _isNotApplicable ? Colors.white : ColorPalette.grey,
                        ),
                        SizedBox(width: 4.sp),
                        Text(
                          'N/A',
                          style: Theme.of(context).textTheme.bodySmall?.copyWith(
                            color: _isNotApplicable ? Colors.white : ColorPalette.grey,
                            fontSize: 11.sp,
                            fontWeight: FontWeight.w600,
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
              ],
            ),
          ],
        ),
        SizedBox(height: 8.sp),
        if (!_isNotApplicable) ...[
          InkWell(
            onTap: _scanDrum,
            child: Container(
              height: 100.sp,
              decoration: BoxDecoration(
                border: Border.all(color: ColorPalette.grey.withValues(alpha:0.2)),
                borderRadius: BorderRadius.circular(12),
                color: ColorPalette.lightGrey,
              ),
              child: Center(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Icon(
                      FluentIcons.qr_code_20_filled,
                      size: 32.sp,
                      color: ColorPalette.grey,
                    ),
                    SizedBox(height: 8.sp),
                    Text(
                      'Tap to scan ${widget.type} drum',
                      style: Theme.of(context).textTheme.bodySmall?.copyWith(
                        color: ColorPalette.grey,
                        fontSize: 13.sp,
                        fontWeight: FontWeight.w500,
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
          if (scannedDrums.isNotEmpty) ...[
            const SizedBox(height: 16),
            ListView.builder(
              shrinkWrap: true,
              physics: const NeverScrollableScrollPhysics(),
              itemCount: scannedDrums.length,
              itemBuilder: (context, index) {
                final drum = scannedDrums[index];
                return ScanCard(
                  drum: drum,
                  onDelete: () => _removeDrum(drum.id),
                );
              },
            ),
          ],
        ],
      ],
    );
  }
}
 
class DrumScan {
  final String id;
  final String drumCode;
  final DateTime timestamp;
 
  DrumScan({
    required this.id,
    required this.drumCode,
    required this.timestamp
  });
}