pictures_sections.dart

Go to the documentation of this file.

import 'dart:io';
 
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';
 
class PicturesSections extends StatelessWidget {
  final String? voucherPicture;
  final String? drumPicture;
  final Function(String) onDeletePicture;
  final VoidCallback onAddVoucherPicture;
  final VoidCallback onAddDrumPicture;
 
  const PicturesSections({
    super.key,
    this.voucherPicture,
    this.drumPicture,
    required this.onDeletePicture,
    required this.onAddVoucherPicture,
    required this.onAddDrumPicture,
  });
 
  @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: [
          Text(
            'confirmation.flow_meter'.tr(),
            style: Theme.of(context).textTheme.titleMedium!.copyWith(
              fontWeight: FontWeight.bold,
            ),
          ),
          SizedBox(height: 16.sp),
          _buildVoucherSection(context),
          SizedBox(height: 24.sp),
          _buildDrumSection(context),
        ],
      ),
    );
  }
 
  Widget _buildPictureItem(String picture, String title) {
    return Container(
      decoration: BoxDecoration(
        color: ColorPalette.white,
        borderRadius: BorderRadius.circular(12),
        border: Border.all(color: ColorPalette.grey.withValues(alpha: 0.2)),
      ),
      child: Column(
        children: [
          if (File(picture).existsSync())
            ClipRRect(
              borderRadius: BorderRadius.circular(12),
              child: Image.file(
                File(picture),
                height: 120.sp,
                width: double.infinity,
                fit: BoxFit.cover,
              ),
            ),
          ListTile(
            leading: Container(
              padding: EdgeInsets.all(8.sp),
              decoration: BoxDecoration(
                color: ColorPalette.lightGreen.withValues(alpha: 0.2),
                borderRadius: BorderRadius.circular(8),
              ),
              child: const Icon(FluentIcons.image_16_regular, color: ColorPalette.darkGreen),
            ),
            title: Text(title),
            trailing: IconButton(
              icon: const Icon(FluentIcons.delete_12_regular, color: ColorPalette.grey),
              onPressed: () => onDeletePicture(picture),
            ),
          ),
        ],
      ),
    );
  }
 
  Widget _buildVoucherSection(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        _buildSectionHeader('confirmation.before_loading'.tr(), voucherPicture != null ? 1 : 0, context),
        SizedBox(height: 16.sp),
        _buildPictureContent(
          picture: voucherPicture,
          onAdd: onAddVoucherPicture,
          emptyStateText: 'confirmation.picture_hint'.tr(),
          title: 'confirmation.before_loading_picture'.tr(),
          context: context,
        ),
      ],
    );
  }
 
  Widget _buildDrumSection(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        _buildSectionHeader('confirmation.after_loading'.tr(), drumPicture != null ? 1 : 0, context),
        SizedBox(height: 16.sp),
        _buildPictureContent(
          picture: drumPicture,
          onAdd: onAddDrumPicture,
          emptyStateText: 'confirmation.picture_hint'.tr(),
          title: 'confirmation.after_loading_picture'.tr(),
          context: context,
        ),
      ],
    );
  }
 
  Widget _buildPictureContent({
    required String? picture,
    required VoidCallback onAdd,
    required String emptyStateText,
    required String title,
    required BuildContext context,
  }) {
    if (picture == null) {
      return _buildEmptyState(emptyStateText, onAdd, context);
    }
    return _buildPictureItem(picture, title);
  }
 
  Widget _buildSectionHeader(String title, int count, BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Text(
          title,
          style: Theme.of(context).textTheme.titleSmall!.copyWith(
            color: ColorPalette.grey,
          ),
        ),
      ],
    );
  }
 
  Widget _buildEmptyState(String text, VoidCallback onTap, BuildContext context) {
    return InkWell(
      onTap: onTap,
      child: Container(
        width: double.infinity,
        height: 110.sp,
        decoration: BoxDecoration(
          border: Border.all(color: ColorPalette.grey.withValues(alpha: 0.2)),
          color: ColorPalette.lightGrey,
          borderRadius: BorderRadius.circular(12),
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(FluentIcons.camera_16_regular, size: 32.sp, color: ColorPalette.grey),
            SizedBox(height: 8.sp),
            Text(
              text,
              style: Theme.of(context).textTheme.titleSmall!.copyWith(
                color: ColorPalette.grey,
              ),
            ),
          ],
        ),
      ),
    );
  }
}