cloudsolutions-atoms/lib/views/widgets/equipment/predict_device_item_view.dart

import 'package:flutter/material.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/models/device/predict_device_model.dart';
import 'package:test_sa/new_views/app_style/app_color.dart';
import 'package:test_sa/views/widgets/item_views/info_header_widget.dart';
import 'package:test_sa/views/widgets/item_views/info_text_widget.dart';

class PredictDeviceItemView extends StatelessWidget {
  final PredictedAsset device;
  final Function(PredictedAsset) onPressed;
  final Widget? selectButton;
  final bool isSelected;

  const PredictDeviceItemView({Key? key, required this.device, required this.onPressed, this.selectButton, this.isSelected = false}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisSize: MainAxisSize.min,
          children: [
            InfoHeaderWidget(device.assetName!.cleanupWhitespace),
            4.height,
            InfoTextWidget(label: context.translation.assetNumber, value: device.metadata?.assetNumber),
            InfoTextWidget(label: 'Matching Percentage', value: device.confidencePercent),
            InfoTextWidget(label: context.translation.oracleCode, value: device.metadata?.oracleCode),
            InfoTextWidget(label: context.translation.site, value: device.metadata?.siteName),
            InfoTextWidget(label: context.translation.department, value: device.metadata?.departmentName),
          ],
        ),
        Align(
            alignment: Alignment.bottomRight,
            child: selectButton ??
                Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    Text(
                      context.translation.viewDetails,
                      style: AppTextStyles.bodyText2.copyWith(color: AppColor.primary10),
                    ),
                    4.width,
                    const Icon(Icons.arrow_forward, color: AppColor.primary10, size: 14)
                  ],
                ))
      ],
    ).expanded.toShadowContainer(context, borderColor: isSelected ? AppColor.primary10 : Colors.transparent).onPress(() => onPressed(device));
  }
}