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(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisSize: MainAxisSize.min,
      children: [
        Text(
          device.assetName!.cleanupWhitespace.capitalizeFirstOfEach,
          maxLines: 2,
          overflow: TextOverflow.ellipsis,
          style: AppTextStyles.bodyText.copyWith(color: AppColor.textStyleColor(context)),
        ),
        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,showArrow: true,),
      ],
    ).onPress(() => onPressed(device)).toShadowContainer(context);
  }
}