cloudsolutions-atoms/lib/views/widgets/equipment/predict_device_item_grid_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/views/widgets/item_views/info_text_widget.dart';

import '../../../new_views/app_style/app_color.dart';

class PredictDeviceItemGridView extends StatelessWidget {
  final PredictedAsset device;
  final Function(PredictedAsset) onPressed;

  const PredictDeviceItemGridView({Key? key, required this.device, required this.onPressed}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          device.assetName!.cleanupWhitespace.capitalizeFirstOfEach,
          maxLines: 2,
          overflow: TextOverflow.ellipsis,
          style: AppTextStyles.bodyText.copyWith(color: AppColor.textStyleColor(context)),
        ),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisSize: MainAxisSize.min,
          children: [
            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),
          ],
        ).expanded,
        Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            Text(
              'View Details',
              style: AppTextStyles.bodyText2.copyWith(color: AppColor.primary10),
            ),
            4.width,
            const Icon(Icons.arrow_forward, color: AppColor.primary10, size: 14)
          ],
        ),
      ],
    ).expanded.onPress(() => onPressed(device)).toShadowContainer(context);
  }
}